* {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  background: #4d4d4d;
  font-family:'나눔고딕',NanumGothic,'맑은고딕', Malgun Gothic, dotum, gulim, sans-serif;
  overflow-x: hidden
}

ul,li{list-style:none;}
a, a:link, a:visited {
  text-decoration: none !important;
}

input {
    background-color: #fff;
    background-image: none;
    color: rgb(0, 0, 0);
}

fieldset input::-webkit-input-placeholder{ font-size:15px;color: #b8b8b8; font-weight:500}
fieldset input:-moz-placeholder{ font-size:15px;color: #b8b8b8; font-weight:500}
fieldset input:-moz-placeholder{ font-size:15px;color: #b8b8b8;font-weight:500 }
fieldset input:-ms-input-placeholder{ font-size:15px;color: #b8b8b8;font-weight:500 }

.wrap {
  width: 100%;
  height: 100%;
}

.inwrap {
  width: 1080px;
  margin: 0 auto
}

/*common*/

.wrap .content, .wrap .header, .wrap .footer {
  *zoom: 1;
}

.wrap .content:after, .wrap .header:after, .wrap .footer:after {
  display: block;
  clear: both;
  content: ''
}

.wrap .header {
  width: 100%;
  height: 100px;
  background: #fff;
}

.header .inwrap .h_logo {
  float: left;
  margin-top: 20px;
}

.header .inwrap .h_menu {
  float: right;
  margin-top: 0px;
}

.header .inwrap .h_tel {
  float: right;
  margin-top: 40px;
}

.wrap .content {
  width: 100%;
  height: 490px;
  background: #e1eef6;
  padding: 50px 0;
  box-sizing: border-box;
}

.wrap .content:after {
  display: block;
  clear: both;
  content: ''
}

.content .inwrap {
  margin-top: 30px 0 !important;
}

.content .inwrap .visual {
  float: left;
  width: 50%;
}

.content .inwrap .action {
  /*position: absolute;
      top: 65px;
      right: 155px;*/
  z-index: 1;
}

.content .inwrap .action>a {
  display:block;
  text-align: center;
  font-size: 18px;
  box-sizing: border-box;
}

.content .inwrap .action>a {

}

/*input*/

.content .inwrap .right_box {
  float: right;
  width: 438px;
}

.content .inwrap .login {
  width: 100%;
  height: 246px;
  background: #c3d3de;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.content .inwrap .login table {
  border: 0;
}

.id_save>input[type="checkbox"] {
  width: 17px;
  height: 17px;
  border: 1px solid #666;
  vertical-align: bottom;
}

.id_save {
  float: left;
  font-size: 14px;
  margin-top: 15px;
  padding-bottom: 7px;
}

.text_box {
  float: right;
  font-size: 13px;
  letter-spacing: -0.8px;
  margin-top: 14px;
}

.text_box>span {
  color: #fb2c0a;
  font-weight: 600;
}

.content .inwrap .login fieldset {
  border: 0;
}

fieldset>legend {
  display: none;
}

.login fieldset input[type=text], .login fieldset input[type=password] {
  width: 244px;
  height: 43px;
  display: inline-block;
  font: inherit;
  text-indent: 10px;
  box-sizing: border-box;
  color: #000;
  font-size: 15px;
  /* margin-bottom: 2px; */
  border: none;
}

/*btn*/

.btn_login {
  border-radius: 5px;
  width: 119px;
  height: 98px;
  padding: 40px 0;
  font: 600 12px/12px '맑음고딕', Malgun Gothic, dotum, gulim, sans-serif;
  background-color: #fa4b2e;
  border: 1px solid #fb2c0a;
  color: #fff;
}

.btn_login02 {
  margin-top: 5px;
  width: 381px;
  height: 55px;
  padding: 20px 0;
  font: 600 12px/12px '맑음고딕', Malgun Gothic, dotum, gulim, sans-serif;
  background-color: #80a0b8;
  border: 1px solid #80a0b8;
  color: #fff;
}

.btn_join {
  float: left;
  margin-top: 5px;
  width: 180px;
  height: 43px;
  padding: 13px 0;
  margin-right: 10px;
  font: 600 16px/12px '맑음고딕', Malgun Gothic, dotum, gulim, sans-serif !important;
  background-color: #80a0b8;
  border: 1px solid #80a0b8;
  color: #fff;
}
.btn_join:hover,
.btn_idpw:hover{background-color: #507a99;  border: 1px solid #466f8e}

.btn_idpw {
  float: left;
  margin-top: 5px;
  width: 180px;
  height: 43px;
  padding: 13px 0;
  font: 600 16px/12px '맑음고딕', Malgun Gothic, dotum, gulim, sans-serif !important;
  background-color: #80a0b8;
  border: 1px solid #80a0b8;
  color: #fff;
}

.tab_area {
  width: 100%;
  height: 103px;
  overflow: hidden;
}

.tabs{}
.tabs li{float:left;}
.tabs li a{display:block;width:219px;height: 31px;background:url('../images/main_tab.jpg') no-repeat 0 0;}
.tabs li a.tab01{background-position: 0 -31px;}
.tabs li a.tab02{background-position:-219px -31px;}
.tabs li.on a.tab01{background-position: 0 0;}
.tabs li.on a.tab02{background-position:-219px  0px}

/*gnb*/
.h_tel > ul{*zoom:1;}
.h_tel > ul:after{display:block; clear:both; content:'';}
.h_tel > ul li{float:left; font-size:13px; padding-right:10px; margin-right:10px; border-right:1px solid #ececec;}
.h_tel > ul li:last-child{border-right:0px; padding-right:0px; margin-right:0px;}
.h_tel > ul li>a{font-weight:500; color:#000}
.h_tel > ul li>a:hover{font-weight:600;color:#000}


.wrap .footer {
  width: 100%;
  height: 202px;
  background: #4d4d4d;
}

.wrap .footer .mark {
  position: relative;
  left: 630px;
  top: 37px;
  width: 100px;
  width: 100px;
  width: 100p;
  width: 100;
  width: 10;
  width: 1;
  width:;
}

.wrap .footer .address {
  float: left;
}

.wrap .footer .site {
  float: right;
}

.wrap .footer .site>ul li {
  list-style: none;
  text-align: right;
  padding: 5px 0;
}

.wrap .footer .site>ul li>select {
  height: 30px;
  border: 1px solid #fff;
}