@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@font-face {
  font-family: 'NanumBarunGothic';
  src: url("/fonts/NanumBarunGothic.eot");
  src: url("/fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("/fonts/NanumBarunGothic.woff") format("woff"), url("/fonts/NanumBarunGothic.ttf") format("truetype"); }
@font-face {
  font-family: 'NanumBarunGothicBold';
  src: url("/fonts/NanumBarunGothicBold.eot");
  src: url("/fonts/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"), url("/fonts/NanumBarunGothicBold.woff") format("woff"), url("/fonts/NanumBarunGothicBold.ttf") format("truetype"); }
@font-face {
  font-family: 'NanumBarunGothicLight';
  src: url("/fonts/NanumBarunGothicLight.eot");
  src: url("/fonts/NanumBarunGothicLight.eot?#iefix") format("embedded-opentype"), url("/fonts/NanumBarunGothicLight.woff") format("woff"), url("/fonts/NanumBarunGothicLight.ttf") format("truetype"); }
@font-face {
  font-family: 'NanumMyeongjo';
  src: url("/fonts/NanumMyeongjo.eot");
  src: url("/fonts/NanumMyeongjo.eot?#iefix") format("embedded-opentype"), url("/fonts/NanumMyeongjo.woff") format("woff"), url("/fonts/NanumMyeongjo.ttf") format("truetype"); }
@font-face {
  font-family: 'Tinos-BoldItalic';
  src: url("/fonts/Tinos-BoldItalic.eot");
  src: url("/fonts/Tinos-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Tinos-BoldItalic.woff") format("woff"), url("/fonts/Tinos-BoldItalic.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Bold';
  src: url("/fonts/Roboto-Bold.eot");
  src: url("/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Bold.woff") format("woff"), url("/fonts/Roboto-Bold.ttf") format("truetype"); }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
nav, output, ruby, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'NanumBarunGothic', sans-serif;
  font-size: 16px;
  font: inherit;
  vertical-align: baseline; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

tr, th, td {
  vertical-align: middle; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  font: 100%;
  color: #000; }

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

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  selector-dummy: expression(this.hideFocus=true);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }
  a:hover {
    text-decoration: none; }

caption, legend {
  display: none; }

input, select {
  font: 100%;
  outline: none;
  -webkit-border-radius: 0; }

input {
  -webkit-border-radius: 0; }

input[type="checkbox"],
input[type="radio"] {
  cursor: pointer; }

input[type="submit"] {
  cursor: pointer; }

strong {
  font-weight: bold; }

h2 {
  font-family: 'NanumBarunGothicBold';
  font-size: 22px;
  color: #585858; }
  h2 > span {
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 34px;
    margin-right: 10px; }

h3 {
  font-family: 'NanumBarunGothicBold';
  font-size: 20px;
  color: #333; }

h4 {
  font-family: 'NanumBarunGothicBold';
  font-size: 16px;
  color: #333; }

hr {
  width: 100%;
  border: 1px solid #9d9d9d; }

.checks {
  display: inline-block;
  z-index: 1;
  position: relative;
  width: 18px;
  height: 18px;
  vertical-align: -3px; }
  .checks > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    outline: none;
    margin: 0;
    padding: 0; }
    .checks > input[type=checkbox]:checked + label {
      background: url("/shop/images/check_icon.png") no-repeat center center #e0002a;
      border: 2px solid #e0002a; }
  .checks > label {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: url("/shop/images/check_icon02.png") no-repeat center center #fff;
    border: 2px solid #b1b1b1; }
    .checks > label:after {
      content: '';
      position: absolute;
      width: 11px;
      height: 11px;
      background: transparent;
      top: 0;
      left: 0; }

html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%; }

/*header*/
header {
  width: 100%;
  height: 97px;
  background: #fff;
  border-bottom: 1px solid #ececec; }
  header > div {
    width: 1020px;
    margin: 0 auto;
    position: relative; }
    header > div h1 {
      display: inline-block;
      margin-top: 23px; }
      header > div h1 > a {
        display: inline-block;
        width: 120px;
        height: 40px;
        background: url("/shop/images/logo.png") no-repeat center center;
        background-size: 120px; }
    header > div p {
      display: inline-block;
      font-family: 'NanumBarunGothicBold';
      font-size: 18px;
      color: #111;
      vertical-align: super;
    }
    header > div .join {
      position: absolute;
      top: 35px;
      right: 0;
      transition: all 0.2s ease; }
      header > div .join > a {
        font-family: 'Roboto';
        font-weight: 400;
        font-size: 11px;
        color: #777;
        margin-left: 15px; }

/*header*/
.lnb > ul {
  width: 1020px;
  margin: 0 auto;
  background: #e0002a; }
  .lnb > ul li {
    float: left; }
    .lnb > ul li > a {
      display: inline-block;
      font-family: 'NanumBarunGothic';
      font-size: 14px;
      color: #fff;
      text-align: center;
      padding: 14px 50px;
      background: url("/shop/images/lnb_line.png") no-repeat right center; }
    .lnb > ul li:last-child a {
      background: none; }
  .lnb > ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0; }

/*contents*/
#contents_wrap.login {
  width: 100%;
  background: #fff;
  position: relative;
  padding-top: 60px; }
  #contents_wrap.login .loginNew {
    width: 1020px;
    margin: 0 auto;
    padding: 45px 80px;
    background: url("/shop/images/login_bg.png") no-repeat 640px center #fbfbfb; }
    #contents_wrap.login .loginNew form .left {
      width: 400px;
      padding: 32px 0;
      position: relative; }
      #contents_wrap.login .loginNew form .left > div {
        width: 245px;
        margin-bottom: 8px; }
        #contents_wrap.login .loginNew form .left > div label {
          display: inline-block;
          font-family: 'NanumBarunGothicBold';
          font-size: 16px;
          color: #333;
          width: 75px; }
        #contents_wrap.login .loginNew form .left > div input {
          width: 164px;
          height: 34px;
          border: 1px solid #bbbbbb;
          padding: 0 10px; }
      #contents_wrap.login .loginNew form .left .btn_login {
        position: absolute;
        top: 30px;
        right: 49px;
        width: 100px;
        height: 76px;
        font-family: 'NanumBarunGothicBold';
        font-size: 18px;
        color: #fff;
        background: #e0002a;
        border: 0; }
    #contents_wrap.login .loginNew form .right {
      width: 400px;
      padding: 35px 0;
      border-top: 1px solid #ececec; }
      #contents_wrap.login .loginNew form .right > p {
        display: inline-block;
        width: 256px;
        font-family: 'NanumBarunGothic';
        font-size: 14px;
        color: #333;
        letter-spacing: -0.02em; }
      #contents_wrap.login .loginNew form .right > a {
        display: inline-block;
        font-family: 'NanumBarunGothicBold';
        font-size: 14px;
        color: #e0002a;
        text-decoration: underline;
        letter-spacing: -0.02em; }
#contents_wrap.join {
  width: 100%;
  background: #fff;
  position: relative; }
  #contents_wrap.join .join_wrap {
    width: 1020px;
    margin: 0 auto;
	padding-top: 30px; }
    #contents_wrap.join .join_wrap .step_box {
      width: 100%;
      background: url("/shop/images/pattern_img.png");
      text-align: center;
      margin: 40px 0; }
      #contents_wrap.join .join_wrap .step_box ul {
        display: inline-block; }
        #contents_wrap.join .join_wrap .step_box ul li {
          float: left;
          font-family: 'NanumBarunGothic';
          font-size: 16px;
          color: #a4a4a4;
          padding: 20px 0 20px 60px;
          margin: 0 45px;
          text-align: left; }
          #contents_wrap.join .join_wrap .step_box ul li > span {
            font-family: 'Roboto';
            font-weight: 600;
            font-size: 20px;
            display: block; }
          #contents_wrap.join .join_wrap .step_box ul li > img {
            margin-top: 13px; }
          #contents_wrap.join .join_wrap .step_box ul li.on_step {
            color: #e0002a; }
            #contents_wrap.join .join_wrap .step_box ul li.on_step:nth-child(1) {
              background: url("/shop/images/step01_on.png") no-repeat left center; }
            #contents_wrap.join .join_wrap .step_box ul li.on_step:nth-child(3) {
              background: url("/shop/images/step02_on.png") no-repeat left center; }
            #contents_wrap.join .join_wrap .step_box ul li.on_step:nth-child(5) {
              background: url("/shop/images/step03_on.png") no-repeat left center; }
          #contents_wrap.join .join_wrap .step_box ul li:nth-child(1) {
            background: url("/shop/images/step01.png") no-repeat left center; }
          #contents_wrap.join .join_wrap .step_box ul li:nth-child(3) {
            background: url("/shop/images/step02.png") no-repeat left center; }
          #contents_wrap.join .join_wrap .step_box ul li:nth-child(5) {
            background: url("/shop/images/step03.png") no-repeat left center; }
          #contents_wrap.join .join_wrap .step_box ul li.arrow {
            padding: 20px 0; }
        #contents_wrap.join .join_wrap .step_box ul:after {
          content: ".";
          display: block;
          visibility: hidden;
          clear: both;
          height: 0;
          font-size: 0; }
    #contents_wrap.join .join_wrap form .agree {
      padding: 10px 26px 0; }
      #contents_wrap.join .join_wrap form .agree p {
        font-family: 'NanumBarunGothic';
        font-size: 16px;
        color: #333;
        margin-top: 20px; }
      #contents_wrap.join .join_wrap form .agree .agreeLst {
        margin: 10px 0; }
        #contents_wrap.join .join_wrap form .agree .agreeLst iframe {
          width: 100%; }
      #contents_wrap.join .join_wrap form .agree > span {
        display: inline-block;
        font-family: 'NanumBarunGothic';
        font-size: 12px;
        color: #333;
        line-height: 18px;
        vertical-align: 3px; }
      #contents_wrap.join .join_wrap form .agree .checks {
        display: inline-block; }
      #contents_wrap.join .join_wrap form .agree .btnR {
        width: 202px;
        margin: 40px auto 140px; }
        #contents_wrap.join .join_wrap form .agree .btnR .no_Line {
          width: 98px;
          height: 38px;
          background: #e0002a;
          font-family: 'NanumBarunGothicBold';
          font-size: 14px;
          color: #fff;
          border: 0;
          text-align: center; }
        #contents_wrap.join .join_wrap form .agree .btnR > a {
          display: inline-block;
          width: 98px;
          height: 38px;
          background: #737373;
          font-family: 'NanumBarunGothicBold';
          font-size: 14px;
          color: #fff;
          border: 0;
          text-align: center;
          line-height: 38px; }
    #contents_wrap.join .join_wrap .join2 {
      width: 100%;
      padding: 0 26px; }
    #contents_wrap.join .join_wrap .message {
      width: 770px;
      height: 258px;
      margin: 0 auto;
      padding: 50px 0 46px 385px;
      background: url("/shop/images/login_bg02.png") no-repeat 100px center; }
      #contents_wrap.join .join_wrap .message p {
        font-family: 'NanumBarunGothicBold';
        font-size: 28px;
        color: #333; }
      #contents_wrap.join .join_wrap .message a {
        display: block;
        width: 112px;
        height: 32px;
        color: #fff;
        background: #e0002a;
        line-height: 32px;
        font-family: 'NanumBarunGothic';
        font-size: 13px;
        text-align: center;
        margin-top: 30px; }
#contents_wrap.mypage {
  width: 100%;
  background: #fff; }

/*footer*/
footer {
  width: 100%;
  border-top: 1px solid #ececec; }
  footer .copy_wrap {
    width: 100%;
    background: #fff;
    padding: 25px 0; }
    footer .copy_wrap > ul {
      width: 1020px;
      margin: 0 auto; }
      footer .copy_wrap > ul > li {
        float: left;
        font-family: 'NanumBarunGothic';
        font-size: 11px;
        color: #d0d0d1;
        margin-right: 45px;
        line-height: 22px; }
        footer .copy_wrap > ul > li > img {
          width: 120px;
        }
        footer .copy_wrap > ul > li > span {
          display: block;
          text-transform: uppercase; }
        footer .copy_wrap > ul > li.copy {
          margin-top: 13px; }
        footer .copy_wrap > ul > li.site {
          float: right;
          margin-top: 15px; }
          footer .copy_wrap > ul > li.site > select {
            width: 195px;
            height: 32px;
            background: url("/shop/images/arrow_icon06.png") no-repeat 93% center #b0b2b3;
            color: #fff;
            font-size: 12px;
            border: none;
            padding: 0 15px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            outline: none; }
          footer .copy_wrap > ul > li.site select::-ms-expand {
            display: none; }
      footer .copy_wrap > ul:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        font-size: 0; }

/* j_ 추가 2017.08.08 */
.j_warranty_wrap {
	width: 1020px;
    margin: 0 auto;
	text-align: left;
	padding: 30px 0;
}
.J_title_01 {
	 font-family: 'NanumBarunGothicBold';
     font-size: 16px;
     color: #333;
	 margin-bottom: 15px;
	 position: relative;
}
.J_title_02 {
	 font-family: 'NanumBarunGothicBold';
     font-size: 16px;
     color: #333;
	 margin-bottom: 25px;
	 position: relative;
}
.warranty_box {
	width: 100%;
	background-color: #fbfbfb;
	padding: 50px 0;
	margin-bottom: 70px;
}
.J_warranty_box {
	width: 368px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.srh_prompt li {
	overflow: hidden;
	margin-bottom: 5px;
}
.srh_prompt li label {
	display: inline-block;
	width: 94px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-family: 'NanumBarunGothicBold';
    font-size: 14px;
    color: #333;
}
.srh_prompt li input {
	width: 162px;
	height: 32px;
	border: 1px solid #bbb;
	padding: 0 5px;
}
.srh_ex {
	width: 100px;
	height: 71px;
	position: absolute;
	top: 0;
	right: 0;
}
.srh_ex label {
	display: none;
}
.srh_ex input {
	width: 100px;
	height: 71px;
	text-align: center;
	line-height: 76px;
	background-color: #e0002a;
	color: #fff;
	font-family: 'NanumBarunGothicBold';
    font-size: 14px;
	border: none;
}
table.board {
	width: 100%;
	border-top: 2px solid #dd022c;
	margin-bottom: 10px;
}
table.board th {
	font-size: 12px;
	text-align: left;
	padding: 0 20px;
	background-color: #f8f8f8;
	font-weight: bold;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
	height: 35px;
	vertical-align: middle;
}
table.board td {
	font-size: 12px;
	padding: 15px 15px;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
}
table.board_w {
	width: 100%;
	border-top: 2px solid #dd022c;
	margin-bottom: 10px;
}
table.board_w th {
	font-size: 12px;
	text-align: left;
	padding: 0 20px;
	background-color: #f8f8f8;
	font-weight: bold;
	border-bottom: 1px solid #dcdcdc;
	height: 35px;
	vertical-align: middle;
}
table.board_w td {
	font-size: 12px;
	padding: 7px 15px;
	border-bottom: 1px solid #dcdcdc;
	text-align: left;
}
table.board_w td select {
	cursor: pointer;
}
a.J_ex_down {
	display: block;
	width: 140px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	font-family: 'NanumBarunGothicBold';
    font-size: 14px;
	background: url(/shop/images/J_icon_01.png) no-repeat 10px center;
	background-color: #1e7145;
	position: absolute;
	top: -10px;
	right: 190px;
}
a.J_ex_down span {
	margin-left: 20px;
}
a.J_writing {
	display: block;
	width: 170px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	font-family: 'NanumBarunGothicBold';
    font-size: 14px;
	background: url(/shop/images/J_icon_02.png) no-repeat 10px center;
	background-color: #e0002a;
	position: absolute;
	top: -10px;
	right: 0;
}
a.J_writing span {
	margin-left: 20px;
}
a.J_btn_style01 {
	display: inline-block;
	width: 150px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-family: 'NanumBarunGothicBold';
	background-color: #e0002a;
	border: none;
}
a.J_btn_style02 {
	display: inline-block;
	width: 150px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-family: 'NanumBarunGothicBold';
	background-color: #737373;
	border: none;
}
input.J_btn_style01 {
	display: inline-block;
	width: 150px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-family: 'NanumBarunGothicBold';
	background-color: #e0002a;
	border: none;
	vertical-align: -1px;
}
.v_btn {
	text-align: center;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb50 {
	margin-bottom: 50px;
}
.warranty .section strong {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
}
/*# sourceMappingURL=web_style.css.map */























/* 2019. 01. 29 */
.txtAlignLeft{float:left;}
.txtAlignRight{float:right;}
.fileuploadTbl input {width:469px;}
.txtRed {color:#e0002a;}
.icon {padding:20px 0 15px 10px;font-family:NanumBarunGothicBold;font-size:17px;color:#4b4e51;letter-spacing:0;background: url("/images/icon_red.png") no-repeat left 25px;}



.j_warranty_wrap > h3 {font-size: 38px;color: #e0002a;letter-spacing: -0.05em;font-family: 'NanumBarunGothic';}
.j_warranty_wrap hr {width: 22px;border: 1px solid #e0002a;margin-left: 3px;text-align: left;}

.selectbox { position: relative; width: 170px; float: left; border: 1px solid #ccc; z-index: 1; }
.selectbox:before { /* 화살표 대체 */ content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; }
.selectbox label { position: absolute; top: 0px; /* 위치정렬 */ left: 0px; /* 위치정렬 */ padding: 8px 20px; /* select의 여백 크기 만큼 */ color: #999; z-index: -1; /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ }
.selectbox select { width: 100%; height: 38px; /* 높이 초기화 */ line-height: normal; /* line-height 초기화 */ font-family: inherit; /* 폰트 상속 */ padding: 0 20px; /* 여백과 높이 결정 */ border: 0; opacity: 0; /* 숨기기 */ filter: alpha(opacity=0); /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형(화살표 없애기) 감추기 */ -moz-appearance: none; appearance: none; background: url('../img/bg/bg_selectIcon.png') no-repeat 90% center; /* 화살표 아이콘 추가 */ }
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }

.tableType01 + .icon {margin:30px 0 0 0;}
.tableType01 select {padding:0 0 0 10px;width:65px;height:24px;background: url("/images/arrow_icon01.png") no-repeat 90% center;border:solid 1px #c8c8c8; box-sizing:border-box;}

/* carendar s */
.carendarBox {position:relative;}
.carendarBox img {position:absolute;top:11px;right:10px;cursor:pointer;}

.tableType01 .hasDatepicker input[type="text"],
.tableType01 .full.h35 input[type="text"] {height:35px;}

.tableType01 button {min-width:74px;height:24px;background:#727272;border:solid 1px #727272;font-size:12px;letter-spacing:-.5px;font-family:Dotum;color:#fff;line-height:20px;}

/* radio btn */
.tableType01 input[type='radio'] {display:none;}

.tableType01 .radios input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 7px;width: 21px;
  height: 21px;text-align: center;background: #fff;border: 1px solid #cacece;border-radius: 100%; }
.tableType01 .radios input[type="radio"]:checked + label:after {content: '';position: absolute;top: 14px;left: 7px;
  width: 9px;height: 9px;background: #333;border-radius: 100%; }
.tableType01 .radios input[type="radio"] + label {display: inline-block;position: relative;padding-left: 30px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-family: 'NanumBarunGothicBold';font-size: 14px;color: #666;letter-spacing: -0.03em; }
.tableType01 .radios {position: static;float: none;margin-top:5px; padding:5px 0;height:35px;}


/* check btn */
.tableType01 .chkBox { position: relative; }
.tableType01 .chkBox  input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 }
.tableType01 .chkBox  input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.tableType01 .chkBox  input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 14px; /* 체크박스의 너비를 지정 */ height: 14px; /* 체크박스의 높이를 지정 */ line-height: 15px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 10px 0 0; text-align: center; vertical-align: middle; background: #fff; border: 2px solid #ccc; border-radius: 1px; }
.tableType01 .chkBox  input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */width: 18px; /* 체크박스의 너비를 지정 */ height: 18px; /* 체크박스의 높이를 지정 */  color: #fff; background: #000; border-color: #000;box-sizing:border-box;}


.tableType01 .box {padding:5px 0;height:35px;overflow:hidden;}
.tableType01 .box input,
.tableType01 .box button {margin:0 5px 0 0;float:left;}
.tableType01 label {font-family:NanumBarunGothic;font-size:14px;color:#555;}
.tableType01 .radios input[type="radio"] + label:before {top: 0;}
.tableType01 .radios input[type="radio"] + label {margin-right:10px;float:left;font-weight: 700;line-height:25px;}
.tableType01 .radios input[type="radio"]:checked + label:after {top: 7px;}
.tableType01 .radios input[type="radio"]:checked + label { color: #e0002a;line-height:25px;}
.tableType01 .radios input[type="radio"]:checked + label:before {background: #fff;border-color: #adb8c0;}


.tableType01 {width:100%;border-top:solid 2px #e0002a;}
.tableType01 th {padding:0 20px;background:#efefef;border-bottom:solid 1px #c6c6c6;font-family:NanumBarunGothicBold;font-size:14px;color:#555;text-align:left;box-sizing:border-box;}
.tableType01 th.child {background:#f8f8f8;}
.tableType01 td {padding:0 20px;min-height:34px; border-bottom:solid 1px #c6c6c6;font-family:NanumBarunGothic;font-size:14px;color:#555;line-height:44px;box-sizing:border-box;}
.tableType01 input[type="text"] {padding:0 10px;height:24px;font-size:14px;color:#555;border:solid 1px #c8c8c8;box-sizing:border-box;}
.tableType01 .tel {width:58px;}
.tableType01 .full input[type="text"] {width:100%;}
.tableType01 .top {margin-top:5px;}
.tableType01 .end {margin-bottom:5px;}

.tableType01 input[type="text"]:disabled {background:#f8f8f8;border:solid 1px #c8c8c8;}
.tableType01 p {margin-bottom:7px;height:31px;}
.tableType01 p * {vertical-align:top;}

/* 발주서등록 s */
.w50p {padding-right:109px;float:left;width:50%;height:44px;text-align:right;}
.tableType02 td {height:49px;text-align:right;}
.tableType02 td select {width:149px;}
.tableType01 strong {padding-top: 7px;float:left;font-family: 'NanumBarunGothicBold';font-size: 14px;line-height:14px;text-align:left;}


/*첨부파일*/
.fileArea{position:relative;}
.fileArea input[type='text'] {position:relative;width:469px;}
.fileArea .fileWrap{position:absolute;top:8px;display:inline-block;zoom:1;*display:inline;width:74px;height:24px;background: url('/images/btnFileupload.png') no-repeat left top;cursor:pointer;margin:0 0 0 5px;}
.fileArea .fileWrap .fileAdd{opacity:0;filter:alpha(opacity=0);width:100%;height:100%;cursor:pointer;color:#fff;}


.btnList {margin:40px 0 0 0;text-align:center;}
.btnList a {display:inline-block;width:98px;height:38px;font-family:NanumBarunGothicBold;font-size:14px;color:#fff;line-height:38px;text-align:center;}
.btnGray {background:#737373;}
.btnRed {background:#e0002a;}
.btnList .btnWhite {background:#fff;color:#333;border:solid 1px #737373;}

/* textarea */
.textAreaBox {width: 100%;border-top: solid 2px #e0002a}
.textAreaBox textarea {padding:10px;width: 100%;height:100px;border: solid 1px #c6c6c6}

.textAreaBox .btnList {margin:10px 0 0 0;text-align:right;}
.textAreaBox .btnList a {display: inline-block;width: 98px;height: 38px;font-family: NanumBarunGothicBold;font-size: 14px;color: #fff;line-height: 38px;text-align: center;}


/* 발주서목록 */
.searchBox {margin:70px 0 0 0;}
.tblList th {text-align:center;}
.tblList tbody tr td > a {display:block;width:100%;text-align:center;font-family: 'NanumBarunGothic';font-size: 14px;letter-spacing: -0.02em;}

/* carendar2 s */
.carendarBox2 {margin:0 7px 0 0;float:left;display: block;width:285px;}
.carendarBox2 * {vertical-align:middle;}
.subCarendarBox {position:relative;}
.carendarBox2 .subCarendarBox {float:left;width:135px;height:38px;border:solid 2px #dedede;}
.carendarBox2 .mool {float:left;width:15px;height:38px;line-height:38px;text-align:center;}
.carendarBox2 .subCarendarBox input{padding:0 15px;display:block;width:100%;height:34px;border:none;font-family:NanumBarunGothic;font-size:14px;color:#666; box-sizing:border-box;}
.subCarendarBox img {position:absolute;top:7px;right:10px;cursor:pointer;}

.table_type01 td:last-child{color:#333;}

.selectBoxList {float:left;}
.selectBoxList span{ margin-right:9px; float:left; display:block; }
.selectBoxList .selectbox { margin: 0 5px 0 0;  width: 100px; height: 36px; border: solid 1px #ccc;}
.selectBoxList label { padding:0 15px; }
.selectBoxList .selectbox:before { /* 화살표 대체 */ content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; }
.selectBoxList .selectbox:last-child { margin-right: 0; }

.selectBoxList .selectbox:before { /* 화살표 대체 */ content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; }
.selectBoxList .selectbox { margin: 0 5px 0 0;min-width: 100px;/*width: 100px;*/width:250px; height: 38px; border: 3px solid #dedede;}
.selectBoxList label { padding:0 15px;width:100%;font-family: NanumBarunGothic; font-size:14px; color:#666;line-height:32px;box-sizing:border-box; }
.selectBoxList .selectbox:before { /* 화살표 대체 */ content: ""; position: absolute; top: 50%; right: 7px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; }
.selectBoxList .selectbox:last-child {position:relative; margin-right: 8px;padding: 0 5px 0 0; }
.searchBox .inp_type01 {padding: 0 10px;width: 128px;height: 38px;border: 2px solid #dedede;background: #fff;font-family: 'NanumBarunGothic';font-size: 14px;color: #666;letter-spacing: -0.01em;}
.searchBox .btn_type01 {display: inline-block;width: 78px;height: 38px;line-height: 38px;font-family: 'NanumBarunGothicBold';font-size: 14px;color: #fff;letter-spacing: -0.03em;padding-left: 20px;text-align: center;background: url("/images/search_icon.png") no-repeat 20% center #e0002a; }

.searchBox .btnType01 {padding-left: 0;background: #e0002a; }

/* 결제금액 확인 */

/* 발주서 상세 */
.tableType03 td {height: 49px;text-align:left;}