@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

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

ul,li,ol{list-style:none;}

a, a:link, a:visited {
  text-decoration: none !important;
  color:#000;
}

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

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%;

  background: #ffffff;
  padding: 0 0 80px 0;
  box-sizing: border-box;
}

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

.content .sub01{width:100%; height:129px; background:#afd0f4}

.content .sub01 .inwrap {
  margin-top: 0px 0;
}

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

.content .inwrap .left{margin-top: 50px;float:left;}
.content .inwrap .right{margin-top:80px; float:right}

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


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

.content .inwrap .action>a {

}



.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;
  border: none;
}


.btn_login {
  border-radius: 5px;
  width: 119px;
  height: 98px;
  padding: 40px 0;
  font: 600 12px/12px '맑은고딕', Malgun Gothic, dotum, gulim, verdana, 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, verdana, 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, verdana, 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, verdana, sans-serif !important;
  background-color: #80a0b8;
  border: 1px solid #80a0b8;
  color: #fff;
}

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

*/

/*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;}
.h_tel > ul li>a:hover{font-weight:600;}

/*lnb*/
.content .inwrap .left{width:150px;}
.left .title{margin-bottom:20px;}
.left > ul{border-top: 3px solid #e94f16;}
.left > ul li{padding:10px 5px;font-size:13px;border-bottom:1px solid #efefef}
.left > ul li:last-child{letter-spacing:-1px;}
.left > ul li>a{font-weight:400}
.left > ul li>a:hover,
.left > ul li.on >a{color:#e94f16; font-weight:600; letter-spacing:-0.1px;}
.left > ul li:last-child>a:hover,
.left > ul li.on:last-child >a{color:#e94f16; font-weight:600; letter-spacing:-1px;}

/*content right*/
.content .inwrap .right{width:870px;}
.right .title{/* border-bottom: 1px solid #e94f16; */margin-bottom:30px;/* vertical-align: text-bottom; */}
.right .title:after{display:block; clear:both; content:'';}
.right .title>h3{display: inline-block;/* float:left; */font-size:25px;font-weight:500;letter-spacing:-1px;padding-bottom:10px;}
.right .title>span{/* float:right; */display: inline-block;padding-left: 15px;vertical-align: text-bottom;/* height:30px; */font-size: 12px;padding-top: 15px;color:#999;}
.right .idpw_area{}
.right .idpw_area:after{display:block; clear:both; content:'';}
.right .idpw_area .section{width:47%; text-align:center; }
.right .idpw_area .section._id{float:left;}
.right .idpw_area .section._pw{float:right;}
.stitle{*zoom:1;border-bottom: 2px solid #e94f16;margin-bottom: 0px;margin-right: 0px;}
.stitle:after{display:block; clear:both; content:'';}
.stitle h4{float:left;font-size: 16px;font-weight: 600;padding-bottom: 7px;color: #e94f16;}
.stitle .ex_right{float:right;font-size:11px;color:#999;padding-top: 8px;}
.stitle .ex_right>span{color:#e94f16;}
.right .idpw_area .section .id_box,
.right .idpw_area .section .pw_box{border:1px solid #efefef; height:240px; background:#efefef }
.right .idpw_area .section dl{*zoom:1;padding:20px;}
.right .idpw_area .section dl:after{display:block; clear:both; content:'';}
.right .idpw_area .section dl dt{float:left;font-size:13px;width:150px;clear:both;margin-bottom:10px;font-weight: 600;}
.right .idpw_area .section dl dt>span{color:#e94f16; padding-left:5px;}
.right .idpw_area .section dl dd{float:left;margin-bottom:10px;}
.right .idpw_area .section dl dd >input{height:25px;border: 1px solid #cdcdcd;height: 25px;width: 99%;}
.right .idpw_area .section .btn_area{}
.right .idpw_area .section .btn_area>a{display:block;padding:15px;margin-top:5px;font-size: 18px;font-weight: 600;background: #e94f16;border: 1px solid #c34313;width: 30%;margin: 0 auto;margin-top: 20px;color: #ffffff;}
.right .idpw_area .id_box dl{margin-top:15px;}

.right .turn{margin-bottom:50px;}
.right .section{}
.right .section .agree_box{}
.part01{ margin-bottom:50px;}
.part01 .top{padding: 15px 0;}
.part01 .top >h5{display:inline-block; font-size:15px;}
.part01 .top >span{display:inline-block;font-size:12px; color:#666; padding-left:15px;}
.part01 .agreed{}
.part01 .agree_ch{
    margin-bottom: 100px;
    margin-top: 15px;
}
.part01 .agree_ch:after{display:block; clear:both; content:'';}
.part01 .agree_ch .left{margin-top:0px;font-size: 16px;width:500px;font-weight: 600;text-indent: 10px;}
.part01 .agree_ch .right{margin-top:0px;width: 300px;text-align:right;font-size: 13px;font-weight: 500;}
.part01 .agree_ch .right input{margin-left:15px;vertical-align:middle;margin-right: 3px;}

  .agreed { color: #757575; font-size: 13px; line-height: 18px; margin-bottom: 10px; border: 1px solid #e4e4e4; height:250px; overflow-x: hidden; overflow-y: auto; width:100%;}
  .agreed dt {color: #484848;font-size: 15px;line-height: 23px;font-weight: 600;padding:0 20px 0 20px;}
  .agreed dd {color: #777777;font-size: 13px;letter-spacing: -1px;line-height: 23px;margin-bottom: 26px;padding:0 20px 0 20px;}

.comnum{}
.comnum .top >h5{display:inline-block; font-size:15px;}
.comnum_box{/* border: 1px solid #bbb9b9; */background:#efefef;text-align:center;/* margin:10px 0; */padding:30px;}
.comnum_box >dl dt{display:inline-block;font-size: 15px;font-weight: 600;}
.comnum_box > dl dd{display:inline-block}
.comnum_box > dl dd >input{height:25px; }
.comnum .btn_area{padding:30px; text-align:center}
.comnum .btn_area > a {margin-left:10px;}

/*join form*/
.subcontentTit{margin-top:20px;padding-bottom:10px; font-weight:600;text-indent:5px;}

.TableMemberJoin{/* border-top: solid 1px #b4b4b4; */width:100%;font-size:15px;width:100%;letter-spacing:0px;margin-bottom: 30px;}
.TableMemberJoin th{border-bottom:solid 1px #cdcdcd;font-size: 13px;font-weight: 600;color:#4b4948;letter-spacing:0.5px;background-color:#eeeeee;line-height:20px;padding:7px 5px;}
.TableMemberJoin th>span{color:#ee3212}
.TableMemberJoin td{border-bottom:solid 1px #cdcdcd;font-size:15px;line-height:25px;padding:5px 5px;text-align:left;}
.TableMemberJoin td.S_txt{ font-size:11px; }
.TableMemberJoin td img{padding-top:1px}
.TableMemberJoin td p{ display:inline-block; width:180px; margin-bottom:3px}
.TableMemberJoin td input{border:1px solid #cdcdcd;height:25px;width: 99%;}
.TableMemberJoin td input.add_detail{margin-top:5px;}
.TableMemberJoin td input.noborder{border:0px}
.TableMemberJoin td select{font-size:12px;color:#1b1b1b;height:26px;width:99%;border: 1px solid #cdcdcd;}
.TableMemberJoin ul li{ line-height:27px}
.TJoinbtn{padding:6px 9px; background:url(../images/2016/dot03.png); background-color:#4b4948;  font-size:13px; font-weight:bold; color:#fff; text-align:center; margin-left:2px }
.imp{position:relative;/* right: 0; *//* margin-top:-15px; */font-size: 12px;width:100%;text-align: right;color: #e94f16;height:20px;line-height:20px;margin-right: 35px;box-sizing: border-box;}
.imp02{position:relative;/* right: 0; *//* margin-top:-15px; */font-size: 12px;width:100%;text-align: right;color: #4b4948;height:20px;line-height:20px;margin-right: 35px;box-sizing: border-box;}

.joinBtn{margin:0 auto; text-align:center; margin-top:50px;margin-bottom:50px;}
.joinBtn a{padding: 15px 60px;background:url(../images/2016/dot03.png);background-color:#ee3212;font-size:18px;font-weight:bold;color:#fff;text-align:center;}
.joinBtn a:hover{color:#fff; background-color:#4b4948}
.join01Btn a{padding:10px 20px; background-color:#4b4948;  font-size:15px; font-weight:bold; color:#fff; text-align:center; }
.joinBtn a.cancle{color:#fff;background: #fff;border: 1px solid #8c8b8a;color: #5f5e5d;font-weight:500;}
.joinBtn a.ok{color:#fff; background-color:#ee3212;font-weight:500;}
.joinBtn a.member01{color:#fff;background:  #ee3212;color: #fff; font-weight:500;}
.joinBtn a.member02{color:#fff; background-color:#e94f16;font-weight:500;}

/*20181015_이용약관,개인정보 처리방침 추가*/
.section .tab{ *zoom:1;margin-bottom: 30px;}
.section .tab:after{display:block; clear:both; content:'';}
.section .tab li{float:left; width: calc(100%/2)}
.section .tab li a{display:block;border: 1px solid #e2e0e0;border-bottom: 2px solid #484747;text-align:center;padding:20px;box-sizing:border-box;}
.section .tab li:last-child a{border-left:0px;}
.section .tab li.on a{border-bottom:0px;color:#000;font-weight:600;font-size: 18px;border: 1px solid #484747;border-bottom: 0px;}

/*footer*/

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

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

.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;
}

/*개인정보 버튼추가*/

.before_btn{position:absolute; left:50%; margin-left:-310px; margin-top:-50px;}
.before_btn > a{display:block; width:190px; height:40px; padding:10px; box-sizing:border-box; font-size: 14px;background: linear-gradient(#ffffff, #f0f0f0);border: 1px solid #c4c4c4;color: #555555;border-radius:3px; font-weight:600}
.before_btn > a > span {padding-left:5px; padding-right:5px; color: #cc451a; font-weight:600}


.title_area{position: relative;height: 70px;width: 870px;/* border-bottom: 2px solid #e94f16; */margin-bottom: 10px;}
.title_area >h3{position:absolute;left:0;font-size: 27px;font-weight: 400;color: #bb2d00;margin-left: 10px;top: 15px;}
.title_area >h3 >i{display:inline-block;width: 10px;height: 10px;border: 3px solid #bb2d00;border-radius: 10px;margin-right: 10px;}
.title_area .selectZone{position:absolute;right:0;margin-top: 5px;/* line-height: 20px; */}
.title_area .selectZone >select{
    padding: 5px 5px;
    margin: 0;
    line-height: 12px;
    height: 35px;
}