@charset "UTF-8";

/** 기존 css **/
.wrap {
  min-width: 1500px;
  overflow: hidden;
}

/** common **/
.ipArea select {
  height: 46px;
  padding: 0 45px 0 20px;
  background: #eaf7fb url(/images/img_lang_sel2.png) no-repeat right 15px center;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  border-radius: 12px;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 12px;
}

.ipArea select::-ms-expand {
  display: none;
}

.ipArea input[type=text] {
  height: 46px;
  padding: 0 20px;
  background: #eaf7fb;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  border-radius: 12px;
  border: 0;
  outline: 0;
}

.ipArea input[type=text]::placeholder {
  color: #ccc;
  font-size: 16px;
  font-weight: 400;
}

.ipArea input[type=text]:-ms-input-placeholder {
  color: #ccc;
  font-size: 16px;
  font-weight: 400;
}

.ipArea input[type=password] {
  height: 46px;
  padding: 0 20px;
  background: #eaf7fb;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  border-radius: 12px;
  border: 0;
  outline: 0;
}

.ipArea input[type=password]::placeholder {
  color: #ccc;
  font-size: 16px;
  font-weight: 400;
}

.ipArea input[type=password]:-ms-input-placeholder {
  color: #ccc;
  font-size: 16px;
  font-weight: 400;
}

.ipArea input[type=radio] {
  display: none;
}

.ipArea input[type=radio]+label {
  display: inline-block;
  height: 26px;
  padding: 0 25px 0 31px;
  background: url(/images/img_radio.png) no-repeat 0 center;
  font-size: 16px;
  color: #222;
  font-weight: normal;
}

.ipArea input[type=radio]:checked+label {
  background: url(/images/img_radio_on.png) no-repeat 0 center;
}

.ipArea .addText {
  margin: 0 0 0 15px;
  font-size: 16px;
  color: #555;
  font-weight: 400;
}

.ipArea textarea {
  resize: none;
  overflow-y: auto;
  padding: 0 20px;
  background: #eaf7fb;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  border-radius: 12px;
  border: 0;
  outline: 0;
}

/* 2025.02.25 추가 */
#ipArea_prodDesc textarea::placeholder {
  color: #ccc;
  font-size: 1em;
  font-style: italic;
}

.spType01 {
  display: inline-block;
  padding: 12px 25px 8px 25px;
  background: #43abae;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  border-radius: 6px;
}

.spType02 {
  display: inline-block;
  padding: 12px 25px 8px 25px;
  background: #aaa;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  border-radius: 6px;
}

.pagination {
  margin: 60px 0 0 0;
  text-align: center;
}

.pagination a.prev {
  width: 42px;
  height: 42px;
  margin: 0;
  background: url(/images/img_pag_prev.png) no-repeat 0 0;
  border-radius: 0;
  transition: all .3s ease;
}

.pagination a.next {
  width: 42px;
  height: 42px;
  background: url(/images/img_pag_next.png) no-repeat 0 0;
  border-radius: 0;
  transition: all .3s ease;
}

.pagination a.prev:hover {
  width: 42px;
  height: 42px;
  background: url(/images/img_pag_prev_on.png) no-repeat 0 0;
  border-radius: 0;
}

.pagination a.next:hover {
  width: 42px;
  height: 42px;
  background: url(/images/img_pag_next_on.png) no-repeat 0 0;
  border-radius: 0;
}

.pagination a {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 0 0 8px;
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
  line-height: 34px;
  text-align: center;
  vertical-align: middle;
  transition: all .3s ease;
  border-radius: 17px;
}

.pagination a:hover,
.pagination a.on {
  background: #222;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}

/*************************************************** contents ***************************************************/
/* location */
.location {
  width: 1500px;
  margin: 24px auto 0;
}

.location ul {}

.location ul:after {
  display: block;
  content: "";
  clear: both;
}

.location li {
  float: left;
}

.location li a {
  display: block;
  margin: 0 0 0 13px;
  padding: 0 0 0 13px;
  background: url(/images/img_loc_arr.png) no-repeat 0 center;
  font-size: 16px;
  font-weight: 300;
  color: #555;
  line-height: 26px;
}

.location li:first-child a {
  margin: 0;
  padding: 0;
  background: 0;
}

.location li a:hover {
  color: #222;
}

.location li:last-child a {
  color: #222;
  font-weight: normal;
  text-decoration: underline;
}


/* login */
.titleArea {
  width: 1500px;
  margin: 79px auto 0;
  text-align: center;
}

.titleArea h2 {
  font-weight: bold;
  font-size: 40px;
  color: #222;
}

.titleImp {
  margin: 24px 0 0 0;
  font-size: 24px;
  color: #222;
  font-weight: 500;
}

.titleSub {
  margin: 30px 0 0 0;
  font-size: 20px;
  color: #555;
  font-weight: 300;
  line-height: 26px;
}

.descArea {
  width: 1500px;
  margin: 68px auto 0;
  padding: 0 0 120px 0;
  text-align: center;
}

.descArea:after {
  display: block;
  content: "";
  clear: both;
}

.descArea>div {
  display: inline-block;
}

.descArea>div+div {
  margin: 0 0 0 47px;
}

.descArea>div>a {
  display: block;
  width: 360px;
  height: 280px;
  padding: 167px 0 0 0;
  text-align: center;
  transition: all .3s ease;
  border-radius: 12px;
  -webkit-box-shadow: 5px 15px 5px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: 5px 15px 5px 0px rgba(255, 255, 255, 1);
  box-shadow: 5px 15px 5px 0px rgba(255, 255, 255, 1);
}

.descArea>div>a.on,
.descArea>div>a:hover {
  -webkit-box-shadow: 5px 15px 5px 0px rgba(153, 153, 153, 0.1);
  -moz-box-shadow: 5px 15px 5px 0px rgba(153, 153, 153, 0.1);
  box-shadow: 5px 15px 5px 0px rgba(153, 153, 153, 0.1);
}

.descArea>div>a strong {
  display: block;
  font-size: 24px;
  color: #555;
  font-weight: bold;
}

.descArea>div>a span {
  display: block;
  font-size: 16px;
  color: #555;
  font-weight: 300;
}

.descArea>div>a.on strong,
.descArea>div>a:hover strong {
  color: #fff;
}

.descArea>div>a.on span,
.descArea>div>a:hover span {
  color: #fff;
}

.descSeller>a {
  background: #f3f8f9 url(/images/img_login_icon01.png) no-repeat center 60px;
}

.descSeller>a.on,
.descSeller>a:hover {
  background: #188eb5 url(/images/img_login_icon01_on.png) no-repeat center 60px;
}

.descBuyer>a {
  background: #f3f8f9 url(/images/img_login_icon02.png) no-repeat center 60px;
}

.descBuyer>a.on,
.descBuyer>a:hover {
  background: #188eb5 url(/images/img_login_icon02_on.png) no-repeat center 60px;
}

.contents {}

.contentsIn {
  position: relative;
  width: 1500px;
  margin: 0 auto;
}

.stepArea {
  margin: 34px 0 0 0;
}

.stepArea ol:after {
  display: block;
  content: "";
  clear: both;
}

.stepArea li {
  float: left;
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 0 0 80px;
  background: #f3f8f9;
  border-radius: 110px;
  text-align: center;
}

.stepArea li:first-child {
  margin: 0;
}

.stepArea li:first-child:before {
  background: 0;
}

.stepArea li:before {
  display: block;
  content: "";
  position: absolute;
  left: -80px;
  top: 50%;
  width: 80px;
  height: 1px;
  background: url(/images/img_step_before.png) no-repeat 0 0;
}

.stepArea li strong {
  display: block;
  padding: 115px 0 0 0;
  font-size: 20px;
  color: #222;
  font-weight: normal;
}

.stepArea li strong span {
  font-weight: bold;
}

d .stepArea li p {
  margin: 12px 0 0 0;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 18px;
}

.stepArea li.on {
  background: ;
}

.stepArea li.on strong {
  color: #fff;
}

.stepArea li.on strong span {
  font-weight: bold;
}

.stepArea li.on p {
  color: #fff;
}

.stepArea li.step02 p,
.stepArea li.step03 p,
.stepArea li.step04 p {
  margin: 7px 0 0 0;
}

.stepArea li.step01 {
  background: #f3f8f9 url(/images/img_step01.png) no-repeat center 42px;
}

.stepArea li.step02 {
  background: #f3f8f9 url(/images/img_step02.png) no-repeat center 42px;
}

.stepArea li.step03 {
  background: #f3f8f9 url(/images/img_step03.png) no-repeat center 42px;
}

.stepArea li.step04 {
  background: #f3f8f9 url(/images/img_step04.png) no-repeat center 42px;
}

.stepArea li.step01.on {
  background: #188eb5 url(/images/img_step01_on.png) no-repeat center 42px;
}

.stepArea li.step02.on {
  background: #188eb5 url(/images/img_step02_on.png) no-repeat center 42px;
}

.stepArea li.step03.on {
  background: #188eb5 url(/images/img_step03_on.png) no-repeat center 42px;
}

.stepArea li.step04.on {
  background: #188eb5 url(/images/img_step04_on.png) no-repeat center 42px;
}

.agreeArea {}

.agreeArea>.agreeAreaWrap {
  margin: 52px 0 0 0;
}

.agreeArea>.agreeAreaWrap>strong {
  font-size: 24px;
  color: #222;
  font-weight: normal;
}

.agreeArea>.agreeAreaWrap>div {
  height: 338px;
  overflow-y: auto;
  margin: 22px 0 0 0;
  padding: 24px 30px 30px 30px;
  border: 1px solid #ccc;
  border-radius: 12px;
}

.agreeArea>.agreeAreaWrap>div>strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}

.agreeArea>.agreeAreaWrap>div>p {
  margin: 9px 0 0 0;
  font-size: 16px;
  color: #222;
  font-weight: 300;
}

.agreeArea>.agreeAreaWrap>div>p+strong {
  margin: 31px 0 0 0;
}

.agreeArea>.agreeAreaWrap>div>p+p {
  margin: 0;
}

.btnAgreeArea {
  margin: 40px 0 0 0;
  text-align: center;
}

.btnAgreeArea input[type=checkbox] {
  display: none;
}

.btnAgreeArea input[type=checkbox]+label {
  display: inline-block;
  height: 28px;
  padding: 0 0 0 45px;
  background: url(/images/img_check.png) no-repeat 0 0;
  font-size: 14px;
  color: #555;
  line-height: 28px;
  font-weight: 300;
}

.btnAgreeArea input[type=checkbox]:checked+label {
  background: url(/images/img_check_on.png) no-repeat 0 0;
  color: #222;
  font-weight: normal;
}

.btnAgreeArea .btnArea {
  margin: 59px 0 0 0;
}

.btnArea .ca {
  width: 190px;
  height: 60px;
  background: #e8f5f9;
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  border-radius: 12px;
  transition: all .3s ease;
  border: 1px solid #fff;
}

.btnArea .ca:hover {
  border: 1px solid #188eb5;
}

.btnArea .ca.on {
  border: 1px solid #188eb5;
}

.btnArea .ne {
  width: 190px;
  height: 60px;
  margin: 0 0 0 30px;
  background: #188eb5;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  border-radius: 12px;
  transition: all .3s ease;
  box-sizing: border-box;
}

.btnArea .ne:hover {
  background: #11637e;
}

.btnArea .ne.on {
  background: #11637e;
}

.stepSubText {
  margin: 54px 0 0 0;
}

.stepTextBold {
  font-size: 16px;
  color: #555;
  line-height: 26px;
  font-weight: 500;
}

.stepSubText p {
  margin: 9px 0 0 0;
  font-size: 16px;
  color: #555;
  line-height: 24px;
  font-weight: 300;
}

.stepTextImp {
  display: block;
  margin: 13px 0 0 0;
  font-size: 16px;
  color: #ff4949;
  line-height: 24px;
  font-weight: 300;
}

.stepArea+.tblData {
  margin: 40px 0 0 0;
}

.tblData {
  margin: 60px 0 0 0;
}

/* 220817 수정 s */
.tblData table.fix {
  table-layout: fixed;
}

/* 220817 수정 e */
.tblData>strong {
  font-size: 24px;
  color: #222;
  font-weight: normal;
}

.tblData th {
  height: 76px;
  padding: 0 30px;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  background: #f6f9fa;
  border-bottom: 1px solid #eee;
  text-align: left;
}

.tblData td {
  height: 76px;
  padding: 0 20px;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  border-bottom: 1px solid #eee;
  text-align: left;
}

.tblData tr:first-child th {
  border-top: 1px solid #eee;
}

.tblData tr:first-child td {
  border-top: 1px solid #eee;
}

.tblData>table {
  margin: 20px 0 0 0;
}

.imp {
  color: #ff6a6a !important;
}

.btnIp {
  display: inline-block;
  width: 190px;
  height: 46px;
  margin: 0 0 0 17px;
  background: #e5f4fe;
  line-height: 46px;
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 12px;
  transition: all .3s ease;
  border: 1px solid #fff;
}

.btnIp.only {
  margin: 0;
}

.btnIp:hover {
  border: 1px solid #188eb5;
}

.twoLine th {
  height: 108px;
}

.twoLine td {
  height: 108px;
}

.errorText {
  display: inline-block;
  margin: 9px 0 0 0;
  font-size: 16px;
  color: #ff4949;
  font-weight: 300;
}

.ipArea .errorText {
  margin: 0 0 0 16px;
}

.ipArea img {
  vertical-align: middle;
}

.capcharVoice {
  display: inline-block;
  width: 60px;
  height: 46px;
  background: url(/images/img_voicez.png) no-repeat 0 0;
  vertical-align: middle;
  transition: all .3s ease;
}

.capcharVoice:hover {
  background: url(/images/img_voicez_on.png) no-repeat 0 0;
}

.tblData .btnArea {
  margin: 40px 0 0 0;
  text-align: center;
}

.stepEnd {
  margin: 120px 0 0 0;
  font-size: 32px;
  color: #222;
  line-height: 44px;
  font-weight: normal;
  text-align: center;
}

.stepEnd strong {
  font-weight: 500;
}

.stepEnd .btnArea {
  margin: 56px 0 0 0;
}

.loginTitleArea {
  margin: 73px 0 0 0;
}

.loginTitleArea>strong {
  display: block;
  font-size: 32px;
  color: #222;
  font-weight: 400px;
  text-align: center;
}

.loginArea {
  margin: 46px 0 0 0;
}

.loginArea:after {
  display: block;
  content: "";
  clear: both;
}

.loginbox {
  float: left;
  width: calc(50% - 18px);
  height: 380px;
  padding: 60px 100px 0 100px;
  border: 1px solid #b7c8cd;
  border-radius: 12px;
}

.loginRegist {
  float: right;
  width: calc(50% - 18px);
  height: 380px;
  padding: 60px 60px 0 100px;
  border: 1px solid #b7c8cd;
  border-radius: 12px;
}

.loginInputWrap {}

.loginInputWrap:after {
  display: block;
  content: "";
  clear: both;
}

.loginInputWrap .ipArea {
  float: left;
  width: 360px;
}

.loginInputWrap .ipArea input[type=text] {
  height: 46px;
  padding: 0 20px;
  background: #eaf7fb;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  border-radius: 12px;
  border: 0;
  outline: 0;
}

.loginInputWrap .ipArea input[type=text]+input[type=text] {
  margin: 20px 0 0 0;
}

.loginInputWrap .ipArea input[type=text]::placeholder {
  color: #ccc;
  font-size: 16px;
  font-weight: 400;
}

.loginInputWrap .ipArea input[type=text]:-ms-input-placeholder {
  color: #ccc;
  font-size: 16px;
  font-weight: 400;
}

.loginInputWrap .loginInpuBtnArea {
  float: right;
  width: 140px;
}

.loginInputWrap .loginInpuBtnArea button {
  width: 140px;
  height: 112px;
  background: #188eb5;
  font-size: 20px;
  color: #fff;
  font-weight: normal;
  border-radius: 12px;
  transition: all .3s ease;
}

.loginInputWrap .loginInpuBtnArea button:hover {
  background: #11637e;
}

.loginInputWrap .loginInpuBtnArea button.on {
  background: #11637e;
}

.loginbox input[type=checkbox] {
  display: none;
}

.loginbox input[type=checkbox]+label {
  display: inline-block;
  height: 28px;
  padding: 0 0 0 45px;
  background: url(/images/img_check.png) no-repeat 0 0;
  font-size: 14px;
  color: #555;
  line-height: 28px;
  font-weight: 300;
}

.loginbox input[type=checkbox]:checked+label {
  background: url(/images/img_check_on.png) no-repeat 0 0;
  color: #222;
  font-weight: normal;
}

.loginbox .loginInputWrap+.ipArea {
  margin: 20px 0 0 0;
}

.loginbox .loginInputWrap+.ipArea+.btnArea {
  margin: 20px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #eee;
  text-align: center;
}

.loginbox .loginInputWrap+.ipArea+.btnArea .ca {
  width: 344px;
}

.loginRegist>p {
  font-size: 20px;
  color: #222;
  font-weight: normal;
  line-height: 28px;
}

.loginRegist .btnArea {
  margin: 37px 0 0 0;
}

.loginRegist .btnArea button {
  width: calc(100% - 40px);
  margin: 0;
}

.loginRegist .btnArea button+button {
  margin: 30px 0 0 0;
}

.layerArea {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
}

.layerArea .dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  background: #000;
  opacity: 0.6;
}

.layerArea .lyContents {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 50;
  width: 650px;
  padding: 80px 60px 60px;
  background: #fff;
  transform: translate(-50%, -50%);
  border-radius: 24px;
}

.layerArea .lyContents>strong {
  font-size: 24px;
  color: #222;
  font-weight: 500;
}

.layerArea .lyContents>p {
  margin: 17px 0 0 0;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 28px;
}

.layerArea .lyContents>p>a {
  font-size: inherit;
  color: #188eb5;
}

.layerArea .lyContents .lyClose {
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 31px;
  height: 31px;
  background: url(/images/img_layer_close.png) no-repeat 0 0;
}

.layerArea .lyContents .btnArea {
  margin: 62px 0 0 0;
  text-align: center;
}

.layerArea .lyContents .btnArea>a {
  display: inline-block;
  width: 250px;
  border-radius: 30px;
  line-height: 60px;
}

.layerArea .lyContents .ipArea {
  margin: 29px 0 0 0;
}

.layerArea .lyContents .ipArea input[type=radio]+label {
  display: block;
  margin: 0 0 15px 0;
  color: #222;
}

.layerArea .lyContents .ipArea+.btnArea {
  margin: 37px 0 0 0;
}

.layerArea .lyContents .btnArea>.btnIp {
  line-height: 46px;
}

.layerArea .lyContents .btnArea>.lyne {
  width: 220px;
  margin: 0;
}

.layerArea .lyContents .btnArea>.lyca {
  width: 220px;
  margin: 0;
}

.layerArea .lyContents .btnArea>.lyne+.lyne {
  margin: 0 0 0 17px;
}

.layerArea .lyContents .btnArea>.lyne+.lyca {
  margin: 0 0 0 17px;
}

.layerArea .lyContents .btnArea>.lyca+.lyca {
  margin: 0 0 0 17px;
}

.layerArea .lyContents .btnArea>.lyca+.lyne {
  margin: 0 0 0 17px;
}

.findIDArea {
  margin: 85px 0 0 0;
}

.findIDArea:after {
  display: block;
  content: "";
  clear: both;
}

.findIDArea .findIdWrap {
  float: left;
  width: 50%;
  padding: 0 110px;
}

.findIDArea .findIdWrap>strong {
  font-size: 32px;
  color: #222;
  font-weight: normal;
}

.findIDArea .findIdWrap>p {
  margin: 13px 0 0 0;
  font-size: 16px;
  color: #222;
  line-height: 24px;
  font-weight: 300;
}

.findIDArea .findPassWrap {
  position: relative;
  float: left;
  width: 50%;
  padding: 0 110px;
}

.findIDArea .findPassWrap:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-left: 1px solid #eee;
}

.findIDArea .findPassWrap>strong {
  font-size: 32px;
  color: #222;
  font-weight: normal;
}

.findIDArea .findPassWrap>p {
  margin: 13px 0 0 0;
  font-size: 16px;
  color: #222;
  line-height: 24px;
  font-weight: 300;
}

.findIDArea .loginInputWrap {
  margin: 35px 0 0 0;
}

.privacy {}

.privacy:after {
  display: block;
  content: "";
  clear: both;
}

.privacy>strong {
  display: block;
  padding: 35px 0 28px 0;
  font-size: 36px;
  font-weight: normal;
  color: #222;
  text-align: center;
}

.pr01 {
  float: left;
  width: 50%;
  padding: 0 35px 0 0;
}

.pr01 strong {
  font-size: 16px;
  color: #222;
  font-weight: normal;
}

.pr01 p {
  font-size: 16px;
  color: #222;
  font-weight: normal;
}

.pr01 li {
  font-size: 16px;
  color: #222;
  font-weight: normal;
}

.pr02 {
  float: left;
  width: 50%;
  padding: 0 0 0 35px;
}

.pr02 strong {
  font-size: 16px;
  color: #222;
  font-weight: normal;
}

.pr02 p {
  font-size: 16px;
  color: #222;
  font-weight: normal;
}

.pr02 li {
  font-size: 16px;
  color: #222;
  font-weight: normal;
}

/* 비즈니스센터 */
.subItemList {
  margin: 33px 0 0 0;
}

.subItemList:after {
  display: block;
  content: "";
  clear: both;
}

.subItemList>div:first-child {
  margin: 0;
}

.nT {
  float: left;
  width: 714px;
  margin: 0 0 0 36px;
}

.nT>a {
  display: block;
  border: 1px solid #eaeaea;
  height: 350px;
  border-radius: 12px;
  overflow: hidden;
}

.nT>a.ntText {
  height: auto;
  border: 0;
  border-radius: 0;
}

.nT .itemLinkText {}

.nT .itemLinkText {}

.nT .itemLinkText {}

.nT .itemLinkText {}

.nT .itemLinkText span {
  display: inline-block;
  margin: 16px 0 0 0;
  padding: 12px 25px 8px 25px;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  border-radius: 6px;
}

.nT .itemLinkText span.type01 {
  background: #43abae;
}

.nT .itemLinkText span.type02 {
  background: #aaa;
}

.nT .itemLinkText strong {
  display: block;
  margin: 12px 0 0 0;
  font-size: 24px;
  color: #222;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nT .itemLinkText p {
  margin: 3px 0 0 0;
  font-size: 18px;
  color: #222;
  font-weight: normal;
}

.vT {
  float: left;
  width: 476px;
  margin: 0 0 0 36px;
}

.vT>div {
  position: relative;
  height: 350px;
  overflow: hidden;
  border-radius: 12px;
}

.vT>div .btn {
  display: block;
  content: "";
  position: absolute;
  left: 26px;
  bottom: 26px;
  width: 31px;
  height: 34px;
  background: url(/images/img_busi_thumb_play.png) no-repeat 0 0;
}

.vT>a {
  display: block;
}

.vT>a span {
  margin: 16px 0 0 0;
}

.vT>a strong {
  display: block;
  margin: 12px 0 0 0;
  font-size: 24px;
  color: #222;
  font-weight: 500;
}

.vT>a p {
  margin: 3px 0 0 0;
  font-size: 18px;
  color: #222;
  font-weight: normal;
}

.vT_Expo {
  float: left;
  width: 712px;
  margin: 0 0 0 36px;
}

.vT_Expo>div {
  position: relative;
  height: 350px;
  overflow: hidden;
  border-radius: 12px;
}

.vT_Expo>div .btn {
  display: block;
  content: "";
  position: absolute;
  left: 26px;
  bottom: 26px;
  width: 31px;
  height: 34px;
  background: url(/images/img_busi_thumb_play.png) no-repeat 0 0;
}

.vT_Expo>a {
  display: block;
}

.vT_Expo>a span {
  margin: 16px 0 0 0;
}

.vT_Expo>a strong {
  display: block;
  margin: 12px 0 0 0;
  font-size: 24px;
  color: #222;
  font-weight: 500;
}

.vT_Expo>a p {
  margin: 3px 0 0 0;
  font-size: 18px;
  color: #222;
  font-weight: normal;
}

.topBanner {
  position: relative;
  margin: 26px 0 0 0;
}

.topBanner .swiper-container {
  overflow: hidden;
}

.topBanner .swiper-wrapper {
  width: 9999px;
}

.topBanner .swiper-slide {
  float: left;
  width: 1500px;
}

.topBanner .swiper-slide .nType {
  display: block;
  position: relative;
}

.topBanner .swiper-slide .nType>img {
  width: 1500px;
  height: 460px;
}

.topBanner .swiper-button-next {
  display: block;
  position: absolute;
  right: 50px;
  top: 186px;
  width: 88px;
  height: 88px;
  background: url(/images/img_busi_right.png) no-repeat 0 0;
}

.topBanner .swiper-button-prev {
  display: block;
  position: absolute;
  left: 50px;
  top: 186px;
  width: 88px;
  height: 88px;
  background: url(/images/img_busi_left.png) no-repeat 0 0;
}

.topBanner .swiper-button-next:hover {
  background: url(/images/img_busi_right_on.png) no-repeat 0 0;
}

.topBanner .swiper-button-prev:hover {
  background: url(/images/img_busi_left_on.png) no-repeat 0 0;
}

.topBannerText {
  position: absolute;
  left: 222px;
  top: 156px;
  z-index: 10;
}

.topBannerText span {
  display: block;
  font-size: 28px;
  color: #222;
  font-weight: normal;
  line-height: 1;
}

.topBannerText strong {
  display: block;
  margin: 12px 0 0 0;
  font-size: 80px;
  color: #222;
  font-weight: normal;
  line-height: 1;
}

.topBannerText p {
  display: block;
  margin: 15px 0 0 0;
  font-size: 22px;
  color: #555;
  font-weight: normal;
  line-height: 1;
}

.topBannerArea {
  position: relative;
  margin: 15px 0 0 0;
}

.topBannerArea>strong {
  display: block;
  font-size: 40px;
  color: #222;
  font-weight: normal;
}

.topBannerArea>p {
  font-size: 22px;
  color: #555;
  font-weight: normal;
}

.topBannerArea>p>.spType01 {
  margin: 0 0 0 20px;
  padding: 7px 20px;
}

.topBannerArea>p>.spType02 {
  margin: 0 0 0 20px;
  padding: 7px 20px;
}

.topBannerInfo {
  position: absolute;
  right: 0;
  top: 4px;
}

.topBannerInfo>ul {}

.topBannerInfo>ul>li {
  font-size: 16px;
  color: #555;
  font-weight: 300;
  text-align: right;
}

.topBannerInfo>ul>li>a {
  font-size: 16px;
  color: #555;
  font-weight: 300;
  text-align: right;
}

.anchorArea {}

.anchorList {
  padding: 30px 0 0 0;
  background: #fff;
}

.anchorList.sticky {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 100;
  width: 1500px;
  height: 60px;
  padding: 0;
  transform: translate(-50%, 0);
}

.anchorList:after {
  display: block;
  content: "";
  clear: both;
}

.anchorList li {
  float: left;
  width: 25%;
}

.anchorList li>a {
  display: block;
  width: 100%;
  height: 60px;
  font-size: 18px;
  color: #555;
  font-weight: 300;
  text-align: center;
  line-height: 58px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.anchorList li>a:hover,
.anchorList li.on>a {
  color: #222;
  font-weight: 500;
  border-bottom: 2px solid #000;
}

/* 2021.12.27 추가 */
.anchorList2 {
  padding: 30px 0 0 0;
  background: #fff;
}

.anchorList2.sticky {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 100;
  width: 1500px;
  height: 60px;
  padding: 0;
  transform: translate(-50%, 0);
}

.anchorList2:after {
  display: block;
  content: "";
  clear: both;
}

.anchorList2 li {
  float: left;
  width: 20%;
}

.anchorList2 li>a {
  display: block;
  width: 100%;
  height: 60px;
  font-size: 18px;
  color: #555;
  font-weight: 300;
  text-align: center;
  line-height: 58px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.anchorList2 li>a:hover,
.anchorList2 li.on>a {
  color: #222;
  font-weight: 500;
  border-bottom: 2px solid #000;
}

.ancType01 {
  padding: 30px 0 0 0;
}

.ancType01.sticky {
  padding: 90px 0 0 0;
}

.ancType01>div {
  overflow: hidden;
}

.ancType01>div>div {
  width: 30000px;
}

.ancType01>div>div:after {
  display: block;
  content: "";
  clear: both;
}

.ancType01>div>div>ul {
  float: left;
}

.ancType01>div>div>ul:after {
  display: block;
  content: "";
  clear: both;
}

.ancType01>div>div>ul>li {
  position: relative;
  float: left;
  width: 272px;
  height: 176px;
  margin: 0 35px 30px 0;
  border: 1px solid #eee;
  border-radius: 12px;
}

.ancType01>div>div>ul>li:nth-child(5n) {
  margin-right: 0;
}

.ancType01>div>div>ul>li>a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ancType02 {
  margin: 31px 0 0 0;
}

.ancType02>ul {}

.ancType02>ul:after {
  display: block;
  content: "";
  clear: both;
}

.ancType02>ul>li {
  float: left;
  width: 347px;
  margin: 0 37px 0 0;
}

.ancType02>ul>li:nth-child(4n) {
  margin: 0;
}

.ancType02>ul>li>a {
  display: block;
  position: relative;
  height: 237px;
  margin: 0 0 0 0;
  border: 1px solid #eee;
  border-radius: 12px;
}

.ancType02>ul>li>a:after {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 87px;
  height: 96px;
  background: url(/images/img_vid_btn.png) no-repeat 0 0;
  transform: translate(-50%, -50%);
}

.ancType02>ul>li>a:hover:after {
  display: block;
}

.ancType02>ul>li>p {
  margin: 22px 0 0 0;
}

.ancType02>ul>li>p a {
  font-size: 18px;
  color: #555;
  font-weight: normal;
  line-height: 22px;
}

.ancTypeTagArea {
  display: block;
  margin: 7px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #eee;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ancTypeTagArea a {
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
}

.ancTypeTagArea a:hover {
  text-decoration: underline;
}

.ancIconArea {
  margin: 7px 0 0 0;
}

.ancIconArea .ancIcon {
  display: inline-block;
  width: 22px;
  height: 19px;
  margin: 0 0 0 2px;
  background: url(/images/img_gem.png) no-repeat 0 0;
}

.viewBtnArea {
  margin: 53px 0 30px 0;
  text-align: center;
}

.viewBtnArea button {
  width: 292px;
  height: 60px;
  font-size: 20px;
  color: #555;
  font-weight: normal;
  border: 1px solid #ccc;
  border-radius: 30px;
  transition: all .2s ease;
}

.viewBtnArea button:hover {
  border: 1px solid #888;
}

.viewBtnArea button span {
  display: inline-block;
  width: 16px;
  height: 10px;
  margin: 0 0 0 14px;
  background: url(/images/img_more_under.png) no-repeat 0 0;
}

.ancType03 {
  margin: 31px 0 0 0;
}

.ancType03>ul {}

.ancType03>ul:after {
  display: block;
  content: "";
  clear: both;
}

.ancType03>ul>li {
  float: left;
  width: 347px;
  margin: 0 36px 40px 0;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.ancType03>ul>li:nth-child(4n) {
  margin-right: 0;
}

.ancType03>ul>li:hover {
  border: 1px solid #222;
}

.ancType03>ul>li>a {
  display: block;
}

.ancType03>ul>li>div {
  position: relative;
  overflow: hidden;
}

.ancType03>ul>li>div>ul {
  width: 9999px;
}

.ancType03>ul>li>div>ul:after {
  display: block;
  content: "";
  clear: both;
}

.ancType03>ul>li>div>ul>li {
  float: left;
}

.ancType03>ul>li>div>ul>li>a>img {
  width: 287px;
  height: 197px;
}

.ancType03>ul>li>div .paginationBg {
  position: absolute;
  right: 15px;
  top: 160px;
  z-index: 20;
  width: 50px;
  height: 20px;
  background: #000;
  color: #555;
  opacity: 0.3;
  border-radius: 10px;
}

.ancType03>ul>li>div .swiper-pagination {
  position: absolute;
  right: 24px;
  top: 158px;
  z-index: 21;
  color: #555;
}

.ancType03>ul>li>div .swiper-pagination-current {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

.ancType03>ul>li>div .swiper-pagination-total {
  font-size: 14px;
  color: #555;
  font-weight: 300;
}

.ancMidText {
  position: relative;
  margin: 17px 0 0 0;
}

.ancMidText>p {
  height: 44px;
  padding: 0 75px 0 0;
  font-size: 18px;
  color: #555;
  font-weight: normal;
  line-height: 22px;
}

.ancMidText .itemLinkArea {
  position: absolute;
  right: 0;
  top: 7px;
}

.ancMidText .itemLinkArea .sha {
  display: inline-block;
  width: 21px;
  height: 23px;
  margin: 0 10px 0 0;
  background: url(/images/img_sha.png) no-repeat 0 0;
  vertical-align: middle;
}

.ancMidText .itemLinkArea .zzim {
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url(/images/img_zzimed.png) no-repeat 0 0;
  vertical-align: middle;
}

.ancMidText .itemLinkArea .zzim.on {
  background: url(/images/img_zzim.png) no-repeat 0 0;
}

.ancBotText {
  text-align: left;
}

.ancBotText>strong {
  display: block;
  font-size: 24px;
  color: #222;
  font-weight: 500;
}

.ancBotText>strong>span {
  font-size: 14px;
  color: #aaa;
  font-weight: normal;
}

.ancBotText>.boxText {
  display: block;
  font-size: 14px;
  color: #aaa;
  font-weight: normal;
}

.ancBotText>.zzimed {
  display: block;
  margin: 12px 0 0 0;
  padding: 0 0 0 30px;
  background: url(/images/img_zzim.png) no-repeat 0 0;
  font-size: 14px;
  color: #555;
  font-weight: 500;
}

.anc03Next {
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 158px;
  z-index: 20;
  width: 31px;
  height: 34px;
  background: url(/images/img_busi_thumb_play.png) no-repeat 0 0;
  cursor: pointer;
}

.ancType04 {}

.ancType04>div {
  position: relative;
  overflow: hidden;
  margin: 20px 0 50px;
}

.ancType04>div>ul {
  width: 9999px;
  padding: 0 0 0 31px;
}

.ancType04>div>ul>li {
  position: relative;
  float: left;
  width: 160px;
  height: 160px;
  background: #f6f9fa;
  text-align: center;
  border-radius: 80px;
}

.ancType04>div>ul>li>a {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  font-size: 18px;
  color: #aaa;
  font-weight: 300;
  transform: translate(-50%, -50%);
}

.ancType04>div>ul>li:hover {
  background: #e8f5f9;
}

.ancType04>div>ul>li:hover>a {
  color: #167ea1;
  font-weight: bold;
}

.anc04Next {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  background: url(/images/img_anc04_next.png) no-repeat 0 0;
  cursor: pointer;
}

.anc04Prev {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  background: url(/images/img_anc04_prev.png) no-repeat 0 0;
  cursor: pointer;
}

/* 220817 수정 s */
.ancType05 {
  margin-top: 30px;
}

.ancType05>ul {
  display: flex;
  flex-wrap: wrap;
}

.ancType05.box>ul>li {
  width: calc((100% - 90px) / 4);
  height: auto;
  min-height: 387.23px;
  margin-right: 30px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.ancType05>ul>li:last-child {
  margin-right: 0;
}

.ancType05>ul>li:nth-child(4n) {
  margin-right: 0;
}

.ancType05>ul>li:nth-of-type(n+5) {
  margin-top: 30px;
}

.ancType05>ul>li>div>a {
  display: block;
  height: 150px;
  text-align: center;
}

.ancType05>ul>li>div>a img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.ancType05>ul>li>div>a.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
}

.ancType05>ul>li>div {
  height: 100%;
}

.ancType05>ul>li>div>a.logo img {
  width: auto;
}

.ancType05 .ancBotText {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 150px);
}

/* 220915 수정 */
.ancType05 .ancBotText>div>strong {
  margin-top: 10px;
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 700;
  color: #3c4249;
  word-break: break-word;
}

/* // 220915 수정 */
.ancType05 .ancBotText>div>span {
  display: block;
  font-family: 'Pretendard';
  font-size: 18px;
  color: #3c4249;
}

.ancType05 .ancBotText>div>span.cate {
  font-size: 15px;
}

.ancType05 .ancTypeTagArea {
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}

/* 220915 수정 */
.ancType05 .ancTypeTagArea a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  min-width: 87px;
  max-width: 100%;
  height: 30px;
  border-radius: 6px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #63b344;
  padding: 0 12px;
}

/* // 220915 수정 */
.ancType05.type02>ul>li {
  min-height: 345.43px;
}

.ancType05.type02 .ancBotText {
  height: calc(100% - 130px);
  padding-top: 5px;
}

.ancType05 .ancTypeTagArea.type02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ancType05 .ancTypeTagArea.type02 .ancIconArea {
  height: 26px;
  margin: 0;
}

.ancType05 .ancTypeTagArea.type02 .ancIcon {
  height: 26px;
  background-position: 0 50%;
}

.ancType05 .ancTypeTagArea.type02 .ancIcon.i01 {
  width: 26px;
  background: url(/images/img_call.png) no-repeat 0 0;
}

.ancType05 .ancTypeTagArea.type02 .ancIcon.i02 {
  width: 38px;
  background: url(/images/img_msg.png) no-repeat 0 50%;
}

/* 220817 수정 e */

.whatArea {
  margin: 22px 0 0 0;
}

.whatArea .btnArea {
  text-align: center;
}

.whatArea .btnArea .ne {
  margin: 40px 0 0 0;
}

.whatArea h2 {
  font-size: 40px;
  color: #222;
  font-weight: bold;
}

.whatIn {
  margin: 23px 0 0 0;
}

.whatIn:after {
  display: block;
  content: "";
  clear: both;
}

.whatInL {
  float: left;
  width: calc(50% - 18px);
  min-height: 200px;
  padding: 24px 30px 24px;
  background: #f9fbfd;
  border-radius: 12px;
}

.whatInR {
  float: right;
  width: calc(50% - 18px);
  min-height: 200px;
  padding: 24px 30px 24px;
  background: #f9fbfd;
  border-radius: 12px;
}

.whatIn strong {
  font-size: 20px;
  color: #555;
  font-weight: normal;
}

.whatIn p {
  margin: 14px 0 0 0;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 20px;
}

.whatIn ul {
  margin: 13px 0 0 0;
}

.whatIn ul li {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 26px;
}

.whatIn ul li:after {
  display: block;
  content: "";
  position: absolute;
  left: 8px;
  top: 12px;
  width: 2px;
  height: 2px;
  background: #222;
}

.whatIn ol {
  margin: 10px 0 0 0;
}

.whatIn ol li {
  position: relative;
  margin: 3px 0 0 0;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 26px;
}

.whatIn ol li:first-child {
  margin: 0;
}

.tblListInfoArea {
  position: relative;
  margin: 56px 0 21px 0;
}

.tblListInfoArea>span {
  font-size: 22px;
  color: #222;
  font-weight: 500;
}

.tblListInfoArea>span>span {
  font-size: 22px;
  color: #188eb5;
  font-weight: bold;
}

.tblListInfoArea>.ipArea {
  position: absolute;
  right: 0;
  top: -10px;
}

.tblList {}

.tblList thead th {
  height: 77px;
  background: #f6f9fa;
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
  text-align: center;
  border-right: 1px solid #eee;
}

.tblList thead th:first-child {
  border-left: 1px solid #eee;
}

.tblList tbody td {
  height: 77px;
  background: #fff;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  text-align: center;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

.tblList tbody td:first-child {
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
  border-left: 1px solid #eee;
}

.subTextArea {
  margin: 18px 0 0 0;
}

.subTextArea ul {}

.subTextArea ul li {
  position: relative;
  margin: 8px 0 0 0;
  padding: 0 0 0 8px;
  font-size: 16px;
  color: #555;
  font-weight: 500;
  line-height: 16px;
}

.subTextArea ul li+li {
  margin: 11px 0 0 0;
}

.subTextArea ul li:after {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  top: 6px;
  width: 2px;
  height: 2px;
  background: #222;
}

.tblDataTitleArea {
  position: relative;
  margin: 28px 0 0 0;
}

.tblDataTitleArea strong {
  font-size: 24px;
  color: #222;
  font-weight: normal;
}

.tblDataTitleArea span {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  color: #555;
  font-weight: 300;
}

.tblDataArea .tblData {
  margin: 19px 0 0 0;
}

.hasTextArea {
  height: 278px;
}

.fileUpArea .ca {
  display: inline-block;
  width: 130px;
  height: 46px;
  background: #e5f4fe;
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  border-radius: 12px;
  border: 1px solid #fff;
  transition: all .3s ease;
}

.fileUpArea .ca:hover {
  border: 1px solid #188eb5;
}

.fileUpArea .ca.on {
  border: 1px solid #188eb5;
}

.fileUpArea .ne {
  display: inline-block;
  width: 130px;
  height: 46px;
  background: #188eb5;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  border-radius: 12px;
  border: 1px solid #fff;
  transition: all .3s ease;
}

.fileUpArea .ne:hover {
  background: #11637e;
}

.fileUpArea .ne.on {
  background: #11637e;
}

.fileUpArea .ca+.adFileList {
  margin: 0 0 0 27px;
}

.fileUpArea .adFileList {
  display: inline-block;
}

.fileUpArea .adFileList a {
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  text-decoration: underline;
  vertical-align: middle;
}

.fileUpArea .adFileList a+a {
  margin: 0 0 0 19px;
}

.fileUpArea .adFileList .downLoad {
  display: inline-block;
  width: 24px;
  height: 20px;
  margin: 0 0 0 17px;
  background: url(/images/img_down.png) no-repeat 0 0;
}

.ipArea input[type=text].datepicker {
  background: #f9fbfd url(/images/img_cal.png) no-repeat right 20px center;
}

.ipArea .fileUpArea {
  display: inline-block;
}

.phrase {
  height: auto;
}

.addPhrase {
  margin: 15px 0 0 0;
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
}

.tblDataArea .btnArea {
  margin: 40px 0 0 0;
  text-align: center;
}

.treeArea {
  width: 510px;
  margin: 20px 0 0 0;
}

.treeArea>ul {}

.treeArea>ul:after {
  display: block;
  content: "";
  clear: both;
}

.treeArea>ul>li {
  float: left;
  width: 50%;
}

.treeArea>ul>li>a {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 56px;
  background: #f6f9fa;
  font-size: 16px;
  color: #222;
  font-weight: 500;
  border: 1px solid #f6f9fa;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  text-align: center;
  line-height: 56px;
}

.treeArea>ul>li+li {
  width: calc(50% + 1px);
  margin-left: -1px;
}

.treeArea>ul>li.on>a {
  z-index: 11;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

.treeMenu {
  overflow-y: auto;
  margin-top: -1px;
  padding: 24px 35px 30px;
  border: 1px solid #ccc;
  border-top: 0;
}

.treeMenu>ul {
  height: 480px;
}

.treeMenu>ul>li {
  margin: 16px 0 0 0;
  background: url(/images/img_plus.png) no-repeat right 10px;
}

.treeMenu>ul>li.on {
  background: url(/images/img_minus.png) no-repeat right 14px;
}

.treeMenu>ul>li>a {
  font-size: 20px;
  color: #555;
  font-weight: 500;
}

.treeMenu>ul>li>ul {}

.treeMenu>ul>li>ul>li {
  position: relative;
  margin: 6px 0 0 0;
  padding: 0 0 0 12px;
  background: url(/images/img_plus.png) no-repeat right 10px;
}

.treeMenu>ul>li>ul>li:after {
  display: block;
  content: "";
  position: absolute;
  left: 2px;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #aaa;
}

.treeMenu>ul>li>ul>li.on {
  background: url(/images/img_minus.png) no-repeat right 14px;
}

.treeMenu>ul>li>ul>li.on:after,
.treeMenu>ul>li>ul>li:hover:after {
  background: #222;
  color: #222;
}

.treeMenu>ul>li>ul>li>a {
  font-size: 16px;
  color: #aaa;
  font-weight: normal;
}

.treeMenu>ul>li>ul>li.on>a,
.treeMenu>ul>li>ul>li:hover>a {
  color: #555;
}

.treeMenu>ul>li>ul>li>ul {}

.treeMenu>ul>li>ul>li>ul>li {
  position: relative;
  margin: 3px 0 0 0;
  padding: 0 0 0 36px;
}

.treeMenu>ul>li>ul>li>ul>li:first-child {
  margin: 9px 0 0 0;
}

.treeMenu>ul>li>ul>li>ul>li:after {
  display: block;
  content: "";
  position: absolute;
  left: 21px;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #aaa;
}

.treeMenu>ul>li>ul>li>ul>li.on {}

.treeMenu>ul>li>ul>li>ul>li>a {
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
}

.treeMenu>ul>li>ul>li>ul>li:hover:after {
  background: #222;
}

.treeMenu>ul>li>ul>li>ul>li:hover>a {
  color: #222;
  text-decoration: underline;
}

.btnAdd {
  display: inline-block;
  width: 90px;
  height: 46px;
  margin: 0 0 0 6px;
  background: #e5f4fe;
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  line-height: 46px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #eee;
  transition: all .3s ease;
  vertical-align: middle;
}

.btnAdd:hover {
  border: 1px solid #188eb5;
}

.btnAdd.on {
  border: 1px solid #188eb5;
}


/* K-food */
.kFood {
  margin: 20px 0 0 0;
}

.kFood h2 {
  font-size: 40px;
  color: #222;
  font-weight: bold;
}

.kFood h2 span {
  font-size: 40px;
  color: #222;
  font-weight: 300;
}

.anchorTabContent {}

.kFoodSearch {
  margin: 20px 0 0 0;
  padding: 20px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.kFoodSearch .ipArea input {
  margin: 0 0 0 17px;
}

.kFoodSearch .ipArea input:first-child {
  margin: 0;
}

.kFoodSearch .ipArea select {
  margin: 0 0 0 17px;
}

.kFoodSearch .ipArea .fileUpArea {
  margin: 0 0 0 17px;
}

.ipArea.small select {
  height: 36px;
  background: #f9fbfd url(/images/img_lang_sel.png) no-repeat right 15px center;
  vertical-align: middle;
}

.btnGo {
  height: 36px;
  padding: 0 18px;
  background: #222;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  border-radius: 6px;
  vertical-align: middle;
}

.kFoodList01 {}

.kFoodList01 ul {}

.kFoodList01 ul:after {
  display: block;
  content: "";
  clear: both;
}

.kFoodList01 ul li {
  float: left;
  width: 348px;
  margin: 0 36px 30px 0;
}

.kFoodList01 ul li:nth-child(4n) {
  margin-right: 0;
}

.kFoodList01 ul li>div {
  padding: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.kFoodList01 ul li>div>strong {
  display: block;
  margin: 0 0 9px 0;
  font-size: 24px;
  color: #222;
  font-weight: normal;
}

.kFoodList01 ul li>div>strong>span {
  display: inline-block;
  margin: 0 0 0 7px;
  font-size: 16px;
  color: #555;
  font-weight: normal;
}

.kFoodList01 ul li>div>img {
  width: 287px;
  height: 400px;
}

.kFoodList01 ul li>div>a {
  display: block;
  height: 46px;
  margin: 20px 0 0 0;
  background: #e8f5f9;
  text-align: center;
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  border-radius: 6px;
  line-height: 46px;
}

.kFoodList01 ul li.on>div {
  background: #eaf1f7;
  border: 1px solid #eaf1f7;
}

.kFoodList01 ul li.on>div>a {
  background: #188eb5;
  color: #fff;
}

.kFoodList01 ul li:hover>div {
  background: #eaf1f7;
  border: 1px solid #eaf1f7;
}

.kFoodList01 ul li:hover>div>a {
  background: #188eb5;
  color: #fff;
}

.nuriNotice {
  margin: 10px 0 0 0;
  padding: 20px;
  background: #f9fbfd;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  border-radius: 12px;
  vertical-align: middle;
}

.nuriNotice img {
  margin: 0 20px 0 0;
  vertical-align: middle;
}

.kFoodList02 {}

.kFoodList02 ul {}

.kFoodList02 ul li {
  margin: 20px 0 0 0;
}

.kFoodList02 ul li:first-child {
  margin: 0 0 0 0;
}

.kFoodList02 ul li>div {
  position: relative;
  padding: 23px 30px 30px 220px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.kFoodList02 ul li>div>a {
  display: block;
}

.kFoodList02 ul li>div>a>strong {
  display: block;
  font-size: 20px;
  color: #222;
  font-weight: normal;
}

.kFoodList02 ul li>div>a>p {
  margin: 17px 0 0 0;
  padding: 16px 0 0 0;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 22px;
  border-top: 1px solid #ddd;
}

.kFoodList02 ul li>div>a>div {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 160px;
  height: 160px;
  overflow: hidden;
}

.kFoodList02 ul li>div>a>div>img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 160px;
  max-height: 160px;
  transform: translate(-50%, -50%);
}

.kFoodList02 ul li>div>a>span {
  display: block;
  margin: 22px 0 0 0;
  font-size: 14px;
  color: #aaa;
  font-weight: normal;
}

.kFoodList02 ul li>div:hover {
  background: #eaf1f7;
  border: 1px solid #eaf1f7;
}

.kFoodList02 ul li>div.on {
  background: #eaf1f7;
  border: 1px solid #eaf1f7;
}

.kFoodList02 ul li.noData>div {
  padding: 93px 0 100px 0;
  text-align: center;
}

.kFoodList02 ul li.noData>div:hover {
  background: #fff;
  border: 1px solid #ddd;
}

.underGo.btnArea>a {
  display: inline-block;
  width: 132px;
  height: 46px;
  margin: 40px 0 0 0;
  line-height: 46px;
  text-align: center;
}

.editorArea>p {
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 24px;
}

.editorArea {
  margin: 27px 0 0 0;
  padding: 20px;
}

.editorArea+.nuriNotice {
  margin: 30px 0 0 0;
}

.editorArea>img {
  width: 100%;
}

.kFoodDetail>strong {
  display: block;
  margin: 50px 0 0 0;
  font-size: 32px;
  color: #222;
  font-weight: normal;
}

.kFoodDetail>div {
  margin: 10px 0 0 0;
}

.kFoodDetail>div+div {
  margin: 13px 0 0 0;
}

.kFoodDetail>div>dl {
  display: inline-block;
  vertical-align: middle;
}

.kFoodDetail>div>dl:after {
  display: block;
  content: "";
  clear: both;
}

.kFoodDetail>div dt {
  display: inline-block;
  float: left;
  font-size: 16px;
  color: #222;
  font-weight: 300;
}

.kFoodDetail>div dd {
  display: inline-block;
  float: left;
  margin: 0 0 0 8px;
  font-size: 16px;
  color: #555;
  font-weight: 300;
}

.kFoodDetail>div dd+dt {
  position: relative;
  margin: 0 0 0 25px;
  padding: 0 0 0 13px;
}

.kFoodDetail>div dd+dt:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  background: #ddd;
  margin-top: -7px;
}

.copyShare {
  display: inline-block;
  margin: 0 0 0 19px;
  font-size: 16px;
  color: #188eb5;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
  vertical-align: middle;
}

.boxedTitle {
  padding: 12px 20px 8px;
  background: #f9fbfd;
  font-size: 14px;
  color: #555;
  font-weight: normal;
  border-radius: 12px;
}

.tblData.type02 {
  margin: 30px 0 0 0;
}

.tblData.type02 th {
  height: 58px;
}

.tblData.type02 td {
  height: 58px;
}

.tblData.type02 .ipArea {
  margin: 0;
}

.tblData.type02 .ipArea input {
  height: 40px;
}

.tblData.type02 .ipArea select {
  height: 40px;
}

.kFoodList03 {}

.kFoodList03 ul {}

.kFoodList03 ul:after {
  display: block;
  content: "";
  clear: both;
}

.kFoodList03 ul li {
  float: left;
  width: 348px;
  margin: 0 36px 30px 0;
}

.kFoodList03 ul li:nth-child(4n) {
  margin-right: 0;
}

.kFoodList03 ul li>div {
  height: 544px;
  padding: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.kFoodList03 ul li>div>strong {
  display: block;
  margin: 22px 0 0 0;
  font-size: 22px;
  color: #222;
  line-height: 22px;
  font-weight: normal;
}

.kFoodList03 ul li>div>img {
  width: 287px;
  height: 203px;
}

.kFoodList03 ul li>div>p {
  margin: 13px 0 0 0;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 22px;
}

.kFoodList03 ul li>div>span {
  display: block;
  margin: 22px 0 0 0;
  font-size: 16px;
  color: #555;
  font-weight: 300;
}

.kFoodList03 ul li.on>div {
  background: #eaf1f7;
  border: 1px solid #eaf1f7;
}

.kFoodList03 ul li:hover>div {
  background: #eaf1f7;
  border: 1px solid #eaf1f7;
}

/* 마이페이지 */

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.ml0 {
  margin-left: 0px !important;
}

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

.blind {
  font-size: 0 !important;
}

select .small {
  height: 36px;
  line-height: 34px;
  color: #222;
  font-size: 16px;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.ipArea input:disabled {
  background: #dee3e5;
  color: #fff;
}

.radio_text input[type="radio"]+label {
  padding-right: 0;
}

.radio_text input[type="text"]+input[type="radio"]+label {
  margin-left: 35px;
}

/* content css 변경필요사항 s */
.tblData td {
  padding: 10px 20px;
}

/* // content css 변경필요사항 e */
.btnBox .btn_type01 {
  width: 155px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: inline-block;
  color: #188eb5;
  background: #e8f5f9;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all .3s ease;
  border: 1px solid #fff;
}

.btnBox .btn_type01:hover {
  border: 1px solid #188eb5;
}

.btnBox .btn_type01.on {
  border: 1px solid #188eb5;
}

.btnBox .btn_type02 {
  width: 155px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #188eb5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all .3s ease;
}

.btnBox .btn_type02:hover {
  background: #11637e;
}

.btnBox .btn_type02.on {
  background: #11637e;
}

/* 220817 수정 s */
.tblData+.btnBox.c {
  text-align: center;
}

.btnBox .btn_type03 {
  width: 155px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #666;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all .3s ease;
}

.btnBox .btn_type03:hover {
  background: #444;
}

/* 220817 수정 e */
.check_small input[type=checkbox] {
  display: none;
}

.check_small input[type=checkbox]+label {
  display: inline-block;
  height: 20px;
  padding: 0 0 0 20px;
  background: url(/images/img_check.png) no-repeat 0 0;
  background-size: 20px;
  font-size: 14px;
  color: #555;
  line-height: 20px;
  font-weight: 300;
}

.check_small input[type=checkbox]:checked+label {
  background: url(/images/img_check_on.png) no-repeat 0 0;
  background-size: 20px;
  color: #222;
  font-weight: normal;
}

.check_small input[type=checkbox]+label span {
  color: #555555;
  font-size: 16px;
  margin-left: 12px;
}

.check_small input[type="checkbox"]+label+input[type="checkbox"]+label {
  margin-left: 50px;
}

.check_small+.check_small {
  margin-top: 15px;
}

.check_small.t02 input[type=checkbox]+label {
  min-width: 75px;
  padding: 0 0 0 29px;
}

.check_small.t02 input[type="checkbox"]+label+input[type="checkbox"]+label,
.check_small.t03 input[type="checkbox"]+label+input[type="checkbox"]+label {
  margin-left: 25px;
}

.check_small.t03 input[type=checkbox]+label {
  padding: 0 0 0 29px;
}

.m_page {
  width: 1500px;
  margin: 40px auto 0 auto;
}

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

.m_page .m_left {
  float: left;
  width: 300px;
}

.m_left .m_right {
  float: right;
  width: calc(100% - 300px);
}

.m_page .m_left {
  border: 1px solid #dde2e5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.1);
}

.m_page .m_left .l_menu .l_menu_tit {
  border-bottom: 1px solid #cccccc;
  padding: 20px 30px;
  font-size: 20px;
  color: #555555;
  line-height: 1;
}

.m_page .m_left .l_menu+.l_menu {
  border-top: 1px solid #ccc;
}

.m_page .m_left .l_menu ul {
  padding: 25px 30px;
}

.m_page .m_left .l_menu ul li {
  line-height: 1;
}

.m_page .m_left .l_menu ul li+li {
  margin-top: 20px;
}

.m_page .m_left .l_menu ul li a {
  line-height: 1.2;
  font-size: 18px;
  color: #aaaaaa;
  font-weight: 300;
  display: block;
}

.m_page .m_left .l_menu ul li a.on,
.m_page .m_left .l_menu ul li a:hover {
  color: #222222;
  font-weight: 500;
  background: url(/images/left_menu_on.png);
  background-repeat: no-repeat;
  background-position: 97% center;
}

.m_page .m_right {
  float: right;
  width: 1115px;
}

.m_content>.tit {
  font-size: 24px;
  font-weight: 400;
  color: #222;
  display: flex;
  justify-content: space-between;
}

.m_content .tit+.tabs {
  margin-top: 20px;
}

.m_content .tabs+.tblList {
  margin-top: 60px;
}

.tabs ul {
  border-bottom: 1px solid #cccccc;
}

.tabs ul li {
  float: left;
  padding: 0 30px;
  height: 63px;
  line-height: 63px;
  font-size: 18px;
  coloR: #aaaaaa;
  font-weight: 300;
  border: 1px solid #eeeeee;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}

.tabs ul li a {
  font-size: 18px;
  coloR: #aaaaaa;
  font-weight: 300;
}

.tabs ul li.on {
  color: #555555;
  font-weight: 500;
  border: 1px solid #cccccc;
  border-bottom: none;
}

.tabs ul li.on:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -1px;
  z-index: 1;
  left: 0;
}

.tabs ul li.on a {
  color: #555555;
  font-weight: 500;
}

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

.m_content>.buyer_home {
  background: #f9fbfd;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
  margin-top: 20px;
}

.m_content>.m_content_right_txt {
  position: absolute;
  top: 0;
  right: 0;
}

.buyer_home .buyer_h_section01>.tit,
.buyer_home .buyer_h_section02>.tit {
  font-size: 18px;
  color: #222222;
}

.buyer_h_section01>.desc {
  margin-top: 30px;
}

.buyer_h_section01>.desc .fl {
  width: 330px;
  padding-left: 30px;
  color: #888888;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
}

.buyer_h_section01>.desc .fr {
  width: 695px;
  position: relative;
}

.buyer_h_section01>.desc .fr>a {
  position: absolute;
  right: 0;
  top: -30px;
}

a.moretxt {
  font-size: 16px;
  color: #1b9ec9;
  text-decoration: underline;
}

.m_page_tb {
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.m_page_tb tr:first-child th {
  border-top: none;
}

.m_page_tb tr:first-child td {
  border-top: none;
}

.m_page_tb tr:last-child th {
  border-bottom: none;
}

.m_page_tb tr:last-child td {
  border-bottom: none;
}

.m_page_tb th {
  border-bottom: 1px solid #fff;
}

.m_page_tb td {
  border-bottom: 1px solid #eeeeee;
  background: #fff;
}

.m_page_tb table {
  margin-top: 0px;
}

.buyer_h_section01 .listWrap {
  margin-top: 30px;
}

.buyer_h_section01 .listWrap>.list_box {
  float: left;
  width: 330px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.buyer_h_section01 .listWrap>.list_box+.list_box {
  margin-left: 30px;
}

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

.buyer_h_section01 .listWrap>.list_box .list_t {
  padding: 30px 25px;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
  color: #888888;
  position: relative;
}

.list_t .moreView {
  position: absolute;
  right: 25px;
}

.list_t .moreView span {
  width: 13px;
  height: 13px;
  background: url(/images/more_plus.png);
  background-size: 13px;
  display: inline-block;
  vertical-align: middle;
}

.buyer_h_section01 .listWrap>.list_box .list_d {
  padding: 30px;
}

.buyer_h_section01 .listWrap>.list_box .list_d ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.buyer_h_section01 .listWrap>.list_box .list_d ul li .txt {
  font-size: 18px;
  color: #222;
}

.buyer_h_section01 .listWrap>.list_box .list_d ul li .num {
  font-size: 24px;
  color: #1b9ec9;
  text-decoration: underline;
}

.buyer_h_section01 .listWrap>.list_box .list_d ul li+li {
  margin-top: 25px;
}

.buyer_h_section01 .notice_txt {
  margin-top: 10px;
  color: #888888;
  font-size: 14px;
}

.buyer_h_section01 .myOrder {
  margin-top: 30px;
  background: #fadee0;
  height: 240px;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.buyer_h_section02 {
  margin-top: 50px;
}

.buyer_h_section02 .listWrap {
  margin-top: 30px;
}

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

.buyer_h_section02 .listWrap>.list_box {
  float: left;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 415px;
  height: 280px;
}

.buyer_h_section02 .listWrap>.list_box+.list_box {
  margin-left: 30px;
  width: calc(100% - 445px);
}

.buyer_h_section02 .listWrap>.list_box .list_t {
  padding: 25px;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
  color: #888888;
  position: relative;
}

.buyer_h_section02 .listWrap>.list_box .list_t .moretxt {
  position: absolute;
  right: 30px;
  top: 30px;
}

.buyer_h_section02 .listWrap>.list_box .list_d {
  padding: 20px 30px 0 30px;
}

.buyer_h_section02 .listWrap>.list_box .list_d .col02 li {
  float: left;
  width: calc((100% - 20px) / 2);
}

.buyer_h_section02 .listWrap>.list_box .list_d .col02 li .img {
  padding: 20px 25px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.buyer_h_section02 .listWrap>.list_box .list_d .col02 li+li {
  margin-left: 20px;
}

.buyer_h_section02 .listWrap>.list_box .list_d .col02:after {
  clear: both;
  display: block;
  content: '';
}

.buyer_h_section02 .listWrap>.list_box .list_d .col02 li .txt {
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  font-weight: 300;
  display: -webkit-box;
  overflow: hidden;
  height: 36px;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.buyer_h_section02 .listWrap>.list_box .list_d .col03 li {
  float: left;
  width: calc((100% - 40px) / 3);
}

.buyer_h_section02 .listWrap>.list_box .list_d .col03 li+li {
  margin-left: 20px;
}

.buyer_h_section02 .listWrap>.list_box .list_d .col03 li .txt {
  margin-top: 15 px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  font-weight: 300;
  display: -webkit-box;
  overflow: hidden;
  height: 36px;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.leftGraph .graph {
  height: 160px;
  position: relative;
  width: 78px;
  background: #eff4f9;
}

.leftGraph .graph span {
  position: absolute;
  bottom: 0;
  width: 78px;
  height: 20px;
  background: #4361ae;
}

.buyer_h_section01.seller .graphWrap .graphBox {
  background: #fff;
  float: left;
  width: 330px;
  height: 330px;
  padding: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.buyer_h_section01.seller .graphWrap .graphBox+.graphBox {
  width: calc(100% - 360px);
  margin-left: 30px;
}

.graphBox.list {
  padding: 50px 125px !important;
  position: relative;
}

.graphBox.list ul li {
  float: left;
  width: calc(100% / 3);
  text-align: Center;
}

.graphBox.list ul {
  padding: 0 50px;
  background: url(/images/graph_line.png);
  background-size: 100%;
  background-position: center 35px;
  background-repeat: no-repeat;
}

.graphBox.list ul li .percent.zero {
  color: #ff4949;
}

.graphBox.list ul li .graph {
  margin: 0 auto;
  width: 50%;
  height: 134px;
  position: relative;
  background: rgba(239, 244, 249, 0.5);
}

.graphBox.list ul li .graph span {
  display: block;
  background: #49b1d4;
  width: 100%;
  height: 15%;
  position: absolute;
  bottom: 0;
}

.graphBox.list ul li .percent {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.graphBox.list ul li .graph_tit {
  font-size: 14px;
  color: #222;
  text-align: center;
  margin-top: 10px;
}

.graphBox.list ul li .graph_tit+a {
  text-align: center;
  margin-top: 5px;
  display: inline-block;
  color: #1b9ec9;
  text-decoration: underline;
}

.graphBox.list ul:after {
  clear: both;
  display: block;
  content: '';
}

.graphBox.list .alert_txt {
  coloR: #aaaaaa;
  font-size: 14px;
  position: absolute;
  right: 25px;
  bottom: 25px;
}

.buyer_h_section01.seller .graphWrap .graphBox .leftGraph {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 190px;
  margin: 0 auto;
  margin-top: 20px;
}

.buyer_h_section01.seller .graphWrap .graphBox>.txt {
  margin-top: 35px;
  font-size: 14px;
  color: #888888;
  line-height: 18px;
}

.buyer_h_section01.seller .graphWrap .graphBox .leftGraph .percent {
  font-size: 40px;
  font-weight: 400;
  color: #222222;
}

.buyer_h_section01.seller .graphWrap:after {
  clear: both;
  display: block;
  content: '';
}

.buyer_h_section01.seller .graphWrap .graphBox>.tit {
  font-size: 14px;
  color: #888888;
}

.buyer_h_section02.seller .accountInfoWrap {
  margin-top: 65px;
}

.buyer_h_section02.seller .accountInfoWrap .infobox {
  padding: 40px 30px;
  background: #fff;
  border-radius: 10px;
  float: left;
  width: calc((100% - 60px) / 3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
}

.buyer_h_section02.seller .accountInfoWrap .infobox.mps01:before {
  content: '';
  display: inline-block;
  width: 66px;
  height: 66px;
  background: url(/images/mps_ico01.png);
  position: absolute;
  top: -40px;
  left: 24px;
}

.buyer_h_section02.seller .accountInfoWrap .infobox.mps02:before {
  content: '';
  display: inline-block;
  width: 66px;
  height: 66px;
  background: url(/images/mps_ico02.png);
  position: absolute;
  top: -40px;
  left: 24px;
}

.buyer_h_section02.seller .accountInfoWrap .infobox.mps03:before {
  content: '';
  display: inline-block;
  width: 66px;
  height: 66px;
  background: url(/images/mps_ico03.png);
  position: absolute;
  top: -40px;
  left: 24px;
}

.buyer_h_section02.seller .accountInfoWrap .infobox .txt {
  width: 125px;
  font-size: 16px;
}

.buyer_h_section02.seller .accountInfoWrap .infobox .info {
  color: #1b9ec9;
  font-size: 16px;
}

.buyer_h_section02.seller .accountInfoWrap .infobox .info span {
  color: #888888;
  font-size: 16px;
}

.buyer_h_section02.seller .accountInfoWrap:after {
  clear: both;
  display: block;
  content: '';
}

.buyer_h_section02.seller .accountInfoWrap .infobox+.infobox {
  margin-left: 30px;
}

.searchBoxWrap {
  padding: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid #dddddd;
}

.searchBoxWrap .searchBox .ipArea {
  display: inline-block;
}

.searchBoxWrap .searchBox .ipArea+.ipArea {
  margin-left: 30px;
}

.searchBoxWrap .searchBox+.searchBox {
  margin-top: 20px;
}

.searchBoxWrap .searchBox+.searchBox .ipArea+.ipArea {
  margin-left: 46px;
}

.searchBoxWrap .searchBox .ipArea label {
  font-size: 16px;
  color: #888888;
  margin-right: 20px;
}

.searchBox .btnIp {
  width: 120px;
}

.listTable {
  margin-top: 60px;
}

.btnWrap .tb_button01 {
  font-size: 16px;
  color: #fff;
  background: #555555;
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.btnWrap .download {
  font-size: 14px;
  color: #888888;
  position: relative;
  padding-left: 35px;
}

.btnWrap .download:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 20px;
  background: url(/images/download_ico.png);
  background-size: 24px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: -3px;
}

.btnWrap .tb_button02 {
  font-size: 16px;
  color: #fff;
  background: #188eb5;
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.btnWrap a+a {
  margin-left: 10px;
}

.filterWrap {
  display: flex;
  align-items: center;
}

.filterWrap .righbtnWRap {
  flex: 1;
  text-align: right;
}

.filterWrap .allNum {
  font-size: 16px;
  color: #888888;
}

.filterWrap .ipArea {
  margin-left: 30px;
}

.filterWrap .ipArea label {
  font-size: 16px;
  color: #888888;
  margin-right: 13px;
}

.filterWrap>.btnWrap {
  margin-left: 10px;
}

select.small_type {
  height: 36px;
  line-height: 36px;
}

.tblList input[type=checkbox] {
  display: none;
}

.tblList input[type=checkbox]+label {
  display: inline-block;
  height: 20px;
  padding: 0 0 0 20px;
  background: url(/images/img_check.png) no-repeat 0 0;
  background-size: 20px;
  font-size: 14px;
  color: #555;
  line-height: 20px;
  font-weight: 300;
}

.tblList input[type=checkbox]:checked+label {
  background: url(/images/img_check_on.png) no-repeat 0 0;
  background-size: 20px;
  color: #222;
  font-weight: normal;
}

.tblList tbody td {
  padding: 5px 10px;
}

.tblList table tr td .prd_name {
  text-align: left;
  display: inline-block;
  text-decoration: underline;
  font-size: 14px;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  height: 52px;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

p.tal {
  text-align: left;
}

.m_content {
  position: relative;
  min-height: 470px;
}

.m_content .m_content_inbtn {
  position: absolute;
  righT: 0;
  top: 0;
  font-size: 0;
}

.m_content .m_content_inbtn a+a {
  margin-left: 10px;
}

.m_content .m_content_inbtn .type01 {
  font-size: 14px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #9bbb59;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.m_content .m_content_inbtn .type02 {
  font-size: 14px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #bfbfbf;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.m_content .notice_box {
  background: #f9fbfd;
  padding: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.bullet_list li {
  font-size: 16px;
  color: #555555;
  font-weight: 400;
  position: relative;
  padding-left: 10px;
}

.bullet_list li:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #555;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

.bullet_list li+li {
  margin-top: 10px;
}

.m_right .notice_box {
  margin-top: 20px;
}

.m_right .notice_box+.tblList {
  margin-top: 50px;
}

.btnIp.w130 {
  width: 130px;
}

.btnIp.w85 {
  width: 85px;
}

.btnIp.on {
  background: #188eb5;
  color: #fff;
  transition: all .3s ease;
}

.btnIp.on:hover {
  background: #11637e;
}

.ipArea input[type=text]+input[type=text] {
  margin-left: 10px;
}

.errorText.b {
  color: #aaaaaa
}

.myphoto_top {
  padding: 20px 30px;
  margin-top: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dddddd;
}

.myphoto_top>.txt {
  color: #888888;
  font-size: 16px;
}

.myphoto_bottom {
  margin-top: 40px;
}

.myphoto_bottom ul li {
  float: left;
  width: 260px;
}

.myphoto_bottom ul li+li {
  margin-left: 25px;
}

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

.myphoto_bottom ul li .img {
  max-width: 100%;
  width: 100%;
  border-radius: 10px;
  ;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #eaeaea;
  margin-top: 10px;
}

.myphoto_bottom ul li>.tit {
  margin-top: 15px;
  font-size: 16px;
  color: #555555;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
  height: 20px;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.myphoto_bottom ul li>.file_n {
  margin-top: 10px;
}

.myphoto_bottom ul li>.file_n a {
  font-size: 16px;
  color: #1b9ec9;
  text-decoration: underline;
}

.myphoto_bottom ul li>.date {
  margin-top: 10px;
  color: #aaaaaa;
  font-size: 14px;
}

.myphoto_bottom ul li:nth-child(4n + 1) {
  margin-left: 0px;
}

.myphoto_bottom ul li:nth-child(n + 5) {
  margin-top: 20px;
}

.photo_btnWrap {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.photo_btnWrap>.btnType01 {
  background: #e8f5f9;
  height: 46px;
  line-height: 46px;
  color: #188eb5;
  text-align: center;
  width: 155px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid #fff;
  transition: all .3s ease;
}

.photo_btnWrap>.btnType01:hover {
  border: 1px solid #188eb5;
}

.photo_btnWrap>.btnType02 {
  background: #188eb5;
  height: 46px;
  line-height: 46px;
  color: #fff;
  text-align: center;
  width: 155px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all .3s ease;
}

.photo_btnWrap>.btnType02:hover {
  background: #11637e;
}

.file_img {
  position: relative;
  width: 160px;
  margin-top: 20px;
}

.del_btn {
  width: 23px;
  height: 23px;
  background: url(/images/photo_del.png);
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: -1px;
  cursor: pointer;
}

.file_img+.file_n {
  margin-top: 10px;
}

.file_n a {
  font-size: 16px;
  color: #1b9ec9;
  text-decoration: underline;
}

.tblData .noti {
  color: #999999;
  font-size: 14px;
  margin-top: 10px;
}

.btnBox a+a {
  margin-left: 20px;
}

.tblData+.btnBox {
  margin-top: 40px;
  text-align: right;
}

.tblDataArea+.btnBox {
  margin-top: 40px;
}

.tblList+.btnBox {
  margin-top: 40px;
}

.layerArea .layerTit {
  font-size: 20px;
  color: #222222;
  font-weight: 500;
}

.layerArea .layerDesc {
  color: #888888;
  margin-top: 30px;
  font-size: 16px;
}

.layerArea .groupList {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eeeeee;
}

.groupList {
  margin-top: 20px;
}

.groupList .groupBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 16px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #f6f9fa;
}

.groupList .groupBox+.groupBox {
  margin-top: 10px;
}

.groupList .groupBox p {
  font-size: 16px;
  color: #222;
}

.groupDel {
  width: 15px;
  height: 15px;
  background: url(/images/group_del.png);
  background-size: 15px;
  background-position: center center;
  cursor: pointer;
}

.interests_top {
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
  border: 1px solid #dddddd;
  margin-top: 20px;
}

.interests_bottom {
  margin-top: 30px;
}

.interests_bottom>ul>li {
  float: left;
}

.interests_bottom>ul>li+li {
  margin-left: 31px;
}

.interests_bottom>ul>li:nth-child(4n + 1) {
  margin-left: 0px;
}

.interests_bottom>ul>li:nth-child(n + 5) {
  margin-top: 50px;
}

.interests_bottom>ul:after {
  clear: both;
  display: block;
  content: '';
}

.interests_bottom_li .check_small {
  float: left;
  width: 30px;
}

.interests_bottom_li .right {
  float: right;
  width: calc(100% - 30px);
}

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

.interests_bottom_li {
  width: 255px;
}

.interests_bottom_li .right .img {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 35px 40px;
}

.interests_bottom_li .right .tit {
  margin-top: 10px;
  font-size: 16px;
  color: #555555;
  font-weight: 500;
  line-height: 20px;
  height: 40px;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.order01 {
  padding-left: 30px;
  position: relative;
}

.order01:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url(/images/order01.png);
  background-size: 16px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 2px;
}

.listtopInfo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}

.listtopInfo>span {
  font-size: 22px;
  color: #222;
  font-weight: 500;
}

.listtopInfo>span>span {
  font-size: 22px;
  color: #188eb5;
  font-weight: bold;
}

.listtopInfo .right {
  display: flex;
  align-items: center;
}

.listtopInfo .right>ul {
  display: flex;
  align-items: center;
}

.listtopInfo .right>ul>li.on {
  color: #555555;
}

.listtopInfo .right>ul>li {
  float: left;
  color: #cccccc;
  font-size: 16px;
  position: relative;
  cursor: pointer;
}

.listtopInfo .right>ul:after {
  clear: both;
  display: block;
  content: '';
}

.listtopInfo .right>ul>li+li {
  margin-left: 20px;
  padding-left: 20px;
}

.listtopInfo .right>ul>li+li:before {
  content: '';
  width: 1px;
  height: 8px;
  background: #ccc;
  position: absolute;
  lefT: 0;
  top: 50%;
  margin-top: -4px;
}

.listtopInfo .right .right_btnbox {
  margin-left: 30px;
}

.listtopInfo .right .right_btnbox a {
  display: inline-block;
  width: 35px;
  height: 35px;
}

.listtopInfo .right .right_btnbox a+a {
  margin-left: 5px;
}

.listtopInfo .right .right_btnbox .type01 {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(/images/list_type01.png);
  background-size: 35px;
  vertical-align: top;
}

.listtopInfo .right .right_btnbox .on .type01 {
  width: 35px;
  height: 35px;
  background: url(/images/list_type01_on.png);
  background-size: 35px;
}

.listtopInfo .right .right_btnbox .type02 {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(/images/list_type02.png);
  background-size: 35px;
  vertical-align: top;
}

.listtopInfo .right .right_btnbox .on .type02 {
  width: 35px;
  height: 35px;
  background: url(/images/list_type02_on.png);
  background-size: 35px;
}

.listtopInfo .right .ipArea {
  margin-left: 10px;
}

.listtopInfo .right .ipArea a {
  width: 55px;
  height: 36px;
  line-height: 34px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #555555;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}

.listtopInfo .right .ipArea select.small {
  padding: 0 30px 0 20px;
  background: #f9fbfd url(/images/img_lang_sel.png) no-repeat right 15px center;
}

.cuh {
  margin-top: 20px;
}

.chu_list>.head {
  display: flex;
  background: #f6f9fa;
  padding: 20px 0;
}

.chu_list>.head>div {
  text-align: center;
  color: #aaaaaa;
  font-size: 14px;
}

.chu_content {
  display: flex;
}

.chu_content>div {
  text-align: center;
  font-size: 14px;
  color: #222222;
  border-right: 1px solid #eeeeee;
  padding: 15px 0;
}

.chu_content>div>a {
  color: #188eb5;
  text-decoration: underline;
}

.chu_content>div:nth-child(3) {
  text-align: left;
  padding: 15px 25px;
}

.chu_content>div:first-child {
  border-left: 1px solid #eee;
}

.chu_list {
  border-bottom: 1px solid #eee;
}

.chu_list>.head>div:first-child,
.chu_content>div:first-child {
  width: 68px;
}

.chu_list>.head>div:nth-child(2),
.chu_content>div:nth-child(2) {
  width: 142px;
}

.chu_list>.head>div:nth-child(3),
.chu_content>div:nth-child(3) {
  width: auto;
  flex: 1;
}

.chu_list>.head>div:nth-child(4),
.chu_content>div:nth-child(4) {
  width: 145px;
}

.chu_list>.head>div:nth-child(5),
.chu_content>div:nth-child(5) {
  width: 143px;
}

.chu_list_box .hidden_box {
  display: none;
  border-top: 1px solid #eeeeee;
}

.chu_list_box .hidden_box>div {
  display: flex;
}

.chu_list_box .hidden_box>div.a {
  border-top: 1px solid #eee;
}

.chu_list_box .hidden_box>div>div {
  background: #fafcfc;
  border-right: 1px solid #eee;
}

.chu_list_box .hidden_box>div>div:first-child {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #888888;
  min-width: 110px;
  width: 110px;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #eee;
}

.chu_list_box .hidden_box>div>div:nth-child(2) {
  padding: 20px 40px;
  font-size: 14px;
  color: #222;
  font-weight: 300;
  flex: 1;
}

.chu_list_box+.chu_list_box {
  border-top: 1px solid #eeeeee;
}

.total_perbox .total_per {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.total_perbox .total_per>.tit {
  font-size: 16px;
  color: #222222;
  font-weight: 500;
}

.total_perbox .total_per>.desc {
  font-size: 16px;
  font-weight: 300;
  color: #222;
}

.total_perbox .total_per_box {
  height: 30px;
  background: #f7f9fc;
  width: 690px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.total_perbox .total_per_box>span {
  background: #49b1d4;
  height: 30px;
  width: 33%;
  display: inline-block;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.total_perbox .total_bottom {
  margin-top: 20px;
}

.total_perbox .total_bottom>ul {
  width: 100%;
}

.total_perbox .total_bottom>ul>li {
  float: left;
  display: flex;
  width: calc((100% - 40px) / 3);
  align-items: center;
  justify-content: space-between;
}

.total_perbox .total_bottom>ul>li+li {
  margin-left: 20px;
}

.total_perbox .total_bottom>ul:after {
  clear: both;
  display: block;
  content: '';
}

.total_perbox .total_bottom>ul>li .txt {
  font-size: 16px;
  color: #555555;
  font-weight: 300;
}

.total_perbox .total_bottom>ul>li .right {
  display: flex;
  align-items: center;
}

.total_perbox .total_bottom>ul>li .right>.txt {
  margin-left: 5px;
}

.total_perbox .total_bottom>ul>li:nth-child(3n + 1) {
  margin-left: 0px;
}

.total_perbox .total_bottom>ul>li:nth-child(n + 4) {
  margin-top: 20px;
}

.notice_list {
  margin-top: 9px;
  font-weight: 300;
}

.notice_list li {
  font-size: 16px;
  color: #555;
  line-height: 24px;
}

.notice_list li+li {
  margin-top: 5px;
}

.tblData .ipArea+.ipArea {
  margin-top: 15px;
}

.img_fileWrap {
  display: flex;
  align-items: center;
}

.img_regi {
  position: relative;
  width: 238px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.img_regi .ph {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #f7f9fc;
  text-align: center;
  overflow: hidden;
}

.img_regi .ph img {
  height: 100%;
  width: 100%;
  visibility: hidden;
}

.img_regi input[type="file"] {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 75px;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
  z-index: 5
}

.img_regi a {
  position: absolute;
  left: 50%;
  top: 75px;
  transform: translateX(-50%);
  width: 68px;
  height: 104px;
  background: url(/images/add_img.png);
  background-repeat: no-repeat;
  background-position: top center;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.img_regi a span {
  display: block;
  bottom: 0;
  position: absolute;
  color: #888888;
  font-size: 14px;
}

.img_fileWrap ul {
  margin-left: 20px;
}

.img_fileWrap ul li {
  font-size: 14px;
  coloR: #888888;
  font-weight: 300;
}

.img_fileWrap ul li+li {
  margin-top: 2px;
}

.img_add_fileWrap>ul>li {
  float: left;
  width: 150px;
  height: 125px;
}

.img_add_fileWrap>ul:after {
  content: '';
  display: block;
  clear: both;
}

.img_add_fileWrap>ul>li .img_regi {
  width: 100%;
  height: 100%;
}

.img_add_fileWrap>ul>li .img_regi a {
  width: 40px;
  height: 57px;
  background-size: 40px;
}

.video_n {
  position: relative;
  padding-right: 30px;
  color: #188eb5;
  font-size: 16px;
  text-decoration: underline;
  margin-left: 10px;
}

.btnBox .btn_flex {
  display: flex;
  justify-content: space-between;
}

.layerArea .lyContents.type02 {
  max-width: 830px;
  width: 830px;
}

.lyContents .ancType03 {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #dddddd
}

.lyContents .ancType03>ul>li {
  padding: 0;
  margin: 0;
  width: 340px;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.lyContents .ancType03>ul>li>.left {
  float: left;
  width: 140px;
}

.lyContents .ancType03>ul>li>.left img {
  width: 100%;
}

.lyContents .ancType03>ul>li>.right {
  float: right;
  margin-left: 15px;
  width: calc(100% - 155px);
}

.lyContents .ancType03>ul>li :after {
  clear: both;
  display: block;
  content: '';
}

.lyContents .ancType03>ul>li>.right .ancMidText {
  margin: 0;
}

.lyContents .ancType03>ul>li+li {
  margin-left: 15px;
}

.lyContents .ancType03>ul>li:nth-child(2n + 1) {
  margin-left: 0px;
}

.lyContents .ancType03>ul>li:nth-child(n + 3) {
  margin-top: 40px;
}

.lyContents .ancType03>ul>li>.right .ancMidText p {
  font-size: 18px;
  color: #555555;
  line-height: 22px;
  padding: 0;
}

.lyContents .ancType03>ul>li>.right .ancBotText>strong {
  font-size: 20px;
  font-weight: 500;
}

.lyContents .ancType03>ul>li>.right .ancBotText>.boxText>span {
  display: inline-block;
}

.layerArea .lyContents table .ipArea {
  margin: 0;
}

.lyContents .layerInput .tblData {
  margin-top: 0;
}

.lyContents .layerInput+.btnArea {
  margin-top: 40px;
}

.lyContents .com_number+.layerInput {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.layer_b_txt {
  margin-top: 60px;
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #f6f9fa;
  font-size: 14px;
  line-height: 20px;
  color: #888888;
}

.lyContents .layer_b_txt+.btnArea {
  margin-top: 40px;
}

.lyContents .tblList thead th {
  height: 58px;
}

.lyContents .tblList tbody td {
  height: 58px;
}

.buyer_inquiry {
  margin-top: 20px;
}

.buyer_inquiry .searchBoxWrap+.tblList {
  margin-top: 60px;
}

.buyer_inquiry .searchBoxWrap+.tabs {
  margin-top: 60px;
}

.buyer_inquiry .tabs+.tblList {
  margin-top: 20px;
}

.intable tr th,
.intable tr td {
  text-align: center;
}

.numberWrap>span {
  display: inline-block;
  text-align: center;
}

.numberWrap>span+span {
  margin-left: 20px;
}

.minus,
.plus {
  border: 1px solid #ddd;
  width: 30px;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
}

.scrollBox {
  height: 100px;
  overflow-y: auto;
}

.original_message .tblDataTitleArea strong {
  display: block;
  text-align: center;
  background: #bfbfbf;
  font-weight: 500;
  padding: 15px;
}

.tblDataArea.input {
  background: #f6f9fa;
  padding: 20px 15px;
  border-bottom: 1px solid #eee;
}

.tblDataArea.input .tblDataTitleArea {
  margin-top: 0px;
}

.filebox {
  position: relative;
  width: 238px;
  height: 200px;
}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.filebox label {
  display: inline-block;
  width: 238px;
  height: 200px;
  vertical-align: middle;
  cursor: pointer;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  background-color: #f5f5f5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.filebox .close-view {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: url(/images/file_del.png) no-repeat;
}

.filebox .file-view-wrap {
  position: absolute;
  top: 0;
  left: 1px;
  display: table;
  width: 238px;
  height: 200px;
  overflow: hidden;
  vertical-align: middle;
  pointer-events: none;
  background: #fff;
  box-sizing: border-box;
}

.filebox .file-view-wrap>.cont {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 0;
}

.filebox .file-view-wrap>.cont img {
  max-width: 238px;
  max-height: 200px;
}

.li_file .filebox {
  float: left;
  position: relative;
  width: 150px;
  height: 125px;
}

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

.li_file .filebox+.filebox {
  margin-left: 13px
}

.li_file .filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.li_file .filebox label {
  display: inline-block;
  width: 150px;
  height: 125px;
  vertical-align: middle;
  cursor: pointer;
}

/* named upload */
.li_file .filebox .upload-name {
  display: inline-block;
  background-color: #f5f5f5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.li_file .filebox .close-view {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: url(/images/file_del.png) no-repeat;
}

.li_file .filebox .file-view-wrap {
  position: absolute;
  top: 0;
  left: 1px;
  display: table;
  width: 150px;
  height: 125px;
  overflow: hidden;
  vertical-align: middle;
  pointer-events: none;
  background: #fff;
  box-sizing: border-box;
}

.li_file .filebox .file-view-wrap>.cont {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 0;
}

.li_file .filebox .file-view-wrap>.cont img {
  max-width: 150px;
  max-height: 125px;
}

.file_noti {
  margin-top: 20px;
}

.file_noti li {
  font-size: 14px;
  color: #888888;
  font-weight: 300;
  padding-left: 13px;
  position: relative;
}

.file_noti li:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #888;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

.certification {
  display: flex;
  align-items: center;
}

.certification .certi_search {
  margin-left: 50px;
  display: inline-block;
  width: 65px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: #555555;
  coloR: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.refresh span.blind {
  width: 24px;
  height: 20px;
  display: inline-block;
  background: url(/images/refresh.png);
  background-size: 24px;
  vertical-align: top;
}

.refreshWrap {
  position: relative;
}

.refreshWrap input {
  position: relative;
}

.refreshWrap .refresh {
  width: 24px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.refresh_btnWrap {
  margin-top: 20px;
  text-align: right;
}

.refresh_btnWrap a.f_btn01 {
  font-size: 14px;
  color: #188eb5;
  padding: 10px 25px;
  background: #e5f4fe;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid #fff;
  transition: all .3s ease;
}

.refresh_btnWrap a.f_btn01:hover {
  border: 1px solid #188eb5;
}

.refresh_btnWrap a.f_btn02 {
  font-size: 14px;
  color: #fff;
  padding: 10px 25px;
  background: #188eb5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all .3s ease;
}

.refresh_btnWrap a.f_btn02:hover {
  background: #11637e;
}

.btnArea .ca:hover {
  border: 1px solid #188eb5;
}

.btnArea .ca.on {
  border: 1px solid #188eb5;
}

.btnArea .ne {
  width: 190px;
  height: 60px;
  margin: 0 0 0 30px;
  background: #188eb5;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  border-radius: 12px;
  transition: all .3s ease;
  box-sizing: border-box;
}

.btnArea .ne:hover {
  background: #11637e;
}

.btnArea .ne.on {
  background: #11637e;
}

.refresh_btnWrap a+a {
  margin-left: 10px;
}

.scroll_div {
  height: 180px;
  overflow-y: auto;
}

.short .lyContents {
  min-width: 900px;
}

.short .tblData {
  margin: 30px 0 0 0;
}

.short .btnBox {
  text-align: center;
}

.short .fileClear {
  margin: 10px 0 0 0;
}

.short .fileClear:after {
  display: block;
  content: "";
  clear: both;
}

.short .fileClear .file_img {
  float: left;
  margin: 0 20px 0 0;
}

/* 메인 */
.mainContVis {
  max-width: 1920px;
  width: 100%;
  min-width: 1500px;
  height: 566px;
  margin: 0 auto;
}

.mainContVis .swiper-container {
  position: relative;
  max-width: 1920px;
  width: 100%;
  min-width: 1500px;
  overflow: hidden;
}

.mainContVis .swiper-wrapper {
  width: 50000px;
}

.mainContVis .swiper-wrapper:after {
  display: block;
  content: "";
  clear: both;
}

.mainContVis .swiper-slide {
  position: relative;
  float: left;
  z-index: 4;
  height: 566px;
  overflow: hidden;
}

.mainContVis .swiper-slide-active {
  z-index: 9;
}

.mainContVis .swiper-slide a {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}

.mainContVis .swiper-slide a img {
  width: auto;
  height: 100%;
}

.mainVisNext {
  display: block;
  position: absolute;
  right: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  margin-right: -750px;
  background: url(/images/img_main_arr_right.png) no-repeat 0 0;
  transform: translate(0, -50%);
}

.mainVisPrev {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  margin-left: -750px;
  background: url(/images/img_main_arr_left.png) no-repeat 0 0;
  transform: translate(0, -50%);
}

.mainVisNext:hover {
  background: url(/images/img_main_arr_right_on.png) no-repeat 0 0;
}

.mainVisPrev:hover {
  background: url(/images/img_main_arr_left_on.png) no-repeat 0 0;
}

.mainSubCont {
  position: relative;
  z-index: 10;
  width: 1500px;
  height: 337px;
  margin: -88px auto 0;
  padding: 50px 0 50px 50px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  border: 1px solid #eaeaea;
}

.mainSubCont:after {
  display: block;
  content: "";
  clear: both;
}

.mainSubCont>strong {
  display: block;
  float: left;
  font-size: 28px;
  color: #222;
  font-weight: bold;
}

.mainSubSlideArea {
  position: relative;
  float: right;
  width: 1190px;
  padding: 0 100px;
  border-left: 1px solid #eaeaea;
}

.mainSubSlideArea>.swiper-container {
  overflow: hidden;
}

.mainSubSlideArea .swiper-wrapper {
  width: 9999px;
}

.mainSubSlideArea .swiper-wrapper:after {
  display: block;
  content: "";
  clear: both;
}

.mainSubSlideArea .swiper-slide {
  float: left;
}

.mainSubSlideArea .swiper-slide>a {
  display: block;
  float: left;
  width: 220px;
  margin-left: 36px;
}

.mainSubSlideArea .swiper-slide>a:hover p {
  text-decoration: underline;
}

.mainSubSlideArea .swiper-slide>a:first-child {
  margin: 0;
}

.mainSubSlideArea .swiper-slide>a>span {
  display: block;
  width: 220px;
  height: 208px;
  overflow: hidden;
  border-radius: 12px;
}

.mainSubSlideArea .swiper-slide>a>span>img {
  width: 220px;
  height: 208px;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  transform: scale(1.0);
  transition: all .3s ease;
}

.mainSubSlideArea .swiper-slide>a:hover>span>img {
  transform: scale(1.2);
}

.mainSubSlideArea .swiper-slide>a>p {
  margin: 10px 0 0 0;
  font-size: 18px;
  color: #222;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mainSubVisNext {
  display: block;
  position: absolute;
  right: 80px;
  top: 85px;
  width: 42px;
  height: 42px;
  background: url(/images/img_sub_arr_right.png) no-repeat 0 0;
}

.mainSubVisPrev {
  display: block;
  position: absolute;
  left: 80px;
  top: 85px;
  width: 42px;
  height: 42px;
  background: url(/images/img_sub_arr_left.png) no-repeat 0 0;
}

.mainSubVisNext:hover {
  background: url(/images/img_sub_arr_right_on.png) no-repeat 0 0;
}

.mainSubVisPrev:hover {
  background: url(/images/img_sub_arr_left_on.png) no-repeat 0 0;
}

.mainBanArea {
  max-width: 1920px;
  width: 100%;
  min-width: 1500px;
  margin: 60px auto 0;
}

.mainBanArea img {
  width: 100%;
}

.popular {
  position: relative;
  width: 1500px;
  margin: 69px auto 0;
}

.popular>strong {
  margin: 0 0 0 0;
  font-size: 28px;
  color: #222;
  font-weight: normal;
}

.popular .swiper-container {
  width: 1532px;
  margin: 5px 0 0 -16px;
  overflow: hidden;
}

.popular .swiper-wrapper {
  width: 19999px;
}

.popular .swiper-wrapper:after {
  display: block;
  content: "";
  clear: both;
}

.popular .swiper-slide {
  float: left;
  margin: 0 4px 0 0;
  padding: 16px 16px 77px 16px;
  border-radius: 24px;
}

.popular .swiper-slide>a {
  display: block;
  width: 220px;
}

.popular .swiper-slide>a img {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #eaeaea;
}

.popular .swiper-slide>a p {
  margin: 12px 0 0 0;
  font-size: 18px;
  color: #222;
  font-weight: normal;
  line-height: 22px;
}

.popular .swiper-slide:hover {
  padding: 16px;
  background: #eff4f9;
}

.popular .swiper-slide:hover .hideArea {
  display: block;
}

.poNext {
  display: block;
  position: absolute;
  right: -32px;
  top: 134px;
  width: 64px;
  height: 64px;
  background: url(/images/img_pop_next.png) no-repeat 0 0;
  cursor: pointer;
}

.poPrev {
  display: block;
  position: absolute;
  left: -32px;
  top: 134px;
  width: 64px;
  height: 64px;
  background: url(/images/img_pop_prev.png) no-repeat 0 0;
  cursor: pointer;
}

.poNext:hover {
  background: url(/images/img_pop_next_on.png) no-repeat 0 0;
  cursor: pointer;
}

.poPrev:hover {
  background: url(/images/img_pop_prev_on.png) no-repeat 0 0;
  cursor: pointer;
}

.hideArea {
  display: none;
  margin: 17px 0 0 0;
}

.hideArea:after {
  display: block;
  content: "";
  clear: both;
}

.hideArea a {
  display: block;
  float: left;
  width: 106px;
  height: 44px;
  font-size: 14px;
  color: #167ea1;
  line-height: 46px;
  border-radius: 12px;
}

.hideArea a+a {
  margin: 0 0 0 8px;
}

.hideMessage {
  padding: 0 0 0 37px;
  background: #fff url(/images/img_pop_icon01.png) no-repeat 13px 50%;
}

.hideMinisite {
  padding: 0 0 0 42px;
  background: #fff url(/images/img_pop_icon02.png) no-repeat 13px 50%;
}

/* 수정 2021-04-29 */
.topCate {
  position: relative;
  z-index: 5;
  width: 1500px;
  margin: 29px auto 0;
}

.topCate>strong {
  font-size: 28px;
  color: #222;
  font-weight: normal;
}

.topCate .ovrX {
  overflow: hidden;
}

.topCate .ovrX>div {
  position: relative;
  width: 9999px;
  height: 110px;
  margin: 28px 0 0 0;
}

.topCate .ovrX>div:after {
  display: block;
  content: "";
  clear: both;
}

.topCate .ovrX>div>a {
  display: block;
  position: relative;
  z-index: 10;
  float: left;
  height: 110px;
  margin: 0 0 0 0;
  padding: 0 0 0 1px;
  font-size: 20px;
  color: #aaa;
  font-weight: 300;
  border: 1px solid #eee;
  border-bottom: 1px solid #888;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  line-height: 20px;
}

.topCate .ovrX>div>a>span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.topCate .ovrX>div>a:first-child {
  margin: 0;
}

.topCate .ovrX>div>a:hover,
.topCate .ovrX>div>a.on {
  z-index: 15;
  font-size: 20px;
  color: #222;
  font-weight: normal;
  border: 1px solid #888;
  border-bottom: 1px solid #fff;
}

.topNext {
  display: block;
  position: absolute;
  right: -32px;
  top: 85px;
  width: 64px;
  height: 64px;
  background: url(/images/img_pop_next.png) no-repeat 0 0;
  cursor: pointer;
}

.topPrev {
  display: block;
  position: absolute;
  left: -32px;
  top: 85px;
  width: 64px;
  height: 64px;
  background: url(/images/img_pop_prev.png) no-repeat 0 0;
  cursor: pointer;
}

.topNext:hover {
  background: url(/images/img_pop_next_on.png) no-repeat 0 0;
  cursor: pointer;
}

.topPrev:hover {
  background: url(/images/img_pop_prev_on.png) no-repeat 0 0;
  cursor: pointer;
}

.topCateDet {
  position: relative;
  z-index: 4;
  width: 1500px;
  height: 612px;
  margin: 0 auto 0;
  background: #fff;
}

.topCateDet>div {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  background: #fff;
}

.topCateDet>div.on {
  z-index: 4;
}

.topCateDet .swiper-container {
  position: relative;
  margin: -1px 0 0 0;
  border: 1px solid #888;
  border-top: 0;
  overflow: hidden;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.topCateDet .swiper-container>ul {
  width: 9999px;
}

.topCateDet .swiper-container>ul:after {
  display: block;
  content: "";
  clear: both;
}

.topCateDet .swiper-container>ul>li {
  float: left;
}

.topCateDet .swiper-container>ul>li>ul {
  padding: 40px 10px 0 30px;
}

.topCateDet .swiper-container>ul>li>ul:after {
  display: block;
  content: "";
  clear: both;
}

.topCateDet .swiper-container>ul>li>ul>li {
  float: left;
  width: 272px;
  margin: 0 0 43px 20px
}

.topCateDet .swiper-container>ul>li>ul>li:first-child,
.topCateDet .swiper-container>ul>li>ul>li:nth-child(6) {
  margin: 0 0 43px 0;
}

.topCateDet .swiper-container>ul>li>ul>li>a {
  display: block;
  font-size: 18px;
  color: #222;
  font-weight: normal;
  line-height: 22px;
}

.topCateDet .swiper-container>ul>li>ul>li>a>span {
  display: block;
  width: 272px;
  height: 206px;
  border-radius: 12px;
  overflow: hidden;
}

.topCateDet .swiper-container>ul>li>ul>li>a>span>img {
  width: 272px;
  height: 206px;
  border: 1px solid #eaeaea;
  transform: scale(1.0);
  transition: all .3s ease;
}

.topCateDet .swiper-container>ul>li>ul>li>a:hover>span>img {
  transform: scale(1.2);
}

.topCateDet .swiper-container>ul>li>ul>li>a>p {
  margin: 11px 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.topCateDet .swiper-container>ul>li>ul>li>a:hover>p {
  text-decoration: underline;
}

.caNext {
  display: block;
  position: absolute;
  right: -32px;
  top: 276px;
  width: 64px;
  height: 64px;
  background: url(/images/img_pop_next.png) no-repeat 0 0;
  cursor: pointer;
}

.caPrev {
  display: block;
  position: absolute;
  left: -32px;
  top: 276px;
  width: 64px;
  height: 64px;
  background: url(/images/img_pop_prev.png) no-repeat 0 0;
  cursor: pointer;
}

.caNext:hover {
  background: url(/images/img_pop_next_on.png) no-repeat 0 0;
  cursor: pointer;
}

.caPrev:hover {
  background: url(/images/img_pop_prev_on.png) no-repeat 0 0;
  cursor: pointer;
}

.cateMore {
  position: absolute;
  right: 0;
  top: 12px;
  font-size: 18px;
  color: #bbb;
  font-weight: normal;
}

.topSeller {
  margin: 60px 0 0 0;
  background: #f1f5f9;
}

.topSeller .topIn {
  width: 1500px;
  margin: 0 auto;
  padding: 50px 0 60px;
}

.topSeller .topIn>strong {
  font-size: 28px;
  color: #222;
  font-weight: normal;
}

.topSellerWrap {
  margin: 25px 0 0 0;
}

.topSellerWrap:after {
  display: block;
  content: "";
  clear: both;
}

.topSellerWrap>div {
  float: left;
  margin: 0 0 0 36px;
}

.topSellerWrap>div:first-child {
  margin: 0;
}

.topSellerWrap>div>a {
  width: 348px;
  display: block;
  border-radius: 12px;
  overflow: hidden;
}

.topSellerWrap>div>a>span {
  width: 348px;
  height: 253px;
  overflow: hidden;
}

.topSellerWrap>div>a>span>img {
  width: 348px;
  height: 253px;
  transform: scale(1.0);
  transition: all .3s ease;
}

.topSellerWrap>div>a:hover>span>img {
  transform: scale(1.2);
}

.selT {
  position: relative;
  width: 348px;
  height: 118px;
  padding: 30px;
  background: #fff;
}

.selT>img {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 53px;
  height: 39px;
}

.selT>p {
  margin: 0 0 0 73px;
  font-size: 20px;
  color: #555;
  font-weight: 500;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.selT>span {
  display: block;
  margin: 12px 0 0 73px;
  font-size: 18px;
  color: #555;
  font-weight: 300;
}

.selT>span>strong {
  margin: 0 0 0 3px;
  color: #167ea1;
  font-weight: normal;
}

.businessCenter {
  width: 1500px;
  margin: 49px auto 0;
  background: #fff;
}

.businessCenter>strong>a {
  font-size: 28px;
  color: #222;
  font-weight: normal;
}

.businessCenterIn:after {
  display: block;
  content: "";
  clear: both;
}

.businessCenterIn {
  margin: 21px 0 0 0;
}

.busiLeft {
  float: left;
  width: 1116px;
  padding: 33px 30px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.busiBan {
  float: right;
  width: 348px;
  border-radius: 12px;
}

.busiLeft .ban1 {
  float: left;
  width: 237px;
}

.busiLeft .ban1 a {
  display: block;
  width: 237px;
  height: 278px;
  overflow: hidden;
}

.busiLeft .ban1 a img {
  width: 237px;
  height: 278px;
}

.busiLeft .ban2 {
  float: left;
  margin: 0 0 0 30px;
}

.busiLeft .ban2 a {
  display: block;
  position: relative;
}

.busiLeft .ban2 a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 404px;
  height: 124px;
}

.busiLeft .ban2 div+div {
  margin: 29px 0 0 0;
}

.busiLeft .ban2 a:hover .busiTrade dd li strong {
  text-decoration: underline;
}

.busiLeft .ban2 a:hover .busiTrade dd li span {
  text-decoration: underline;
}

.busiLeft .busiTrade {
  width: 362px;
  margin: 0 0 0 424px;
}

.busiTrade {}

.busiTrade dl {}

.busiTrade dt {
  display: block;
  font-size: 20px;
  color: #222;
  font-weight: 500;
  line-height: 22px;
}

.busiTrade dd {
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 12px 0 0 0;
  border-top: 1px solid #aaa;
}

.busiTrade dd {
  display: block;
}

.busiTrade dd li {
  width: 100%;
  margin: 4px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.busiTrade dd li:first-child {
  margin: 0;
}

.busiTrade dd li:after {
  display: block;
  content: "";
  clear: both;
}

.busiTrade dd li strong {
  display: block;
  float: left;
  width: 80px;
  font-size: 16px;
  color: #555;
  font-weight: normal;
}

.busiTrade dd li span {
  display: inline-block;
  float: left;
  width: calc(100% - 80px);
  font-size: 16px;
  color: #555;
  font-weight: normal;
}

.busiBan a {
  display: block;
  height: 347px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  overflow: hidden;
}

.busiBan a img {
  width: 348px;
  height: 345px;
}


.mainKFood {
  width: 1500px;
  margin: 49px auto 0;
  background: #fff;
}

.mainKFood>strong>a {
  font-size: 28px;
  color: #222;
  font-weight: normal;
}

.mainKFoodIn {
  position: relative;
  margin: 19px 0 0 0;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.mainKFoodIn>div {
  padding: 35px 30px 35px 250px
}

.mainKFoodIn>strong {
  position: absolute;
  left: 45px;
  top: 30px;
  font-size: 30px;
  color: #222;
  font-weight: bold;
  line-height: 36px;
}

.mainKFoodIn>strong>span {
  display: block;
  font-size: 30px;
  color: #222;
  font-weight: 300;
}

.mainKFoodIn>div li {
  width: 866px;
}

.mainKFoodIn>div li+li {
  margin: 19px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #eaeaea;
}

.mainKFoodIn>div a {
  display: block;
  position: relative;
}

.mainKFoodIn>div a>img {
  position: absolute;
  left: 0;
  top: 0px;
  width: 120px;
  height: 83px;
}

.mainKFoodIn>div a>div {
  padding: 0 0 0 140px;
}

.mainKFoodIn>div a>div>strong {
  display: block;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mainKFoodIn>div a:hover>div>strong {
  ont-weight: 500;
  text-decoration: underline;
  letter-spacing: -0.1px;
  line-height: 16px;
}

.mainKFoodIn>div a>div>p {
  margin: 3px 0 0 0;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 21px;
}

.mainKFoodIn>div a>div>span {
  display: block;
  margin: 7px 0 0 0;
  font-size: 14px;
  color: #555;
  font-weight: 300;
}

.mainKFoodIn>div.mainKFoodBan {
  position: absolute;
  right: 35px;
  top: 35px;
  padding: 0;
}

.mainKFoodIn>div.mainKFoodBan a {
  display: block;
  position: relative;
  width: 323px;
  height: 207px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  overflow: hidden;
}

.mainKFoodIn>div.mainKFoodBan a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
}

.mainKFoodIn>div.mainKFoodBan a>img {
  position: static;
  width: 100%;
}

.mainKFoodIn>div.mainKFoodBan a>span {
  position: absolute;
  left: 27px;
  bottom: 34px;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  line-height: 36px;
}

.mainKFoodIn>div.mainKFoodBan a>span>span {
  display: block;
  font-weight: 300;
}

.cc {
  width: 1500px;
  margin: 49px auto 0;
  background: #fff;
}

.cc>strong>a {
  font-size: 28px;
  color: #222;
  font-weight: normal;
}

.ccIn {
  position: relative;
  margin: 19px 0 0 0;
  padding: 22px 30px 30px 30px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.ccIn:after {
  display: block;
  content: "";
  clear: both;
}

.ccLeft {
  float: left;
  width: 692px;
}

.ccLeft>strong {
  font-size: 22px;
  color: #222;
  font-weight: bold;
}

.ccLeft>div {
  position: relative;
  margin: 11px 0 0 0;
  border-top: 1px solid #ccc;
}

.ccLeft>div ul {}

.ccLeft>div>a {
  position: absolute;
  right: 0;
  top: -36px;
  font-size: 14px;
  color: #555;
  font-weight: 300;
}

.ccLeft>div li {
  position: relative;
  margin: 17px 0 0 0;
  padding: 0 0 0 10px;
}

.ccLeft>div li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: 1px;
  background: #aaa;
}

.ccLeft>div li:after {
  display: block;
  content: "";
  clear: both;
}

.ccLeft>div li span {
  display: block;
  float: left;
  width: 100px;
  font-size: 14px;
  color: #555;
  font-weight: 300;
}

.ccLeft>div li a {
  display: block;
  float: left;
  width: calc(100% - 100px);
  font-size: 16px;
  color: #222;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ccLeft>div li a:hover {
  font-weight: 400;
  text-decoration: underline;
}

.ccRight {
  position: relative;
  float: right;
  width: calc(50% - 18px);
}

.ccQA {
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
  width: calc(50% - 22px);
  height: 163px;
  background: url(/images/img_main_cc_01.png) no-repeat 0 0;
}

.ccQA:hover span {
  text-decoration: underline;
}

.ccQA>span {
  position: absolute;
  right: 17px;
  bottom: 20px;
  font-size: 40px;
  color: #555;
  font-weight: bold;
  line-height: 36px;
}

.ccManu {
  display: block;
  position: relative;
  float: left;
  width: 328px;
  height: 163px;
  margin: 0 0 0 45px;
  background: url(/images/img_main_cc_02.png) no-repeat 0 0;
}

.ccManu:hover>span {
  text-decoration: underline;
}

.ccManu>span {
  position: absolute;
  right: 17px;
  bottom: 20px;
  font-size: 24px;
  color: #555;
  font-weight: 900;
  line-height: 24px;
}

.ccRight>div {
  position: relative;
}

.ccRight>div>strong {
  font-size: 22px;
  color: #222;
  font-weight: bold;
}

.ccRight>div>div {
  width: calc(50% - 22px);
  margin: 11px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #ccc;
}

.ccRight>div>div>ul {}

.ccRight>div>div>ul>li {}

.ccRight>div>div>ul>li+li {
  margin: 22px 0 0 0;
}

.ccRight>div>div>ul>li:after {
  display: block;
  content: "";
  clear: both;
}

.ccRight>div>div>ul>li>strong {
  display: block;
  float: left;
  width: 32%;
  font-size: 16px;
  color: #555;
  font-weight: 500;
  line-height: 26px;
  vertical-align: top;
}

.ccRight>div>div>ul>li>div {
  display: block;
  float: right;
  width: 68%;
  vertical-align: top;
}

.ccRight>div>div>ul>li>div>a {
  display: block;
  position: relative;
  float: left;
  width: 50%;
  margin: 9px 0 0 0;
  padding: 0 0 0 11px;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 26px;
  vertical-align: top;
}

.ccRight>div>div>ul>li>div>a:first-child {
  margin: 0;
}

.ccRight>div>div>ul>li>div>a:nth-child(2) {
  margin: 0;
}

.ccRight>div>div>ul>li>div>a:hover {
  color: #222;
  text-decoration: underline;
}

.ccRight>div>div>ul>li>div>a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 2px;
  height: 2px;
  background: #888;
}

.devLy {
  display: none;
  position: absolute;
  top: 64px;
  z-index: 100;
  width: 200px;
  padding: 10px 0 20px;
  background: #fff;
  text-align: center;
  border: 1px solid #dde2e5;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.devLy.on {
  display: block;
}

.devLy>ul {}

.devLy>ul>li {}

.devLy>ul>li>a {
  font-size: 18px;
  color: #222;
  font-weight: 300;
  line-height: 54px;
}

.devLy>ul>li>a:hover {
  font-weight: normal;
  text-decoration: underline;
}

.dev1Ly {
  left: 300px;
}

.dev2Ly {
  left: 500px;
}

.dev3Ly {
  left: 700px;
}

.dev4Ly {
  left: 900px;
}

.dev5Ly {
  left: 1100px;
}

/* 2021-04-07 add */
.subscriptionArea {
  margin: 19px 0 0 0;
  text-align: right;
}

.subscriptionArea>a {
  display: inline-block;
  width: 155px;
  height: 46px;
  background: #e8f5f9;
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  text-align: center;
  line-height: 44px;
  border-radius: 12px;
  border: 1px solid #fff;
  transition: all .3s ease;
}

.subscriptionArea>a:hover {
  border: 1px solid #188eb5;
}

.subscriptionArea>a.on {
  border: 1px solid #188eb5;
}

/* cs */
.csArco {}

.csArco ul {
  margin: 20px 0 0 0;
}

.csArco li {
  border-bottom: 1px solid #e5e5e5;
}

.csArco li:first-child {
  border-top: 1px solid #e5e5e5;
}

.csArco a {
  display: block;
  position: relative;
}

.csArco a:hover {
  background: #fafbfc;
}

.csArco .detail {
  position: relative;
  margin: 20px 0 0 0;
  background: #fafbfc;
}

.csArco a>p {
  padding: 25px 140px 24px 30px;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 26px;
}

.csArco a>span {
  position: absolute;
  right: 30px;
  top: 50%;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  line-height: 26px;
  transform: translate(0, -50%);
}

.csArco .detail>p {
  padding: 25px 140px 24px 30px;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 26px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.csArco .detail>span {
  position: absolute;
  right: 30px;
  top: 50%;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  line-height: 26px;
  transform: translate(0, -50%);
}

.csArcoCon {
  padding: 25px 30px 23px 30px;
}

.csArco .fileUpArea .adFileList a {
  display: inline-block;
}

.csArco .tblData {
  margin: 0;
}

.csArco .tblData table {
  margin: 0;
}

.prevNextArea {
  margin: 80px 0 0 0;
}

.prevNextArea>div {
  padding: 25px 30px 24px 30px;
  border-bottom: 1px solid #eee;
}

.prevNextArea>div:first-child {
  border-top: 1px solid #eee;
}

.prevNextArea>div:after {
  display: block;
  content: "";
  clear: both;
}

.prevNextArea strong {
  display: block;
  float: left;
  padding: 0 60px 0 0;
  font-size: 16px;
  color: #aaa;
  font-weight: normal;
  line-height: 26px;
}

.prevNextArea .arcoPrev strong {
  background: url(/images/img_prevnext_down.png) no-repeat right 30px center;
}

.prevNextArea .arcoPrev:hover strong {
  background: url(/images/img_prevnext_down_on.png) no-repeat right 30px center;
  color: #222;
  font-weight: normal;
}

.prevNextArea .arcoNext strong {
  background: url(/images/img_prevnext_up.png) no-repeat right 30px center;
}

.prevNextArea .arcoNext:hover strong {
  background: url(/images/img_prevnext_up_on.png) no-repeat right 30px center;
  color: #222;
  font-weight: normal;
}

.prevNextArea a {
  display: block;
  float: left;
  width: 950px;
  font-size: 16px;
  color: #aaa;
  font-weight: normal;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prevNextArea .arcoPrev:hover a {
  color: #222;
  font-weight: normal;
}

.prevNextArea .arcoNext:hover a {
  color: #222;
  font-weight: normal;
}

.arRight {
  text-align: right;
}

.csArco+.btnBox {
  margin: 40px 0 0 0;
}

.csArco.act {}

.csArco.act li>a {
  background: #fff url(/images/img_prevnext_down.png) no-repeat right 30px center;
}

.csArco.act li>a:hover {
  background: #fff url(/images/img_prevnext_down_on.png) no-repeat right 30px center;
}

.csArco.act li>a.on:hover {
  background: #fff url(/images/img_prevnext_up_on.png) no-repeat right 30px center;
}

.csArco.act li>a>p {
  font-size: 16px;
  color: #555;
  font-weight: 400;
  line-height: 26px;
}

.csArco.act li>a>p>strong {
  font-weight: 500;
}

.csArco.act li>a:hover>p {
  color: #222;
}

.csArco.act li>a:hover>p>strong {
  font-weight: bold;
  color: #222;
}

.csArco.act li>div {
  display: none;
  padding: 25px 30px 24px 30px;
  background: #fafbfc;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 22px;
  border-top: 1px solid #e5e5e5;
}

.csArco.act li.on>a {
  background: #fff url(/images/img_prevnext_up_on.png) no-repeat right 30px center;
}

.csArco.act li.on>a>p {
  color: #222;
}

.csArco.act li.on>a>p>strong {
  font-weight: bold;
  color: #222;
}

.myphoto_top.noBdr {
  border: 0;
  padding: 0;
}

/* detail */
.zzimed+.ancIconArea {
  margin: 13px 0 0 0;
  padding: 15px 0 0 0;
  line-height: 1.2;
  border-top: 1px solid #eee;
}

.zzimed+.ancIconArea+.ancTypeTagArea {
  margin: 0 0 0 0;
  padding: 0;
  border: 0;
}

.detailTitle {
  display: block;
  margin: 26px 0 0 0;
  font-size: 40px;
  color: #222;
  font-weight: bold;
}

.h2AddSub {
  font-size: 20px;
  color: #555;
  font-weight: 300;
  line-height: 20px;
}

.h2AddSub+.popular {
  margin: 54px 0 0 0;
}

.tblData+.listtopInfo {
  margin: 60px 0 0 0;
}

.listtopInfo select {
  height: 36px;
}

.listtopInfo+.ancType03 {
  margin: 18px 0 0 0;
}

.selectItems td a {
  display: inline-block;
  margin: 5px 17px 0 0;
  padding: 7px 17px 6px 16px;
  background: #fff;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 26px;
  border-radius: 30px;
}

.selectItems td a:hover,
.selectItems td a.on {
  background: #e5f4fe;
  color: #188eb5;
  font-weight: normal;
}

.tblTagArea {
  position: relative;
  padding: 20px 150px 20px 20px;
  background: #fafcfc;
  border-bottom: 1px solid #f2f4f4;
}

.tblTagArea>span {
  display: inline-block;
  position: relative;
  margin: 0 0 0 17px;
  padding: 8px 63px 8px 19px;
  background: #49b1d4;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  line-height: 26px;
  border-radius: 12px;
}

.tblTagArea>span:first-child {
  margin: 0;
}

.tblTagArea>span>.delItem {
  position: absolute;
  right: 20px;
  top: 14px;
  width: 14px;
  height: 13px;
  padding: 0;
  background: url(/images/img_del_item.png) no-repeat 0 0;
}

.tblTagArea .itemInit {
  position: absolute;
  right: 30px;
  top: 28px;
  padding: 0 0 0 27px;
  background: transparent url(/images/img_item_init.png) no-repeat 0 5px;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 26px;
  border-radius: 0;
}

.tblTagArea .itemInit:hover {
  padding: 0 0 0 27px;
  background: transparent url(/images/img_item_init.png) no-repeat 0 5px;
  border-radius: 0;
  color: #555;
}

.hasUpDown {
  display: inline-block;
  height: 30px;
  padding: 0 50px 0 0;
  background: url(/images/img_has_up.png) no-repeat right center;
}

.hasUpDown.on {
  background: url(/images/img_has_down.png) no-repeat right center;
}

.ovr380 {
  height: 380px;
  overflow-y: auto;
}

.cateBanArea {
  position: absolute;
  right: 0;
  top: 0;
  width: 468px;
  height: 119px;
  overflow: hidden;
  border-radius: 12px;
}

.cateBanArea>ul {
  width: 9999px;
}

.cateBanArea>ul:after {
  display: block;
  content: "";
  clear: both;
}

.cateBanArea>ul>li {
  float: left;
  width: 468px;
}

.cateBanArea>ul>li>a {
  display: block;
  width: 468px;
}

.cateBanArea>ul>li>a img {
  width: 468px;
  height: 119px;
}

.cateBanArea .swiper-pagination {
  position: absolute;
  right: 20px;
  top: 20px;
}

.cateBanArea .swiper-pagination:after {
  display: block;
  content: "";
  clear: both;
}

.cateBanArea .swiper-pagination-bullet {
  display: block;
  float: left;
  width: 8px;
  height: 8px;
  margin: 0 0 0 8px;
  background: #fff;
  border-radius: 4px;
  transition: width .3s ease;
}

.cateBanArea .swiper-pagination-bullet:first-child {
  margin: 0;
}

.cateBanArea .swiper-pagination-bullet-active {
  width: 30px;
}

.ancType03 ul.typeList {}

.ancType03 ul.typeList>li {
  float: none;
  width: 100%;
  margin: 0 0 30px 0;
}

.ancType03 ul.typeList>li:after {
  display: block;
  content: "";
  clear: both;
}

.ancType03 ul.typeList>li>div>.ancMidText.ancBotText {
  width: 730px;
  height: 195px;
  margin: 0 0 0 32px;
  padding: 0 128px 0 0;
}

.ancType03 ul.typeList>li>div>div {
  position: relative;
  float: left;
}

.ancType03 ul.typeList>li>div>div:last-child {
  float: right;
}

.ancType03 ul.typeList>li>div>.ancMidText.ancBotText+.ancMidText.ancBotText {
  width: 350px;
  padding: 0 0 0 30px;
  margin: 0;
  border-left: 1px solid #ddd;
}

.ancType03 ul.typeList>li>div>.ancMidText.ancBotText+.ancMidText.ancBotText .zzimed+.ancIconArea {
  margin: 68px 0 0 0;
  padding: 0;
  border: 0;
}

.ancType03 ul.typeList>li>div>.ancMidText.ancBotText+.ancMidText.ancBotText .itemLinkArea {
  position: absolute;
  left: 30px;
  top: 10px;
}

.ancType03 ul.typeList>li>div>.ancMidText.ancBotText+.ancMidText.ancBotText .zzimed {
  position: absolute;
  right: 0;
  top: 10px;
  margin: 0;
}

.ancType03 ul.typeList>li>div>div>ul {
  width: 9999px;
}

.ancType03 ul.typeList>li>div>div>ul:after {
  display: block;
  content: "";
  clear: both;
}

.ancType03 ul.typeList>li>div>div>ul>li {
  float: left;
  width: 285px;
  height: 195px;
}

.ancType03 ul.typeList>li>div>.ancMidText.ancBotText>p {
  max-height: 44px;
  height: auto;
  padding: 0;
}

.anc031>.swiper-container {
  width: 287px;
  height: 197px;
  overflow: hidden;
}

.ancMidTextBtnArea {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: calc(100% - 30px);
}

.ancMidTextBtnArea:after {
  display: block;
  content: "";
  clear: both;
}

.ancMidTextBtnArea .goInqu {
  display: inline-block;
  float: left;
  width: calc(50% - 10px);
  padding: 0 0 0 66px;
  background: url(/images/img_goinqu.png) no-repeat 38px 12px;
  font-size: 14px;
  color: #167ea1;
  font-weight: normal;
  line-height: 44px;
  border: 1px solid #aad8e9;
  border-radius: 12px;
}

.ancMidTextBtnArea .goMini {
  display: inline-block;
  float: right;
  width: calc(50% - 10px);
  padding: 0 0 0 66px;
  background: url(/images/img_gomini.png) no-repeat 38px 12px;
  font-size: 14px;
  color: #167ea1;
  font-weight: normal;
  line-height: 44px;
  border: 1px solid #aad8e9;
  border-radius: 12px;
}

.addTo {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 330px;
  height: 50px;
  background: #e5f4fe;
  font-size: 16px;
  font-weight: normal;
  color: #167ea1;
  line-height: 50px;
  border-radius: 25px;
  text-align: center;
  border: 1px solid #fff;
  transition: all .3s ease;
}

.addTo:hover {
  border: 1px solid #188eb5;
}

.addTo.on {
  border: 1px solid #188eb5;
}

.tblData.inquiry {
  margin: 20px 0 0 0;
}

.tblDataTitleArea span.goMinisite {
  font-size: 18px;
  color: #222;
  font-weight: 300;
  line-height: 26px;
}

.goMinisite>a {
  display: inline-block;
  height: 44px;
  margin: 0 0 0 5px;
  padding: 0 16px 0 41px;
  background: url(/images/img_bg_gomini.png) no-repeat 15px 10px;
  font-size: 14px;
  color: #167ea1;
  line-height: 44px;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #eee;
  border-radius: 12px;
}

.tblDataTitleArea span.like222 {
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 24px;
}

td.hasImg {
  text-align: center;
}

td.hasImg img {
  width: 185px;
  height: 170px;
}

.phrase03 .subTextArea {
  margin: 20px 0;
}

.phrase03 .subTextArea .tit {
  font-size: 16px;
  color: #555;
  font-weight: 500;
}

.phrase03 .subTextArea ul li {
  font-size: 16px;
  color: #222;
  font-weight: 300;
}

.btnIp+.adFileList {
  margin: 0 0 0 15px;
}

.fileUpArea .adFileList a+a.adFileDel {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin: 0 5px 0 5px;
  background: url(/images/photo_del.png);
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: center;
}

.tblData.inquiry .hasTextArea td {
  padding: 20px 0;
}

.tblData.inquiry+.tblDataTitleArea {
  margin: 53px 0 0 0;
}

.btnArea.inquiry {
  margin: 40px 0 0 0;
  text-align: center;
}


/* minihomepage */
.miniTop {
  height: 107px;
  background: #f7f9fc;
  border-bottom: 1px solid #eee;
}

.miniTopIn {
  position: relative;
  width: 1500px;
  margin: 0 auto;
}

.miniTopIn>span {
  display: block;
  position: absolute;
  left: 50px;
  top: 17px;
  width: 140px;
  height: 73px;
  background: #fff;
  text-align: center;
  border-radius: 12px;
  box-sizing: border-box;
}

.miniTopIn>span>img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 140px;
  max-height: 73px;
  transform: translate(-50%, -50%);
}

.miniTopInText {
  padding: 25px 0 0 230px;
  font-size: 24px;
  color: #222;
  font-weight: 500;
  line-height: 24px;
}

.miniTopInText .ancIconArea {
  margin: 14px 0 0 -1px;
}

.miniTopInText>strong>.zzim {
  display: inline-block;
  width: 22px;
  height: 20px;
  margin: 0 0 0 5px;
  background: url(/images/img_zzimed.png) no-repeat 0 0;
  vertical-align: middle;
}

.miniTopInText>strong>.zzim.on {
  background: url(/images/img_zzim.png) no-repeat 0 0;
}

.miniShare {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.miniShare span {
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 30px;
  vertical-align: middle;
}

.miniShare a {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 0 0 4px;
  vertical-align: middle;
}

.miniShare span+a {
  margin: 0 0 0 12px;
}

.miniShare .f {
  background: url(/images/img_s_f.png) no-repeat 0 0;
}

.miniShare .i {
  background: url(/images/img_s_i.png) no-repeat 0 0;
}

.miniShare .t {
  background: url(/images/img_s_t.png) no-repeat 0 0;
}

.miniShare .r {
  background: url(/images/img_s_r.png) no-repeat 0 0;
}

.miniShare .l {
  background: url(/images/img_s_l.png) no-repeat 0 0;
}

.miniShare .tum {
  background: url(/images/img_s_tum.png) no-repeat 0 0;
}

.anchorList.tab {
  padding: 0;
}

.anchorList.tab li a {
  border-top: 0;
}

.anchorContents01 {
  height: 460px;
}

.anchorContents01>div {
  position: relative;
  max-width: 1920px;
  width: 100%;
  min-width: 1500px;
  overflow: hidden;
}

.anchorContents01 ul {
  width: 99999px;
  text-align: center;
}

.anchorContents01 ul:after {
  display: block;
  content: "";
  clear: both;
}

.anchorContents01 ul li {
  float: left;
  height: 460px;
}

.anchorContents01 ul li img {
  max-height: 420px;
  max-width: 100%;
}

.anchorContentNext {}

.anchorContentPrev {}

.anchorContentNext {
  display: block;
  position: absolute;
  right: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  margin-right: -750px;
  background: url(/images/img_main_arr_right.png) no-repeat 0 0;
  transform: translate(0, -50%);
}

.anchorContentPrev {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  margin-left: -750px;
  background: url(/images/img_main_arr_left.png) no-repeat 0 0;
  transform: translate(0, -50%);
}

.anchorContentNext:hover {
  background: url(/images/img_main_arr_right_on.png) no-repeat 0 0;
}

.anchorContentPrev:hover {
  background: url(/images/img_main_arr_left_on.png) no-repeat 0 0;
}

.anchorPageArea {
  position: absolute;
  right: 50%;
  margin-right: -750px;
  bottom: 30px;
}

.anchorContents01 .swiper-pagination {
  display: inline-block;
  padding: 0 0 0 10px;
  color: #555;
  font-size: 14px;
  font-weight: normal;
}

.anchorContents01 .swiper-pagination:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  border-radius: 12px;
}

.anchorContents01 .swiper-pagination .swiper-pagination-current {
  position: relative;
  z-index: 10;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  vertical-align: middle;
}

.anchorContents01 .swiper-pagination .swiper-pagination-total {
  position: relative;
  z-index: 10;
  font-size: 14px;
  color: #555;
  font-weight: normal;
  vertical-align: middle;
}

.anchorPageArea .swiper-button-play {
  display: none;
  position: relative;
  z-index: 10;
  width: 9px;
  height: 8px;
  margin: 0 0 0 5px;
  padding: 0 15px 0 0;
  background: url(/images/img_btn_auto.png) no-repeat 0 0;
  vertical-align: 1px;
  cursor: pointer;
}

.anchorPageArea .swiper-button-pause {
  display: none;
  position: relative;
  z-index: 10;
  width: 6px;
  height: 8px;
  margin: 0 0 0 5px;
  padding: 0 15px 0 0;
  background: url(/images/img_btn_stop.png) no-repeat 0 0;
  vertical-align: middle;
  cursor: pointer;
}

.anchorPageArea .swiper-button-play.on {
  display: inline-block;
}

.anchorPageArea .swiper-button-pause.on {
  display: inline-block;
}

.popular.bestPopular .swiper-slide {
  padding: 16px
}

.companyInformation {
  margin: 30px 0 0 0;
}

.companyInformation>strong {
  margin: 0 0 0 0;
  font-size: 28px;
  color: #222;
  font-weight: normal;
}

.cIBox {
  margin: 21px 0 0 0;
  padding: 30px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.cIBox:after {
  display: block;
  content: "";
  clear: both;
}

.cIImage {
  float: left;
  width: 570px;
  height: 425px;
  margin: 0 0 30px 0;
}

.cIImage img {
  width: 570px;
  height: 425px;
}

.cIText {
  position: relative;
  float: right;
  width: 830px;
  height: 425px;
  margin: 0 0 30px 0;
}

.cIText>.cITextOv {
  height: 330px;
  overflow-y: auto;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 22px;
  word-break: keep-all;
}

.ciImgArea {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 66px;
}

.ciImgArea:after {
  display: block;
  content: "";
  clear: both;
}

.ciImgArea>a {
  display: block;
  float: left;
  width: 76px;
  height: 66px;
  box-sizing: border-box;
  border: 1px solid #f1f5f7;
}

.ciImgArea>a+a {
  margin: 0 0 0 5px;
}

.ciImgArea>a img {
  width: 100%;
  height: 100%;
}

.cIList {
  clear: both;
  padding: 26px 0 0 0;
  border-top: 1px solid #eaeaea;
}

.cIList li {
  position: relative;
  padding: 0 0 0 13px;
  font-size: 18px;
  color: #222;
  font-weight: normal;
  line-height: 22px;
}

.cIList li+li {
  margin: 9px 0 0 0;
}

.cIList li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #222;
}

.sendMessageWrap {
  margin: 55px 0 0 0;
}

.sendMessageWrap>strong {
  font-size: 20px;
  color: #555;
  font-weight: normal;
  line-height: 26px;
}

.qAndAArea {
  margin: 27px 0 0 0;
  padding: 24px 0 20px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.qArea {}

.qArea:after {
  display: block;
  content: "";
  clear: both;
}

.qArea>strong {
  display: block;
  float: left;
  width: 120px;
  padding: 0 20px 0 0;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 26px;
  text-align: right;
  box-sizing: border-box;
}

.qArea>span {
  display: block;
  float: left;
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 26px;
}

.aArea {
  margin: 10px 0 0 0;
}

.aArea:after {
  display: block;
  content: "";
  clear: both;
}

.aArea>strong {
  display: block;
  float: left;
  width: 120px;
  padding: 0 20px 0 0;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 26px;
  text-align: right;
  box-sizing: border-box;
}

.aArea>.msgArea {
  position: relative;
  float: left;
  width: calc(100% - 120px);
}

.aArea>.msgArea .msgTArea {
  position: relative;
  width: 1130px;
  height: 192px;
  padding: 20px 30px 20px 20px;
  background: #f7f9fc;
  border: 0;
  border-radius: 12px;
}

.aArea>.msgArea textarea {
  width: 100%;
  height: 110px;
  background: #f7f9fc;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 24px;
  border: 0;
}

.aArea>.msgArea .msgTArea .byte {
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  line-height: 26px;
}

.aArea>.msgArea .btnArea {
  position: absolute;
  right: 30px;
  top: 132px;
}

.aArea>.msgArea .btnAgreeArea {
  margin: 23px 0 0 0;
  text-align: left;
}

/* list-type add 04.20*/
.list-type-02 tr td {
  text-align: center;
  height: 60px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eee;
}

.list-type-02 tr td:nth-child(2) {
  text-align: left;
  padding: 0 30px;
}

.list-type-02 tr:first-child td {
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}

.img_txtWrap {
  display: flex;
  align-items: center;
}

.img_txtWrap .img {
  height: 38px;
}

.img_txtWrap .img img {
  height: 100%;
}

.img_txtWrap .img+.tit {
  margin-left: 20px;
}

.img_txtWrap .tit {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.list-type-02 .call {
  display: inline-block;
  position: relative;
  padding-left: 24px;
}

.list-type-02 .call:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 12px;
  background: url(/images/call.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 6px;
}

.prd_list ul li {
  float: left;
  width: calc((100% - 60px) / 4);
  display: flex;
  align-items: flex-start;
}

.prd_list ul li+li {
  margin-left: 20px;
}

.prd_list ul li:nth-child(4n + 1) {
  margin-left: 0px;
}

.prd_list ul li:nth-child(n + 5) {
  margin-top: 30px;
}

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

.prd_list ul li .borderBox {
  padding: 20px;
  border: 1px solid #dddddd;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.prd_list ul li .borderBox .img {
  width: 100%;
}

.prd_list ul li .borderBox .img img {
  width: 100%;
}

.prd_list ul li .borderBox .ancMidText>p {
  padding: 0;
}

.prd_list ul li .borderBox .ancBotText>strong {
  font-size: 20px;
}

.prd_list ul li .borderBox .like {
  margin-top: 10px;
}

.prd_list ul li .borderBox .like span {
  display: inline-block;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  position: relative;
}

.prd_list ul li .borderBox .like span:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url(/images/like.png);
  background-repeat: no-repeat;
  position: absolute;
  lefT: 0;
  top: 0px;
}

.loginInputWrap+.ipArea {
  position: relative;
}

.loginInputWrap+.ipArea .forgot {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  text-decoration: underline;
  text-align: right;
}

.otherLog {
  margin: 20px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #eee;
}

.otherLogF {
  display: block;
  float: left;
  width: 50%;
  height: 46px;
  padding: 0 0 0 65px;
  background: url(/images/img_log_f.png) no-repeat 0 center;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 46px;
}

.otherLogG {
  display: block;
  position: relative;
  float: left;
  width: calc(50% - 50px);
  height: 46px;
  margin: 0 0 0 50px;
  padding: 0 0 0 65px;
  background: url(/images/img_log_g.png) no-repeat 0 center;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 46px;
}

.otherLogG:after {
  display: block;
  content: "";
  position: absolute;
  left: -50px;
  top: 11px;
  width: 1px;
  height: 24px;
  background: #ccc;
}

.editPass {
  margin: 34px 0 0 0;
}

.editPass>strong {
  font-size: 26px;
  color: #222;
  font-weight: bold;
  line-height: 30px;
}

.editPassYak {
  margin: 23px 0 0 0;
  padding: 27px 5px 25px 30px;
  background: #f9fbfd;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 20px;
  border-radius: 12px;
}

.editPass>.btnArea {
  margin: 40px 0 0 0;
  text-align: center;
}

.clff0e0e {
  color: #ff0e0e;
}

.lyInfoBox {
  margin: 22px 0 0 0;
  padding: 7px 0 4px;
  background: #f9fbfd;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  line-height: 36px;
  text-align: center;
  border-radius: 12px;
}

.m_content .ancType03 li {
  width: 348px;
  margin: 0 0 30px 0;
  text-align: center;
}

.m_content .ancType03>ul>li:nth-child(3n) {
  margin-right: 0 !important;
}

.m_content .ancType03>ul>li:nth-child(4n) {
  margin: 0 35px 0 0;
}

.m_content .ancType03 ul.typeList>li>div>.ancMidText.ancBotText {
  width: 300px;
  padding: 0;
}

.ipArea .icon001 {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url(/images/img_s_f_big.png) no-repeat 0 0;
  background-size: 45px 45px;
  vertical-align: middle;
}

.ipArea .icon001+input {
  margin: 0 0 0 14px;
  vertical-align: middle;
}

.ipArea .icon001:after {}

.ipArea .icon002 {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url(/images/img_s_i_big.png) no-repeat 0 0;
  background-size: 45px 45px;
  vertical-align: middle;
}

.ipArea .icon002+input {
  margin: 0 0 0 14px;
  vertical-align: middle;
}

.ipArea .icon002:after {}

.ipArea .icon003 {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url(/images/img_s_t_big.png) no-repeat 0 0;
  background-size: 45px 45px;
  vertical-align: middle;
}

.ipArea .icon003+input {
  margin: 0 0 0 14px;
  vertical-align: middle;
}

.ipArea .icon003:after {}

.ipArea .icon004 {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url(/images/img_s_r_big.png) no-repeat 0 0;
  background-size: 45px 45px;
  vertical-align: middle;
}

.ipArea .icon004+input {
  margin: 0 0 0 14px;
  vertical-align: middle;
}

.ipArea .icon004:after {}

.ipArea .icon005 {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url(/images/img_s_l_big.png) no-repeat 0 0;
  background-size: 45px 45px;
  vertical-align: middle;
}

.ipArea .icon005+input {
  margin: 0 0 0 14px;
  vertical-align: middle;
}

.ipArea .icon005:after {}

.ipArea .icon006 {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url(/images/img_s_tum_big.png) no-repeat 0 0;
  background-size: 45px 45px;
  vertical-align: middle;
}

.ipArea .icon006+input {
  margin: 0 0 0 14px;
  vertical-align: middle;
}

.ipArea .icon006:after {}

.ipArea.selArea {}

.ipArea.selArea:after {
  display: block;
  content: "";
  clear: both;
}

.ipArea.selArea select {
  width: 360px;
}

.ipArea.selArea select+select {
  margin: 0 0 0 13px;
}

.ipArea.selArea .plus {
  display: inline-block;
  width: 54px;
  height: 46px;
  margin: 0 0 0 17px;
  border: 0;
  background: #e5f4fe url(/images/img_sel_p.png) no-repeat center center;
  border-radius: 12px;
  vertical-align: middle;
}

.keywordArea {
  float: left;
  overflow-y: auto;
  width: 740px;
  height: 250px;
  padding: 20px;
  background: #f9fbfd;
  border-radius: 12px;
}

.keywordArea ul li+li {
  margin: 10px 0 0 0;
}

.ipArea.selArea input[type=checkbox] {
  display: none;
}

.ipArea.selArea input[type=checkbox]+label {
  display: inline-block;
  height: 20px;
  padding: 0 0 0 35px;
  background: url(/images/img_check.png) no-repeat 0 0;
  background-size: 20px;
  font-size: 14px;
  color: #555;
  line-height: 20px;
  font-weight: 300;
}

.ipArea.selArea input[type=checkbox]:checked+label {
  background: url(/images/img_check_on.png) no-repeat 0 0;
  background-size: 20px;
  color: #222;
  font-weight: normal;
}

.ipArea.selArea .minus {
  float: left;
  margin: 0 0 0 20px;
  display: inline-block;
  position: absolute;
  width: 54px;
  height: 46px;
  margin: 0 0 0 17px;
  border: 0;
  background: #e5f4fe url(/images/img_sel_m.png) no-repeat center center;
  border-radius: 12px;
  vertical-align: middle;
}

.ipArea .txr {
  width: 100%;
  height: 250px;
  padding: 20px;
  overflow-y: auto;
}

.fileUpArea+.fileUpArea {
  margin: 10px 0 0 0;
}

.adFileList .noFile {
  font-size: 16px;
  color: #555;
  font-weight: 400;
}

.m_page.noLoc {
  margin: 60px auto 0;
}

.sectWrap {
  margin: 30px 0 0 0;
}

.sectWrap .tit {
  font-size: 24px;
  font-weight: 400;
  color: #222;
  display: flex;
  justify-content: space-between;
}

.miniHomeMainSlideWrap {
  margin: 23px 0 0 0;
  overflow: hidden;
}

.miniHomeMainSlideWrap ul {
  width: 9999px;
}

.miniHomeMainSlideWrap ul:after {
  display: block;
  content: "";
  clear: both;
}

.miniHomeMainSlideWrap ul li {
  float: left;
  width: 356px;
}

.miniHomeMainSlideWrap ul li a {
  display: block;
}

.miniHomeMainSlideWrap ul li a img {
  width: 356px;
  height: 316px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.miniHomeMainSlideWrap .caNext {
  top: 185px;
}

.miniHomeMainSlideWrap .caPrev {
  top: 185px;
}

.miniSmImages {
  margin: 20px 0 0 0;
  text-align: right;
}

.miniSmImages a {
  display: inline-block;
}

.miniSmImages a+a {
  margin: 0 0 0 3px;
}

.miniSmImages a img {
  width: 74px;
  height: 64px;
  border: 1px solid #eaeaea;
}

.miniTextArea {
  padding: 30px 0 27px 0;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 22px;
  border-bottom: 1px solid #ccc;
}

.miniListArea {
  margin: 26px 0 0 0;
}

.miniListArea ul {}

.miniListArea li {
  position: relative;
  padding: 0 0 0 12px;
  font-size: 18px;
  color: #222;
  font-weight: normal;
  line-height: 22px;
}

.miniListArea li+li {
  margin: 10px 0 0 0;
}

.miniListArea li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #222;
}

.miniHomeMainSlideWrap2 {
  position: relative;
  margin: 23px 0 0 0;
  padding: 50px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  overflow: hidden;
}

.miniHomeMainSlideWrap2>div {
  overflow: hidden;
}

.miniHomeMainSlideWrap2 ul {
  width: 9999px;
}

.miniHomeMainSlideWrap2 ul:after {
  display: block;
  content: "";
  clear: both;
}

.miniHomeMainSlideWrap2 ul li {
  float: left;
  width: 218px;
}

.miniHomeMainSlideWrap2 ul li a {
  display: block;
}

.miniHomeMainSlideWrap2 ul li a>.miniImgWrap {
  display: block;
  width: 218px;
  height: 204px;
  overflow: hidden;
}

.miniHomeMainSlideWrap2 ul li a img {
  width: 218px;
  height: 204px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  box-sizing: border-box;
  transform: scale(1.0);
  transition: all .3s ease;
}

.miniHomeMainSlideWrap2 ul li a>.miniText {
  display: block;
  margin: 12px 0 0 0;
  font-size: 18px;
  color: #222;
  font-weight: 400;
  line-height: 20px;
}

.miniHomeMainSlideWrap2 ul li a:hover img {
  transform: scale(1.2);
}

.miniHomeMainSlideWrap2 ul li a:hover>.miniText {
  text-decoration: underline;
}

.miniHomeMainSlideWrap2 .mainSubVisNext {
  right: 29px;
  top: 135px;
}

.miniHomeMainSlideWrap2 .mainSubVisPrev {
  left: 29px;
  top: 135px;
}

.imgListArea {}

.imgListArea a {
  display: inline-block;
  width: 220px;
  height: 206px;
  margin: 0 28px 0 0;
  vertical-align: top;
  overflow: hidden;
}

.imgListArea a img {
  width: 220px;
  height: 206px;
  border-radius: 12px;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
}

.imgListArea a.noIm {
  background: #eaf1f7;
  border-radius: 12px;
  border: 1px solid #eaf1f7;
}

.tblData td.noPad {
  padding: 0;
}

.noPadList li {
  height: 60px;
}

.noPadList li+li {
  border-top: 1px solid #eee;
}

.noPadList li:after {
  display: block;
  content: "";
  clear: both;
}

.noPadList li strong {
  display: block;
  float: left;
  width: 205px;
  padding: 0 0 0 20px;
  font-size: 16px;
  color: #555;
  font-weight: 400;
  line-height: 60px;
  box-sizing: border-box;
}

.noPadList li .barG {
  float: left;
  width: 500px;
  margin: 0 0 0 20px;
  line-height: 60px;
  vertical-align: middle;
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
}

.noPadList li .barG>span {
  display: inline-block;
  height: 20px;
  margin: 20px 20px 20px 0;
  background: #188eb5;
  border-radius: 10px;
  vertical-align: middle;
}

.tblDataArea .anchorList.tab {
  margin: 20px 0 0 0;
  border-top: 1px solid #eee;
}

.tblDataArea .anchorList.tab+.tblData {
  margin: 30px 0 0 0;
}

.miniAddImgArea {
  margin: 30px 0 0 0;
}

.miniAddImgArea:after {
  display: block;
  content: "";
  clear: both;
}

.miniAddImgArea>a {
  display: block;
  float: left;
  overflow: hidden;
  width: 348px;
  height: 300px;
  margin: 0 0 0 35px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.miniAddImgArea>a>img {
  width: 348px;
  height: 300px;
}

.miniAddImgArea>a:first-child {
  margin: 0;
}

.miniAddImgArea>a.noImgA {
  background: #eaf1f7;
  border: 1px solid #eaf1f7;
}

.leftImgArea {
  position: relative;
}

.leftImgArea>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 250px;
  height: 300px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.leftImgArea>a.noIm {
  background: #eaf1f7;
  border: 1px solid #eaf1f7;
}

.leftImgArea>a>img {
  width: 250px;
  height: 300px;
}

.leftImgArea>.tblData {
  padding: 0 0 0 280px;
}

.leftImgArea>.tblData th {
  height: 60px;
}

.leftImgArea>.tblData td {
  height: 60px;
}

.tblData .link {
  font-size: 16px;
  color: #188eb5;
  font-weight: normal;
  line-height: 26px;
}

.tit+.tblData {
  margin: 20px 0 0 0;
}

.m_content .aArea>.msgArea .msgTArea {
  width: 740px;
}

.btnArea.spec {
  margin: 30px auto 0;
}

.btnArea .ca.phone {
  width: 235px;
  height: 60px;
  padding: 0 0 0 66px;
  background: #e8f5f9 url(/images/img_ico_p.png) no-repeat 40px 22px;
  text-align: left;
}

.btnArea .ne.mail {
  width: 235px;
  height: 60px;
  padding: 0 0 0 70px;
  background: #188eb5 url(/images/img_ico_m.png) no-repeat 40px 22px;
  text-align: left;
  transition: all .3s ease;
}

.btnArea .ne.mail:hover {
  background: #11637e url(/images/img_ico_m.png) no-repeat 40px 22px;
}

.btnArea .ne.mail.on {
  background: #11637e url(/images/img_ico_m.png) no-repeat 40px 22px;
}

.prdDetailImgArea {
  float: left;
  width: 475px;
  margin: 35px 0 0 0;
}

.prdDetailImgArea .prdDetImg {
  text-align: center;
}

.prdDetailImgArea .prdDetImg img {
  max-width: 475px;
  max-height: 400px;
  border: 1px solid #f1f5f7;
  border-radius: 12px;
  box-sizing: border-box;
}

.prdDetailImgArea .prdDetZoom {
  margin: 18px 0 0 0;
  text-align: center;
}

.prdDetailImgArea .prdDetZoom a {
  display: inline-block;
  padding: 0 0 0 30px;
  background: url(/images/img_zoom.png) no-repeat 0 0;
  font-size: 16px;
  color: #555;
  font-weight: 300;
}

.prdDetailImgArea .prdDetList {
  margin: 19px 0 0 0;
}

.prdDetailImgArea .prdDetList:after {
  display: block;
  content: "";
  clear: both;
}

.prdDetailImgArea .prdDetList a {
  display: block;
  float: left;
  width: 73px;
  height: 66px;
}

.prdDetailImgArea .prdDetList a+a {
  margin: 0 0 0 5px;
}

.prdDetailImgArea .prdDetList a img {
  width: 73px;
  height: 66px;
  border: 1px solid #f1f5f7;
  box-sizing: border-box;
}

.prdDetShare {
  position: relative;
  margin: 18px 0 0 0;
  text-align: center;
}

.prdDetS {
  display: inline-block;
  height: 21px;
  margin: 0 16px 0 0;
  padding: 0 16px 0 30px;
  background: url(/images/img_det_s.png) no-repeat 0 0;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  vertical-align: middle;
}

.prdDetI {
  display: inline-block;
  position: relative;
  height: 20px;
  padding: 0 0 0 30px;
  background: url(/images/img_zzimed.png) no-repeat 0 0;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  vertical-align: middle;
}

.prdDetI:after {
  display: block;
  content: "";
  position: absolute;
  left: -20px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #ccc;
}

.prdDetI.on {
  background: url(/images/img_zzim.png) no-repeat 0 0;
}

.contentsIn:after {
  display: block;
  content: "";
  clear: both;
}

.prdDetailTextArea {
  float: left;
  width: 604px;
  margin: 35px 0 0 37px;
}

.textAreaTitle {
  font-size: 20px;
  color: #222;
  font-weight: normal;
  line-height: 26px;
  word-break: keep-all;
}

.prArea {
  margin: 8px 0 0 0;
}

.prArea strong {
  font-size: 26px;
  color: #222;
  font-weight: bold;
}

.prArea .carton {
  font-size: 18px;
  color: #555;
  font-weight: 300;
}

.prArea .carton2 {
  display: inline-block;
  position: relative;
  margin: 0 0 0 6px;
  padding: 0 0 0 13px;
  font-size: 14px;
  color: #555;
  font-weight: 300;
}

.prArea .carton2:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #ccc;
}

.prList {
  margin: 21px 0 0 0;
  border-top: 1px solid #ccc;
}

.prList ul {
  margin: 28px 0 0 0;
}

.prList li {}

.prList li+li {
  margin: 17px 0 0 0;
}

.prList li:after {
  display: block;
  content: "";
  clear: both;
}

.prList li>span {
  display: block;
  float: left;
  width: 170px;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 22px;
}

.prList li>div {
  float: right;
  width: 430px;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 22px;
}

.vrM>span {
  display: inline-block;
  margin: 0 9px 0 0;
}

.vrM>span img {
  vertical-align: middle;
}

.prdDetailTextArea .btnArea {
  text-align: center;
}

.prdDetailTextArea .btnArea .ne {
  display: inline-block;
  margin: 40px 0 0 0;
  width: 287px;
  height: 60px;
  background: #188eb5;
  font-size: 16px;
  color: #fff;
  line-height: 60px;
  font-weight: normal;
  border-radius: 12px;
  transition: all .3s ease;
}

.prdDetailTextArea .btnArea .ne:hover {
  background: #11637e;
}

.prdDetailTextArea .btnArea .ne.on {
  background: #11637e;
}

.compInfoRightArea {
  position: absolute;
  right: 0;
  top: 35px;
  width: 327px;
}

.compInfoRightAreaIn {
  padding: 23px 30px 30px 30px;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.compInfoRightAreaIn>strong {
  font-size: 18px;
  color: #222;
  font-weight: 500;
  line-height: 24px;
}

.compInfoRightAreaList {
  margin: 17px 0 0 0;
}

.compInfoRightAreaList li {
  margin: 15px 0 0 0;
}

.compInfoRightAreaList li+li {
  margin: 13px 0 0 0;
}

.compInfoRightAreaList li+li+li {
  margin: 15px 0 0 0;
}

.compInfoRightAreaList li:last-child {
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #ddd;
}

.compInfoRightAreaList li>span {
  display: inline-block;
  font-size: 16px;
  color: #555;
  font-weight: 300;
}

.compInfoRightAreaList li>strong {
  display: inline-block;
  margin: 0 0 0 17px;
  font-size: 16px;
  color: #222;
  font-weight: 500;
}

.compInfoRightAreaList li>strong>img {
  margin: 0 7px 0 0;
}

.compInfoRightAreaList li>.ancIconArea {
  display: inline-block;
  margin: 0 0 0 17px;
  font-size: 16px;
  color: #222;
  font-weight: 500;
  vertical-align: -7px;
}

.compInfoRightArea>.btnArea {
  margin: 20px 0 0 0;
}

.compInfoRightArea>.btnArea .ca {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 0 0 153px;
  background: #e8f5f9 url(/images/img_icn_mini.png) no-repeat 125px 12px;
  line-height: 46px;
}

.prdDetailWrap:after {
  display: block;
  content: "";
  clear: both;
}

.anchorListWrap {
  width: 1116px;
  margin: 60px 0 0 0;
}

.anchorListWrap .anchorList {}

.anchorListWrap .anchorList li {
  position: relative;
  z-index: 5;
  width: auto;
  margin: 0 0 0 -1px;
  border: 1px solid #eee;
  border-bottom: 0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.anchorListWrap .anchorList li:first-child {
  margin: 0;
}

.anchorListWrap .anchorList li.on {
  z-index: 10;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.anchorListWrap .anchorList li:hover {
  z-index: 10;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.anchorListWrap .anchorList li a {
  padding: 0 30px;
  color: #aaa;
  border-bottom: 1px solid #ccc;
}

.anchorListWrap .anchorList li.on a {
  color: #555;
  border-bottom: 1px solid #fff;
}

.anchorListWrap .anchorList li:hover a {
  color: #555;
  border-bottom: 1px solid #fff;
}

/* 220817 수정 s */
.anchorListWrap .anchorList.type02 li a {
  border-width: 0 0 1px;
}

.anchorListWrap .anchorList.type03 {
  display: flex;
}

.anchorListWrap .anchorList.type03 li {
  width: 100%;
}

.anchorListWrap .anchorList.type03 li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  padding: 0 28px;
  border-width: 0 0 1px;
  line-height: normal;
  text-align: left;
}

/* 220817 수정 e */
.prdTitleArea {
  width: 1116px;
  margin: -1px 0 0 0;
  padding: 31px 0 0 0;
  border-top: 1px solid #ccc;
}

.prdTitleArea>strong {
  display: block;
  padding: 0 0 10px 0;
  font-size: 24px;
  color: #555;
  font-weight: normal;
}

.prdTitleArea .tblDataArea {
  border-top: 1px solid #ccc;
}

.prdTitleArea .tblDataArea .tblDataTitleArea>strong {
  font-size: 20px;
  color: #555;
  font-weight: normal;
}

.prdTitleArea .tblDataPhraseArea {
  margin: 15px 0 0 0;
}

.prdTitleArea .tblDataPhraseArea:after {
  display: block;
  content: "";
  clear: both;
}

.prdTitleArea .tblDataPhraseArea>span {
  display: block;
  position: static;
  float: left;
  width: 127px;
}

.prdTitleArea .tblDataPhraseArea>div {
  float: left;
  width: 930px;
  margin: 0 0 0 50px;
}

.prdTitleArea .tblDataPhraseArea>div>span {
  display: block;
  position: static;
}

.prdTitleArea .tblDataPhraseArea .tblList {
  overflow: hidden;
  border: 1px solid #e7e8e9;
  border-radius: 6px;
}

.prdTitleArea .tblDataPhraseArea .tblList tr:first-child th {
  background: #fff;
}

.prdTitleArea .tblDataPhraseArea .tblList tr:first-child th:first-child {
  overflow: hidden;
  border-top-left-radius: 6px;
}

.prdTitleArea .tblDataPhraseArea .tblList tr:first-child th:last-child {
  overflow: hidden;
  border-top-right-radius: 6px;
}

.prdTitleArea .tblDataPhraseArea .tblList th {
  font-size: 16px;
  color: #555;
  font-weight: normal;
  border-right: 1px solid #e7e8e9;
  border-bottom: 1px solid #e7e8e9;
}

.prdTitleArea .tblDataPhraseArea .tblList td {
  font-size: 16px;
  color: #555;
  font-weight: normal;
  border-right: 1px solid #e7e8e9;
  border-bottom: 0;
}

.prdTitleArea .tblDataPhraseArea .tblList tr th:first-child {
  border-left: 0;
}

.prdTitleArea .tblDataPhraseArea .tblList tr td:first-child {
  border-left: 0;
}

.prdTitleArea .tblDataPhraseArea .tblList tr th:last-child {
  border-right: 0;
}

.prdTitleArea .tblDataPhraseArea .tblList tr td:last-child {
  border-right: 0;
}

.edtArea {
  width: 1116px;
  margin: 40px 0 0 0;
}

.sectWrap.prdDet {
  width: 1116px;
}

.prdTitleArea.prdTitleArea2 {
  position: relative;
}

.prdTitleArea.prdTitleArea2>.sectWrap {
  margin: 0;
}

.prdTitleArea.prdTitleArea2>.sectWrap.prdDet {
  margin: 30px 0 0 0;
}

.prdTitleArea.prdTitleArea2>.tblDataArea {
  border: 0;
}

.prdTitleArea.prdTitleArea2 .aArea>.msgArea .msgTArea {
  width: calc(100% - 248px);
}

.prdTitleArea.prdTitleArea2 .caNext.caNext1 {
  top: 130px;
}

.prdTitleArea.prdTitleArea2 .caPrev.caPrev1 {
  top: 130px;
}

.miniHomeWrap {
  position: relative;
}

.viewM {
  display: none;
}

.allCate .anchorList {}

.allCate .anchorList li {
  width: 50%;
}

.allCateList {}

.allCateList>ul {
  margin: 34px 0 0 0;
}

.allCateList>ul+ul {
  margin: 64px 0 0 0;
}

.allCateList>ul:after {
  display: block;
  content: "";
  clear: both;
}

.allCateList>ul>li {
  float: left;
  width: 25%;
}

.allCateList>ul>li>strong {
  font-size: 20px;
  color: #222;
  font-weight: 500;
  line-height: 30px;
}

.allCateList>ul>li>ul {}

.allCateList>ul>li>ul>li {}

.allCateList>ul>li>ul>li:first-child {
  margin: 18px 0 0 0;
}

.allCateList>ul>li>ul>li>a {
  font-size: 18px;
  color: #555;
  font-weight: 300;
  line-height: 32px;
}

.allCateList>ul>li>ul>li>a.btnViewMore {
  display: block;
  padding: 0 0 0 20px;
  font-size: 16px;
  color: #188eb5;
  font-weight: 300;
}

.allCateList>ul>li>ul>li>a.btnViewMore .rot {
  display: inline-block;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.allCateList>ul>li>ul>li>a.btnViewMore .rot.on {
  display: inline-block;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.allCateList>ul>li>ul>li>a.btnViewMore:hover,
.allCateList>ul>li>ul>li>a.btnViewMore.on {
  color: #188eb5;
}

.allCateList>ul>li>ul>li>a:hover,
.allCateList>ul>li>ul>li>a.on {
  color: #222;
  font-weight: 400;
  text-decoration: underline;
}

.allCateList>ul>li>ul>li>ul {
  display: none;
  padding: 0 0 0 20px;
}

.allCateList>ul>li>ul>li>ul>li {}

.allCateList>ul>li>ul>li>ul>li>a {
  position: relative;
  font-size: 18px;
  color: #555;
  font-weight: 300;
  line-height: 32px;
}

.allCateList>ul>li>ul>li>ul>li>a:hover,
.allCateList>ul>li>ul>li>ul>li>div>a.on {
  color: #222;
  font-weight: normal;
  text-decoration: underline;
}

.allCateList>ul>li>ul>li>ul>li>div {
  display: inline-block;
  position: relative;
}

.allCateList>ul>li>ul>li>ul>li>div>a {
  font-size: 18px;
  color: #555;
  font-weight: 300;
  line-height: 32px;
}

.allCateList>ul>li>ul>li>ul>li>div>a:hover,
.allCateList>ul>li>ul>li>ul>li>div>a.on {
  color: #222;
  font-weight: normal;
  text-decoration: underline;
}

.allCateList>ul>li>ul>li>ul>li>div>div {
  display: none;
  position: absolute;
  left: calc(100% + 50px);
  top: 0;
  z-index: 10;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div {
  position: relative;
  padding: 0;
  background: #fff url(/images/bg_line_t.png) repeat-x 100% -30px;
  border-radius: 12px;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div:before {
  display: block;
  content: "";
  position: absolute;
  left: -30px;
  bottom: -41px;
  width: 30px;
  height: 41px;
  background: url(/images/bg_rad_l_b.png) no-repeat 0 0;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div:after {
  display: block;
  content: "";
  position: absolute;
  right: -30px;
  bottom: -41px;
  width: 30px;
  height: 41px;
  background: url(/images/bg_rad_r_b.png) no-repeat 0 0;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div {
  position: relative;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div:before {
  display: block;
  content: "";
  position: absolute;
  left: -30px;
  top: -21px;
  width: 30px;
  height: 21px;
  background: url(/images/bg_rad_l_t.png) no-repeat 0 0;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div:after {
  display: block;
  content: "";
  position: absolute;
  right: -30px;
  top: -21px;
  width: 30px;
  height: 21px;
  background: url(/images/bg_rad_r_t.png) no-repeat 0 0;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div {
  position: relative;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: -21px;
  width: 100%;
  height: 21px;
  background: url(/images/bg_line_t.png) repeat-x;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -41px;
  width: 100%;
  height: 41px;
  background: url(/images/bg_line_b.png) repeat-x;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div>div {
  position: relative;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div>div:before {}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div>div:after {
  display: block;
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: 100%;
  background: url(/images/bg_line_r.png) repeat-y;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul {
  position: relative;
  width: 200px;
  background: #fff;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul:after {
  display: block;
  content: "";
  position: absolute;
  left: -49px;
  top: 0;
  z-index: 15;
  width: 30px;
  height: 72px;
  background: #fff url(/images/img_cate_arr_left5.png) no-repeat 0 0;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul:before {
  display: block;
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  width: 31px;
  height: 100%;
  background: url(/images/bg_line_l.png) repeat-y;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul>li>a {
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 28px;
}

.allCateList>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul>li>a:hover,
.allCateList>ul>li>ul>li>ul>li>ul>li>a.on {
  color: #222;
  font-weight: 300;
  text-decoration: underline;
}

.lyContents.imgAr {
  width: 900px;
  max-width: 900px;
  padding: 80px 0 60px;
}

.lyContents.imgAr .imgArWrap {
  position: relative;
  width: 100%;
  height: 560px;
}

.lyContents.imgAr .imgArWrap .targetAr {
  width: 600px;
  margin: 10px auto 0;
  overflow: hidden;
}

.lyContents.imgAr .imgArWrap .targetAr:after {
  display: block;
  content: "";
  clear: both;
}

.lyContents.imgAr .imgArWrap .targetAr .devTarget {
  width: 9999px;
  transition: margin .3s ease;
}

.lyContents.imgAr .imgArWrap .targetAr img {
  float: left;
  width: 600px;
  height: 560px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  box-sizing: border-box;
}

.lyContents.imgAr>strong {
  margin: 0 0 0 60px;
  font-size: 24px;
  color: #222;
  font-weight: normal;
}

.lyContents.imgAr .imgArWrap .goNext {
  display: block;
  position: absolute;
  right: 60px;
  top: 259px;
  width: 42px;
  height: 42px;
  background: url(/images/img_sub_arr_right.png) no-repeat 0 0;
}

.lyContents.imgAr .imgArWrap .goPrev {
  display: block;
  position: absolute;
  left: 60px;
  top: 259px;
  width: 42px;
  height: 42px;
  background: url(/images/img_sub_arr_left.png) no-repeat 0 0;
}

.lyContents.imgAr .imgArWrap .goNext:hover {
  background: url(/images/img_sub_arr_right_on.png) no-repeat 0 0;
}

.lyContents.imgAr .imgArWrap .goPrev:hover {
  background: url(/images/img_sub_arr_left_on.png) no-repeat 0 0;
}

.lyContents.imgAr .imgArSmWrap {
  position: relative;
  width: 100%;
  height: 88px;
  margin: 30px 0 50px 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #eee;
}

.lyContents.imgAr .imgArSmWrap .targetArSm {
  width: 600px;
  margin: 10px auto 0;
  overflow: hidden;
}

.lyContents.imgAr .imgArSmWrap .targetArSm:after {
  display: block;
  content: "";
  clear: both;
}

.lyContents.imgAr .imgArSmWrap .targetArSm .devTargetSm {
  width: 9999px;
  transition: margin .3s ease;
}

.lyContents.imgAr .imgArSmWrap .targetArSm span {
  display: block;
  position: relative;
  float: left;
  width: 100px;
  height: 88px;
}

.lyContents.imgAr .imgArSmWrap .targetArSm span img {
  width: 100px;
  height: 88px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  box-sizing: border-box;
}

.lyContents.imgAr .imgArSmWrap .targetArSm span.on {}

.lyContents.imgAr .imgArSmWrap .targetArSm span.on:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 92px;
  height: 80px;
  border: 4px solid #66bdf9;
}

.lyContents.imgAr .imgArSmWrap .targetArSm span:hover {}

.lyContents.imgAr .imgArSmWrap .targetArSm span:hover:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 92px;
  height: 80px;
  border: 4px solid #66bdf9;
}

.lyContents.imgAr .imgArSmWrap .targetArSm span+span {
  margin: 0 0 0 10px;
}

.lyContents.imgAr>strong {
  margin: 0 0 0 60px;
  font-size: 24px;
  color: #222;
  font-weight: normal;
}

.goNextSm {
  display: block;
  position: absolute;
  right: 60px;
  top: 63px;
  width: 42px;
  height: 42px;
  background: url(/images/img_sub_arr_right.png) no-repeat 0 0;
}

.goPrevSm {
  display: block;
  position: absolute;
  left: 60px;
  top: 63px;
  width: 42px;
  height: 42px;
  background: url(/images/img_sub_arr_left.png) no-repeat 0 0;
}

.goNextSm:hover {
  background: url(/images/img_sub_arr_right_on.png) no-repeat 0 0;
}

.goPrevSm:hover {
  background: url(/images/img_sub_arr_left_on.png) no-repeat 0 0;
}

.searchMethod {
  height: 46px;
  text-align: left;
}

.searchMethod:after {
  display: block;
  content: "";
  clear: both;
}

.searchMethod .ipListTitle {
  float: left;
  margin: 0 25px 0 0;
  font-size: 16px;
  line-height: 46px;
  color: #555;
  font-weight: normal;
}

.searchMethod .ipMethod {
  float: left;
  width: 450px;
}

.searchMethod .ipMethod:after {
  display: block;
  content: "";
  clear: both;
}

.searchMethod .ipMethod li {
  display: block;
  position: relative;
  z-index: 5;
  float: left;
  width: 91px;
  height: 46px;
  margin: 0 0 0 -1px;
  background: #fff;
  text-align: center;
  border: 1px solid #eee;
}

.searchMethod .ipMethod li:first-child {
  width: 90px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.searchMethod .ipMethod li:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.searchMethod .ipMethod li.on {
  z-index: 10;
  background: #1b9ec9;
  border: 1px solid #1b9ec9;
}

.searchMethod .ipMethod li:hover {
  z-index: 10;
  background: #1b9ec9;
  border: 1px solid #1b9ec9;
}

.searchMethod .ipMethod li a {
  display: block;
  height: 46px;
  box-sizing: border-box;
  font-size: 14px;
  color: #555;
  line-height: 48px;
  font-weight: normal;
}

.searchMethod .ipMethod li.on a {
  color: #fff;
}

.searchMethod .ipMethod li:hover a {
  color: #fff;
}

.searchMethod .pickerArea {
  margin: 0 0 0 22px;
}

.searchMethod .fileUpArea {
  float: left;
  width: 130px;
  margin: 0 0 0 16px;
}

.searchMethod .ipArea {
  float: left;
}

.searchMethod+.searchMethod {
  margin: 20px 0 0 0;
}

.rankArea {
  position: relative;
  margin: 32px 0 0 0;
}

.rankAreaLeft {
  width: 860px;
}

.rankAreaRight {
  position: absolute;
  right: 0;
  top: 0;
  width: 220px;
  box-sizing: border-box;
  border: 1px solid #f2f3f4;
  border-radius: 12px;
}

.rankTop {
  padding: 20px;
  background: #f6f9fa;
}

.rankTop:after {
  display: block;
  content: "";
  clear: both;
}

.rankTop span {
  float: left;
  font-size: 14px;
  color: #222;
  font-weight: normal;
}

.rankTop>div {
  float: right;
}

.rankTop a {
  position: relative;
  font-size: 14px;
  color: #aaa;
  font-weight: normal;
}

.rankTop a.on {
  color: #188eb5;
  font-weight: 500;
}

.rankTop a+a {
  margin: 0 0 0 4px;
  padding: 0 0 0 9px;
}

.rankTop a:last-child:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #ddd;
}

.rankBottom {
  padding: 19px 20px 20px 20px;
}

.rankBottom ul {}

.rankBottom li {
  margin: 13px 0 0 0;
}

.rankBottom li:first-child {
  margin: 0;
}

.rankBottom li span {
  display: inline-block;
  width: 26px;
  height: 24px;
  background: #1b9ec9;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  border-radius: 6px;
}

.rankBottom li a {
  display: inline-block;
  width: 127px;
  margin: 0 0 0 13px;
  font-size: 16px;
  color: #555;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.rankListItemType01TextArea .rankLoc {
  margin: 21px 0 0 0;
  font-size: 16px;
  color: #1b9ec9;
  font-weight: 300;
  line-height: 24px;
}

.rankLoc>a {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 6px;
  font-size: 16px;
  color: #1b9ec9;
  font-weight: 300;
  line-height: 24px;
}

.rankLoc>a:first-child {
  padding: 0 5px 0 0;
}

.rankLoc>a:first-child:after {
  display: none;
}

.rankAreaLeft .listtopInfo {
  margin: 0 0 21px 0;
}

.rankListItemType01 {}

.rankListItemType01 li {
  margin: 40px 0 0 0;
}

.rankListItemType01 li:after {
  display: block;
  content: "";
  clear: both;
}

.rankListItemType01 li:first-child {
  margin: 0;
}

.rankListItemType01ImgArea {
  float: left;
  width: 285px;
  height: 195px;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 12px;
}

.rankListItemType01ImgArea img {
  width: 285px;
  height: 195px;
  transition: all .3s ease;
  transform: scale(1);
}

.rankListItemType01ImgArea img:hover {
  transform: scale(1.2);
}

.rankListItemType01TextArea {
  float: right;
  width: 544px;
}

.rankListItemType01TextArea>strong>a {
  display: block;
  font-size: 18px;
  color: #555;
  line-height: 22px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rankListItemType01TextArea>strong>a:hover {
  text-decoration: underline;
}

.rankListItemType01TextArea>strong>a>span {
  color: #1b9ec9;
}

.rankListItemType01TextArea>span {
  display: block;
  margin: 8px 0 0 0;
  font-size: 14px;
  color: #aaa;
  font-weight: normal;
  line-height: 26px;
}

.rankListItemType01TextArea>a {
  display: block;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 24px;
}

.rankListItemType01TextArea>a:hover {
  text-decoration: underline;
}

.rankListItemType01TextArea>a>span {
  color: #1b9ec9;
}

.rankListItem {
  position: relative;
  padding: 0 0 72px 0;
  border-bottom: 1px solid #eee;
}

.resLink {
  position: absolute;
  right: 0;
  bottom: 20px;
  height: 24px;
  font-size: 16px;
  color: #aaa;
  font-weight: normal;
  line-height: 24px;
  border-bottom: 1px solid #fff;
}

.resLink>span {
  display: block;
  height: 24px;
  font-size: 16px;
  color: #aaa;
  font-weight: normal;
  line-height: 24px;
  border-bottom: 1px solid #fff;
}

.resLink:hover {
  position: absolute;
  right: 0;
  bottom: 20px;
  height: 24px;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 24px;
  border-bottom: 1px solid #d4d4d4;
}

.resLink:hover>span {
  display: block;
  height: 24px;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 24px;
  border-bottom: 1px solid #aaa;
}

.rankListItem+.listtopInfo {
  margin: 32px 0 21px 0;
}

.rankListItemType01.rankListItemType02 {}

.rankListItemType01.rankListItemType02 .rankListItemType01ImgArea {
  position: relative;
  width: 205px;
  height: 115px;
  overflow: hidden;
}

.rankListItemType01.rankListItemType02 .rankListItemType01ImgArea img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 203px;
  max-height: 117px;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

.rankListItemType01.rankListItemType02 .rankListItemType01TextArea {
  width: 628px;
}

.rankListItemType01.rankListItemType02 .rankListItemType01TextArea>strong {
  display: block;
  width: 100%;
}

.rankListItemType01.rankListItemType02 .rankListItemType01TextArea>a {
  margin: 20px 0 0 0;
}

.rankListItemType01.rankListItemType03 {}

.rankListItemType01.rankListItemType03 .rankListItemType01ImgArea {
  position: relative;
  width: 390px;
  height: 130px;
  overflow: hidden;
  transition: all .3s ease;
  transform: scale(1);
}

.rankListItemType01.rankListItemType03 .rankListItemType01ImgArea img {
  width: 390px;
  height: 130px;
  transition: all .3s ease;
  transform: scale(1);
}

.rankListItemType01.rankListItemType03 .rankListItemType01ImgArea img:hover {
  transform: scale(1.2);
}

.rankListItemType01.rankListItemType03 .rankListItemType01TextArea {
  width: 442px;
}

.rankListItemType01.rankListItemType03 .rankListItemType01TextArea>strong {
  display: block;
  width: 100%;
}

.rankListItemType01.rankListItemType03 .rankListItemType01TextArea>a {
  margin: 20px 0 0 0;
}

.rankListItemType01.rankListItemType04 {}

.rankListItemType01.rankListItemType04 li {}

.rankListItemType01.rankListItemType04 li:after {
  display: block;
  content: "";
  clear: both;
}

.rankListItemType01.rankListItemType04 li>a {
  display: inline-block;
  float: left;
  font-size: 18px;
  color: #555;
  font-weight: normal;
  line-height: 22px;
}

.rankListItemType01.rankListItemType04 li>a:last-child {
  color: #1b9ec9;
}

.rankListItemType01.rankListItemType04 li:hover>a {
  text-decoration: underline;
}

.rankListItemType01.rankListItemType04 li+li {
  margin: 13px 0 0 0;
}

.boxRes {
  margin: 15px 0 0;
  padding: 28px 30px 24px;
  background: #f9fbfd;
  font-size: 20px;
  color: #555;
  font-weight: normal;
  line-height: 26px;
  border-radius: 12px;
}

.boxRes>span {
  color: #1b9ec9;
}

.boxRes+.interests_top {
  margin: 40px 0 0 0;
}

.ipArea .addPhrase {
  display: inline-block;
  margin: 0;
}

.aboutSect {
  margin: 12px 0 0 0;
}

.aboutSect p {
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 22px;
}

.aboutSect p+p {
  margin: 10px 0 0 0;
}

.aboutImgSection {
  margin: 55px 0 0 0;
  padding: 68px 0 80px;
  background: #f6f9fa;
  text-align: center;
  border-radius: 24px
}

.aboutImgSection strong {
  font-size: 32px;
  color: #222;
  font-weight: 500;
}

.aboutImgSection p {
  margin: 10px 0 0 0;
  font-size: 18px;
  color: #555;
  font-weight: normal;
  line-height: 22px;
}

.aboutImgSection ul {
  margin: 60px 0 0 0;
}

.aboutImgSection ul:after {
  display: block;
  content: "";
  clear: both;
}

.aboutImgSection li {
  float: left;
  width: calc(100% / 3);
  padding: 230px 0 0 0;
  font-size: 22px;
  color: #222;
  font-weight: normal;
  line-height: 28px;
}

.aboutImgSection li.about01 {
  background: url(/images/img_about01.png) no-repeat center 0;
}

.aboutImgSection li.about02 {
  background: url(/images/img_about02.png) no-repeat center 0;
}

.aboutImgSection li.about03 {
  background: url(/images/img_about03.png) no-repeat center 0;
}

.serviceImgSection {
  position: relative;
  height: 880px;
  margin: 47px 0 0 0;
  background: url(/images/img_mainservice.png) no-repeat center center;
}

.serviceImgSection li {
  width: 326px;
  overflow: hidden;
  background: #fff;
  border-radius: 24px;
  -webkit-box-shadow: 1px 5px 10px 5px rgba(234, 234, 234, 0.6);
  box-shadow: 1px 5px 10px 5px rgba(234, 234, 234, 0.6);
}

.serviceImgSection li strong {
  display: block;
  padding: 25px 30px 14px 30px;
  background: #eff4f9;
  font-size: 24px;
  color: #555;
  font-weight: normal;
  line-height: 28px;
}

.serviceImgSection li p {
  display: block;
  padding: 16px 30px 27px 30px;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 22px;
}

.serviceImgSection li.servList01 {
  position: absolute;
  left: 395px;
  top: 0;
}

.serviceImgSection li.servList02 {
  position: absolute;
  left: 787px;
  top: 150px;
}

.serviceImgSection li.servList03 {
  position: absolute;
  left: 787px;
  top: 458px;
}

.serviceImgSection li.servList04 {
  position: absolute;
  left: 395px;
  top: 670px;
}

.serviceImgSection li.servList05 {
  position: absolute;
  left: 0;
  top: 458px;
}

.serviceImgSection li.servList06 {
  position: absolute;
  left: 0;
  top: 150px;
}

.m_content>.tit.report {
  display: block;
}

.exDown {
  display: inline-block;
  margin: 0 0 0 16px;
  padding: 0 0 0 34px;
  background: url(/images/img_ex02.png) no-repeat 0 0;
}

.exDown>span {
  font-size: 14px;
  color: #555;
  font-weight: 400;
  line-height: 26px;
}

.exDown:hover>span {
  border-bottom: 1px solid #888;
}

.reportSect {
  margin: 15px 0 0 0;
  padding: 30px 30px 30px 30px;
  background: #f9fbfd;
  border-radius: 12px;
}

.reportHeadSection {}

.reportHeadSection:after {
  display: block;
  content: "";
  clear: both;
}

.reportHeadSection>strong {
  display: block;
  float: left;
  margin: 17px 0 0 0;
  font-size: 18px;
  color: #222;
  font-weight: 400;
}

.reportHeadSection>strong+.reportLev {
  float: right;
}

.reportLev>div {
  display: block;
  position: relative;
  float: left;
  width: 220px;
  height: 58px;
  margin: 0 0 0 36px;
  padding: 20px 30px;
  background: #fff;
  border-radius: 12px;
}

.reportLev>div:first-child {
  margin: 0;
}

.reportLev>div>span {
  display: inline-block;
  font-size: 14px;
  color: #aaa;
  font-weight: 400;
}

.reportLev>div>strong {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 12px;
  font-size: 22px;
  color: #222;
  font-weight: 500;
}

.reportLev>div>strong>span {
  margin: 0 0 0 10px;
  font-size: 14px;
  color: #222;
  font-weight: 400;
}

.reportLev>div.hasMark>span {
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 7px;
  width: 42px;
  height: 49px;
  background: url(/images/img_ba01.png) no-repeat 0 0;
}

.reportLev>div>strong>span.reportTot {
  font-size: 12px;
  color: #aaa;
  font-weight: 400;
}

.reportMainSection {
  margin: 30px 0 0 0;
  padding: 30px;
  background: #fff;
  border-radius: 12px;
}

.reportMainSectionTitle {}

.reportMainSectionTitle:after {
  display: block;
  content: "";
  clear: both;
}

.reportMainSectionTot {
  position: relative;
  float: left;
  width: 142px;
  margin: 7px 0 0 0;
  text-align: right;
}

.reportMainSectionTot>span {
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 14px;
  color: #aaa;
  font-weight: 400;
}

.reportMainSectionTot>strong {
  font-size: 22px;
  color: #222;
  font-weight: 500;
}

.reportMainSectionTot>strong>span {
  font-size: 14px;
  color: #222;
  font-weight: 400;
}

.reportMainSectionDate {
  float: right;
}

.reportMainSectionDate>.ipArea {
  float: left;
}

.reportMainSectionDate>.ipArea>input {
  background: #f7f9fa;
}

.reportMainSectionDate>span {
  float: left;
  margin: 0 10px;
  line-height: 44px;
  vertical-align: top;
}

.repFind {
  display: block;
  float: left;
  width: 68px;
  height: 46px;
  margin: 0 0 0 12px;
  background: #555;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 46px;
  border-radius: 12px;
  text-align: center;
}

.exDown1 {
  display: block;
  float: left;
  width: 46px;
  height: 46px;
  margin: 0 0 0 12px;
  background: #fff url(/images/img_ex01.png) no-repeat 0 2px;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.reportMainSectionGr {
  margin: 30px 0 0 0;
  padding: 24px 0 0 0;
  border-top: 1px solid #eee;
}

.reportMainSectionGr:after {
  display: block;
  content: "";
  clear: both;
}

.reportMainSectionGr>div {
  float: left;
  width: calc(50% - 25px);
}

.reportMainSectionGr>div+div {
  float: right;
}

.reportMainSectionGr>div>strong {
  font-size: 14px;
  color: #222;
  font-weight: 400;
}

.reportMainSectionGr .tblData {
  margin: 20px 0 0 0;
}

.reportMainSectionGr table th>span {
  display: block;
  width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reportMainSectionGr table td {
  padding: 20px;
}

.reportMainSectionGr table td>div>span {
  float: left;
  width: 64px;
  font-size: 14px;
  color: #555;
  font-weight: 400;
  line-height: 20px;
}

.reportMainSectionGr table td .grBar {
  float: left;
  width: 222px;
  height: 20px;
}

.reportMainSectionGr table td .grBar>div {
  height: 20px;
}

.reportSect .viewBtnArea {
  margin: 30px auto 10px;
}

.reportSect .viewBtnArea>button {
  width: 200px;
  height: 48px;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 48px;
}

.reportMainSectionGr .tblLine2 th>span {
  white-space: pre-line;
  text-overflow: clip;
  overflow: visible;
}

.reportMainSectionGr .tblLine2 th>span:hover {
  color: #222;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
}

.reportSect+.reportSect {
  margin: 50px 0 0 0;
}

.reportMainSectionGr .tblLine2 th>span.ellipsisR {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.reportWrap {
  float: right;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}

.reportLevTitle {
  text-align: left;
}

.reportWrap .reportLevTitle>strong {
  position: static;
  font-size: 16px;
  color: #222;
  font-weight: 500;
}

.reportWrap .reportLev+.reportLev>div {
  border-top: 1px solid #eee;
  border-radius: 0;
}

.reportWrap .reportLev>div:first-child {
  margin: 0 0 0 30px;
  padding: 20px 30px 20px 0;
}

.reportWrap .reportLev>div:last-child {
  margin: 0 30px 0 0;
  padding: 20px 0 20px 30px;
}

.reportWrap .reportLev>div:last-child>strong {
  right: 0;
}

.reportWrap .reportLev>div:first-child+div {
  margin: 0;
}

.sortIcon {
  display: inline-block;
  width: 11px;
  height: 9px;
  margin: 0 0 0 9px;
  background: url(/images/img_sort_off.png) no-repeat 0 0;
}

.sortIcon.on {
  background: url(/images/img_sort_on.png) no-repeat 0 0;
}

.tblCenter thead tr th {
  text-align: center;
}

.tblCenter tbody tr td {
  text-align: center;
}

.reportSect.reFavor .reportHeadSection>strong {
  margin: 0;
}

.reportMainSectionGr .full {
  width: 100%;
}

.reportMainSectionGr .full thead th {
  padding: 0;
}

.reportMainSectionGr .full tbody th {
  text-align: center;
}

.reportMainSectionGr .full tbody td a {
  display: block;
  width: 528px;
  font-size: 16px;
  color: #222;
  font-weight: normal;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reportMainSectionGr .full tbody td a:hover {
  font-weight: 500;
  text-decoration: underline;
}

.reportMainSectionGr .full .lastBuy tbody td a {
  width: 121px;
}

.reportMainSectionGr .full .lastBuy tbody td span.textOvr {
  display: block;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.goTop {
  display: block;
  position: fixed;
  right: 50%;
  bottom: 30px;
  width: 59px;
  height: 59px;
  margin-right: -720px;
  background: url(/images/gotop.png) no-repeat 0 0;
}

.lyContents .lyCont {
  margin: 21px 0 0 0;
}

.lyContents .lyBox {
  padding: 18px 20px 16px;
  background: #f6f9fa;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  line-height: 20px;
  border-radius: 12px;
}

.lyContents .lySubCont {
  margin: 24px 0 0 0;
}

.lyContents .lySubCont>strong {
  font-size: 16px;
  color: #222;
  font-weight: normal;
  line-height: 36px;
}

.lyContents .lySubCont>ul {
  margin: 9px 0 0 0;
  padding: 16px 0 0 0;
  border-top: 1px solid #eee;
}

.lyContents .lySubCont>ul>li {
  position: relative;
  margin: 12px 0 0 0;
  padding: 0 0 0 13px;
}

.lyContents .lySubCont>ul>li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #222;
}

.lyContents .lySubCont>ul>li>strong {
  display: block;
  font-size: 16px;
  color: #222;
  font-weight: 500;
}

.lyContents .lySubCont>ul>li>span {
  display: block;
  margin: 2px 0 0 0;
  font-size: 16px;
  color: #555;
  font-weight: normal;
}

.lyContents .lySubCont>ol {
  margin: 9px 0 0 0;
  padding: 16px 0 0 0;
  border-top: 1px solid #eee;
}

.lyContents .lySubCont>ol>li {
  position: relative;
  padding: 0 0 0 30px;
  font-size: 16px;
  color: #555;
  font-weight: 400;
  line-height: 36px;
}

.lyContents .lySubCont>ol>li>span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: #555;
  font-weight: 500;
  line-height: 36px;
}

.prdShareArea {
  display: none;
  position: absolute;
  left: 114px;
  top: 37px;
  padding: 11px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
}

.prdShareArea:before {
  display: block;
  content: "";
  position: absolute;
  left: 15px;
  top: -13px;
  width: 13px;
  height: 14px;
  background: url(/images/img_prd_s_top.png) no-repeat 0 0;
}

.prdShareArea:after {
  display: block;
  content: "";
  clear: both;
}

.prdShareArea>a {
  margin: 0 0 0 8px;
}

.prdShareArea>a:first-child {
  margin: 0;
}

.prdShareArea .s01 {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  background: url(/images/img_prd_s_01.png) no-repeat;
}

.prdShareArea .s02 {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  background: url(/images/img_prd_s_02.png) no-repeat;
}

.prdShareArea .s03 {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  background: url(/images/img_prd_s_03.png) no-repeat;
}

.prdShareArea .s04 {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  background: url(/images/img_prd_s_04.png) no-repeat;
}

.prdShareArea .s05 {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  background: url(/images/img_prd_s_05.png) no-repeat;
}

.prdShareArea .s06 {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  background: url(/images/img_prd_s_06.png) no-repeat;
}

.typeList .itemLinkArea .prdShareArea {
  left: -10px;
}

.itemLinkArea .prdShareArea {
  left: -180px;
}

.itemLinkArea .prdShareArea:before {
  display: block;
  content: "";
  position: absolute;
  left: 185px;
  top: -13px;
  width: 13px;
  height: 14px;
  background: url(/images/img_prd_s_top.png) no-repeat 0 0;
}

.gnb>ul>li>ul>li>ul>li>div {
  display: inline-block;
  position: relative;
}

.gnb>ul>li>ul>li>ul>li>div>div {
  display: none;
  position: absolute;
  left: calc(100% + 50px);
  top: 0;
  z-index: 10;
}

.gnb>ul>li>ul>li>ul>li>div>div>div {
  position: relative;
  padding: 0;
  background: #fff url(/images/bg_line_t.png) repeat-x 100% -30px;
  border-radius: 12px;
}

.gnb>ul>li>ul>li>ul>li>div>div>div:before {
  display: block;
  content: "";
  position: absolute;
  left: -30px;
  bottom: -41px;
  width: 30px;
  height: 41px;
  background: url(/images/bg_rad_l_b.png) no-repeat 0 0;
}

.gnb>ul>li>ul>li>ul>li>div>div>div:after {
  display: block;
  content: "";
  position: absolute;
  right: -30px;
  bottom: -41px;
  width: 30px;
  height: 41px;
  background: url(/images/bg_rad_r_b.png) no-repeat 0 0;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div {
  position: relative;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div:before {
  display: block;
  content: "";
  position: absolute;
  left: -30px;
  top: -21px;
  width: 30px;
  height: 21px;
  background: url(/images/bg_rad_l_t.png) no-repeat 0 0;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div:after {
  display: block;
  content: "";
  position: absolute;
  right: -30px;
  top: -21px;
  width: 30px;
  height: 21px;
  background: url(/images/bg_rad_r_t.png) no-repeat 0 0;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div {
  position: relative;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: -21px;
  width: 100%;
  height: 21px;
  background: url(/images/bg_line_t.png) repeat-x;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -41px;
  width: 100%;
  height: 41px;
  background: url(/images/bg_line_b.png) repeat-x;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div>div {
  position: relative;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div>div:before {}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div>div:after {
  display: block;
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: 100%;
  background: url(/images/bg_line_r.png) repeat-y;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul {
  position: relative;
  width: 200px;
  background: #fff;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul:after {
  display: block;
  content: "";
  position: absolute;
  left: -49px;
  top: 0;
  z-index: 15;
  width: 30px;
  height: 72px;
  background: #fff url(/images/img_cate_arr_left5.png) no-repeat 0 0;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul:before {
  display: block;
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  width: 31px;
  height: 100%;
  background: url(/images/bg_line_l.png) repeat-y;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul>li>a {
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 28px;
}

.gnb>ul>li>ul>li>ul>li>div>div>div>div>div>div>ul>li>a:hover,
.allCateList>ul>li>ul>li>ul>li>ul>li>a.on {
  color: #222;
  font-weight: 300;
  text-decoration: underline;
}

.kFood .tblList table {
  table-layout: fixed;
}

.kFood .tblList tbody td {
  font-size: 14px;
  color: #222;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kFood .tblList tbody td.ovrEl>div {
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kFood .tblList tbody td span {
  display: inline;
  font-size: 14px;
  color: #222;
  font-weight: 300;
}

.kFood .tblList tbody td.cl222 {
  color: #222;
}

.kFood .tblList tbody td.cl888 {
  color: #555;
}

.kFood .tblList tbody td.cl555 {
  color: #555;
}

.underGo.btnArea.right:after {
  display: block;
  content: "";
  clear: both;
}

.underGo.btnArea.right>a {
  display: inline-block;
  float: right;
  width: 132px;
  height: 46px;
  margin: 40px 0 0 0;
  line-height: 46px;
  text-align: center;
}

.underGo.btnArea.right+.nuriNotice {
  margin: 30px 0 0 0;
}

.tabs.tabs2 ul li {
  padding: 0 20px;
}

.tabs.tabs2 ul li a {
  font-size: 16px;
}

.tabs.tabs2 ul li:hover {
  color: #555555;
  font-weight: 500;
  border: 1px solid #cccccc;
  border-bottom: none;
}

.tabs.tabs2 ul li:hover a {
  color: #555555;
  font-weight: 500;
}

.reportSect2 {
  margin: 30px 0 0 0;
  padding: 30px 0 0 30px;
  background: #f9fbfd;
  border-radius: 12px;
}

.reportSect2:after {
  display: block;
  content: "";
  clear: both;
}

.reportSect2 .reportHeadSection {
  float: left;
  width: 332px;
  height: 251px;
  margin: 0 29px 30px 0;
  background: #fff;
  border-radius: 12px;
}

.reportSect2 .reportHeadSection>strong {
  display: block;
  position: relative;
  float: none;
  padding: 8px 30px 23px;
  font-size: 14px;
  color: #555;
  font-weight: 400;
  line-height: 18px;
}

.reportSect2 .reportHeadSection>strong>.reportHeadSectionMore {
  position: absolute;
  right: 30px;
  top: 8px;
  font-size: 14px;
  color: #ccc;
  font-weight: 400;
  line-height: 18px;
}

.reportSect2 .reportHeadSection .reportLev {
  float: none;
  padding: 30px 0 30px;
  border-top: 1px solid #eee;
}

.reportSect2 .reportHeadSection .reportLev>div {
  float: none;
  width: 100%;
  height: auto;
  padding: 0 30px 0;
}

.reportSect2 .reportHeadSection .reportLev>div:after {
  display: block;
  content: "";
  clear: both;
}

.reportSect2 .reportHeadSection .reportLev>div+div {
  margin: 14px 0 0 0;
}

.reportSect2 .reportHeadSection .reportLev>div>span {
  float: left;
  font-size: 18px;
  color: #222;
  font-weight: 400;
  line-height: 18px;
}

.reportSect2 .reportHeadSection .reportLev>div>strong {
  position: static;
  float: right;
  font-size: 22px;
  color: #1b9ec9;
  font-weight: 500;
  line-height: 26px;
  vertical-align: bottom;
}

.reportSect2 .reportHeadSection .reportLev>div>strong>span {
  font-size: 14px;
  color: #222;
  font-weight: 400;
  line-height: 26px;
}

.reportSect2 .reportHeadSection .reportLev>div.hasMark {
  margin: 23px 0 0 0;
}

.reportSect2 .reportHeadSection .reportLev>div.hasMark>span {
  top: -14px;
}

.reportSect2 .reportHeadSection .reportLev>div.hasMark>strong {
  color: #222;
}

.reportSect2 .reportHeadSection>strong>.reportHeadSectionMore:hover {
  color: #222;
  text-decoration: underline;
}

.reportSect2 .reportHeadSection.largeSect {
  width: 694px;
}

.reportSect2 .reportHeadSection.largeSect .reportLev {
  float: left;
  width: 50%;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levLeft {
  padding: 30px 0 44px;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levRight {
  padding: 30px 0 44px;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levLeft>div {
  padding: 0 45px 0 30px;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levLeft>div+div {
  margin: 19px 0 0 0;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levRight>div {
  margin: -4px 0 0 0;
  padding: 0 30px 0 45px;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levRight>div.hasMark>span {
  left: 45px;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levRight>div>strong {
  font-size: 22px;
  color: #222;
  font-weight: 500;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levLeft>div>strong {
  margin-top: -5px;
}

.reportSect2 .reportHeadSection.largeSect .reportLev.levRight>div+div {
  margin: 17px 0 0 0;
}

.reportHeadSection.endSect .reportLev>div>strong {
  color: #222;
}

.reportHeadSection.endSect .reportLev>div {
  margin: 17px 0 0 0;
}

.reportHeadSection.endSect .reportLev>div+div {
  margin: 26px 0 0 0;
}

.reportSect2 .sectHalf {
  padding: 0 30px 0 0;
}

.reportHeadSection.half {
  float: left;
  width: calc(50% - 15px);
  height: auto;
  margin: 0 0 30px 0;
}

.reportHeadSection.half+.half {
  float: right;
}

.reportHeadSection.half .reportLev ul {}

.reportHeadSection.half .reportLev ul li {
  padding: 0 30px;
}

.reportHeadSection.half .reportLev ul li a {
  display: block;
}

.reportHeadSection.half .reportLev ul li a span {
  display: inline-block;
  width: 26px;
  height: 24px;
  background: #1b9ec9;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  border-radius: 6px;
}

.reportHeadSection.half .reportLev ul li a p {
  display: inline-block;
  width: 400px;
  margin: 0 0 0 20px;
  font-size: 18px;
  color: #555;
  font-weight: 400;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.reportHeadSection.half .reportLev ul li a:hover p {
  color: #222;
  text-decoration: underline;
}

.reportHeadSection.half .reportLev ul li+li {
  margin: 18px 0 0 0;
}

.reportSect.type2 {
  margin: 30px 0 0 0;
  padding: 26px 30px 30px 30px
}

.reportSect.type2 .reportHeadSection {}

.reportSect.type2 .reportHeadSection>strong {
  margin: 0;
}

.reportSect.type2 .reportMainSection {
  margin: 25px 0 0 0;
}

.reportSect.type2 .reportMainSectionGr .tblData {
  margin: 14px 0 0 0;
}

.reportSect.type2 .reportMainSectionGr .tblData>table {
  margin: 0;
}

.reportSect.type2 .reportWrap .reportLev>div:first-child+div {
  margin: 0 30px 0 0;
}

.reportSect.type2.type3 .reportHeadSection>strong {
  margin: 17px 0 0 0;
}

.reportSect.type2.type3 .reportLev>div {
  width: 300px;
}

.reportSect.type2 .reportMainSectionGr .tblData {
  margin: 0;
}

.reportSect.type2.type4 .reportHeadSection {
  position: relative;
  padding: 0 0 28px 0;
}

.reportSect.type2.type4 .reportHeadSection .exDown1 {
  position: absolute;
  right: 0;
  top: 7px;
}

.reportSect.type2.type4 .reportMainSection {
  padding: 0 30px 30px 30px;
}

.reportSect.type2.type4 .reportMainSection .reportMainSectionGr {
  border: 0;
}

.reportSect.type2.type4 table tbody tr td.arRight {
  text-align: right;
}

.populKey {
  position: relative;
  width: 1500px;
  margin: 49px auto 0;
}

.populKey>strong {
  font-size: 28px;
  color: #222;
  font-weight: 400;
  line-height: 30px;
}

.populKeyMore {
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 14px;
  color: #555;
  font-weight: 300;
}

.populKeyBox {
  margin: 23px 0 0 0;
  padding: 21px 30px 0 30px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.populKeyBoxTab>a {
  font-size: 14px;
  color: #aaa;
  font-weight: 400;
}

.populKeyBoxTab>a:hover {
  color: #11637e;
  font-weight: 500;
}

.populKeyBoxTab>a.on {
  color: #11637e;
  font-weight: 500;
}

.populKeyBoxTab>a+a {
  position: relative;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}

.populKeyBoxTab>a+a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #ddd;
}

.populKeyBoxList {
  margin: 19px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #eee;
}

.populKeyBoxList ul {}

.populKeyBoxList ul:after {
  display: block;
  content: "";
  clear: both;
}

.populKeyBoxList ul li {
  float: left;
  width: 20%;
  padding: 0 0 30px 0;
}

.populKeyBoxList ul li a {
  display: block;
}

.populKeyBoxList ul li a .num {
  display: inline-block;
  width: 26px;
  height: 24px;
  background: #11637e;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  border-radius: 6px;
  vertical-align: middle;
}

.populKeyBoxList ul li a .numItem {
  display: inline-block;
  width: 220px;
  margin: 0 0 0 13px;
  font-size: 16px;
  color: #555;
  font-weight: 400;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.populKeyBoxList ul li a:hover .numItem {
  text-decoration: underline;
  color: #222;
}

.ellips {
  display: block;
  width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.greyBox {
  margin: 21px 0 0 0;
  padding: 25px 30px 23px 30px;
  background: #f6f9fa;
  border-radius: 12px;
}

.greyBox li:first-child {
  margin: 0;
}

.greyBox li {
  margin: 8px 0 0 0;
}

.greyBox li strong {
  font-size: 16px;
  color: #555;
  font-weight: 500;
  line-height: 22px;
}

.greyBox li span {
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 22px;
}

.hasBorder {}

.reportMainSectionGr .full .hasBorder tbody td a {
  width: 435px;
}

.reportMainSectionGr th .up {
  padding: 0 20px 0 0;
  color: #555;
  background: url(/images/img_sort_on.png) no-repeat right center;
}

.reportMainSectionGr th .down {
  padding: 0 20px 0 0;
  color: #555;
  background: url(/images/img_sort_off.png) no-repeat right center;
}

.reportMainSectionGr th .up:hover {
  border-bottom: 1px solid #888;
}

.reportMainSectionGr th .down:hover {
  border-bottom: 1px solid #888;
}

[class*="pop-address-search"] {
  font-size: 12px;
  font-family: "돋움", Dotum, AppleGothic, sans-serif;
  color: #000;
}

[class*="pop-address-search"] * {
  padding: 0;
  margin: 0;
  line-height: 1.2em
}

[class*="pop-address-search"] p,
[class*="pop-address-search"] h1,
[class*="pop-address-search"] h2,
[class*="pop-address-search"] h3,
[class*="pop-address-search"] h4,
[class*="pop-address-search"] h5,
[class*="pop-address-search"] h6,
[class*="pop-address-search"] ul,
[class*="pop-address-search"] ol,
[class*="pop-address-search"] li,
[class*="pop-address-search"] dl,
[class*="pop-address-search"] dt,
[class*="pop-address-search"] dd,
[class*="pop-address-search"] div,
[class*="pop-address-search"] table,
[class*="pop-address-search"] th,
[class*="pop-address-search"] td,
[class*="pop-address-search"] form,
[class*="pop-address-search"] fieldset,
[class*="pop-address-search"] legend,
[class*="pop-address-search"] input,
[class*="pop-address-search"] textarea,
[class*="pop-address-search"] button,
[class*="pop-address-search"] select,
[class*="pop-address-search"] pre,
[class*="pop-address-search"] code {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}

[class*="pop-address-search"] input,
[class*="pop-address-search"] textarea,
[class*="pop-address-search"] select,
[class*="pop-address-search"] button,
[class*="pop-address-search"] table {
  font-size: 13px;
  font-family: "돋움", Dotum, AppleGothic, sans-serif;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

[class*="pop-address-search"] article,
[class*="pop-address-search"] aside,
[class*="pop-address-search"] details,
[class*="pop-address-search"] figcaption,
[class*="pop-address-search"] figure,
[class*="pop-address-search"] footer,
[class*="pop-address-search"] header,
[class*="pop-address-search"] hgroup,
[class*="pop-address-search"] nav,
[class*="pop-address-search"] section,
[class*="pop-address-search"] summary {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

[class*="pop-address-search"] img,
[class*="pop-address-search"] fieldset {
  border: 0;
  vertical-align: middle
}

[class*="pop-address-search"] iframe,
[class*="pop-address-search"] button {
  border: 0
}

[class*="pop-address-search"] ul,
[class*="pop-address-search"] ol {
  list-style: none
}

[class*="pop-address-search"] legend,
[class*="pop-address-search"] caption,
[class*="pop-address-search"] hr {
  display: none
}

[class*="pop-address-search"] table {
  border-collapse: collapse;
  border-spacing: 0;
}

[class*="pop-address-search"] a {
  text-decoration: none;
  font-family: "돋움", Dotum, AppleGothic, sans-serif;
}

/* 바탕 배경 이미지 */
.pop-address-search .pop-address-search-inner {
  background-image: url();
}

/* 회사 로고 이미지 */
.pop-address-search .pop-address-search-inner .logo {
  background: url(/images/PopUpAPI_Logo.png) no-repeat;
  background-position: center;
  min-height: 40px;
}

.pop-address-search {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 500px;
  min-height: 400px
}

.pop-address-search .pop-address-search-inner {
  position: relative;
  padding: 18px;
  padding-bottom: 20px;
  text-align: center;
  border: 1px solid #000;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 100% 100%
}

.pop-address-search .pop-address-search-inner fieldset {
  display: inline-block;
  position: relative;
  padding-right: 36px
}

.pop-address-search .pop-address-search-inner fieldset .close {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url(/images/btn-close-search.png) 50% 50% no-repeat;
  text-indent: -9999px
}

.pop-address-search .pop-address-search-inner .wrap {
  display: block;
  width: 350px;
  position: relative;
  border: 2px solid #186bb9;
  padding: 0 39px 0 0
}

.pop-address-search .pop-address-search-inner .wrap:after {
  content: "";
  display: block;
  clear: both
}

.pop-address-search .pop-address-search-inner .wrap * {
  height: 39px;
  border: 0 none
}

.pop-address-search .pop-address-search-inner .wrap input[type="text"] {
  width: 100%;
  line-height: 39px;
  font-size: 14px;
}

.pop-address-search .pop-address-search-inner .wrap input[type="button"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 39px;
  background: url(/images/btn-search.png) 50% 50% no-repeat
}

.pop-address-search .pop-address-search-inner .guide {
  display: inline-block;
  margin-top: 14px;
  color: #186bb9;
  padding-right: 39px
}

.pop-address-search .pop-address-search-inner .logo {
  text-align: center;
  margin-top: 15px;
}

.pop-address-search .pop-address-search-inner .exam {
  text-align: left;
  margin-top: 5px
}

.pop-address-search .pop-address-search-inner .exam table.data-col {
  border-bottom: 1px solid #ddd;
  margin-top: 16px
}

.pop-address-search .pop-address-search-inner .exam table.data-col thead tr th {
  text-align: center;
  height: 49px;
  padding: 16px 0
}

.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr td {
  text-align: left;
  height: auto;
  padding: 19px 0 7px 20px;
  border-bottom: 0
}

.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr~tr td {
  padding-top: 7px
}

.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr:last-child td {
  padding-bottom: 19px
}

.pop-address-search .pop-address-search-inner .exam table.data-col~p {
  margin-top: 19px;
}

.pop-address-search .pop-address-search-inner .result {
  margin-top: 25px
}

.pop-address-search .pop-address-search-inner .result .text-guide {
  text-align: left
}

.pop-address-search .pop-address-search-inner .result .text-guide strong {
  color: #186bb9
}

.pop-address-search .pop-address-search-inner .result .text-guide~table.data-col {
  margin-top: 16px;
}

.pop-address-search .pop-address-search-inner .result table.data-col tbody tr td {
  line-height: 1.57em
}

.pop-address-search .pop-address-search-inner .result table.data-col thead tr th,
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr td {
  height: 40px;
  padding: 1px 0
}

.pop-address-search .pop-address-search-inner .result table.data-col tbody tr:nth-child(odd) td {
  background: #f7f7f7
}

.pop-address-search .pop-address-search-inner .result table.data-col tbody tr.nodata td {
  background: #fff
}

.pop-address-search .pop-address-search-inner .detail {
  margin-top: 25px
}

.pop-address-search .pop-address-search-inner .detail p {
  margin-bottom: 16px;
  text-align: left
}

.pop-address-search .pop-address-search-inner .detail table.data-row tbody tr td {
  text-align: left;
  line-height: 1.57em
}

.pop-address-search-form {
  background: #fff
}

.pop-address-search-form .pop-address-header {
  padding: 20px 30px;
  background: #333
}

.pop-address-search-form .pop-address-header h2 {
  font-size: 20px;
  font-weight: normal;
  color: #fff
}

.pop-address-search-form .pop-address-body {
  padding: 30px
}

.pop-address-search-form .pop-address-field {
  display: block;
  width: 388px;
  margin: 0 auto;
  margin-bottom: 29px;
  position: relative;
  border: 2px solid #186bb9;
  padding: 0 39px 0 0
}

.pop-address-search-form .pop-address-field:after {
  content: "";
  display: block;
  clear: both
}

.pop-address-search-form .pop-address-field * {
  height: 39px;
  border: 0 none
}

.pop-address-search-form .pop-address-field input[type="text"] {
  width: 100%;
  line-height: 39px;
}

.pop-address-search-form .pop-address-field input[type="button"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 39px;
  background: url(/images/btn-search.png) 50% 50% no-repeat
}

.pop-address-search-form .pop-address-body .text-guide {
  margin-bottom: 15px
}

.pop-address-search-form .pop-address-body table.data-col thead tr th,
.pop-address-search-form .pop-address-body table.data-col tbody tr td {
  height: 49px;
  padding: 16px 0
}

.pop-address-search-form .pop-address-body table.data-col tbody tr:nth-child(odd) td {
  background: #f7f7f7
}

.pop-address-search-form .pop-address-body table.data-col tbody tr.nodata td {
  background: #fff
}

.pop-address-search-form .pop-address-body .paginate {
  margin-top: 20px
}

.pop-address-search-form .pop-address-detail {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px dotted #666
}

.pop-address-search-form .pop-address-detail .btns-submit {
  margin-top: 20px
}

.pop-address-search-form .pop-address-detail .pop-address-jibun {
  margin-top: 19px
}

.pop-address-search-wrapper {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.pop-address-search-layer {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  margin: -290px 0 0 -340px;
  width: 680px;
  border: 1px solid #000;
  -webkit-box-shadow: 5px 5px 12px -2px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 5px 5px 12px -2px rgba(0, 0, 0, 0.36);
  box-shadow: 5px 5px 12px -2px rgba(0, 0, 0, 0.36);
}

.pop-address-search-layer .pop-address-header {
  position: relative
}

.pop-address-search-layer .pop-address-header .close {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url(/images/btn-close-pop.png) 50% 50% no-repeat;
  text-indent: -9999px
}


/* form element */
/* radio, checkbox */
[class*="pop-address-search"] input[type="checkbox"],
[class*="pop-address-search"] input[type="radio"] {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-right: 3px
}

/* select, input text */
[class*="pop-address-search"] select,
[class*="pop-address-search"] input[type="text"],
[class*="pop-address-search"] input[type="password"] {
  display: inline-block;
  height: 35px;
  line-height: 33px;
  padding: 0 9px;
  border: 1px solid #ccc;
  vertical-align: middle
}

[class*="pop-address-search"] input[type="text"].input-datepicker {
  width: 130px;
  background: #fff url(/images/ico-datepicker.gif) right 50% no-repeat
}

[class*="pop-address-search"] .read-only {
  background-color: #f7f7f7
}

[class*="pop-address-search"] ::-webkit-input-placeholder {
  color: #999;
}

[class*="pop-address-search"] :-moz-placeholder {
  color: #999;
}

[class*="pop-address-search"] ::-moz-placeholder {
  color: #999;
}

[class*="pop-address-search"] :-ms-input-placeholder {
  color: #999;
}

[class*="pop-address-search"] input.placeholder,
[class*="pop-address-search"] textarea.placeholder {
  color: #999;
}

[class*="pop-address-search"] select {
  padding: 0 25px 0 14px
}

[class*="pop-address-search"] textarea {
  display: block;
  width: 100%;
  line-height: 1.333em;
  padding: 15px 14px;
  border: 1px solid #ccc;
}

[class*="pop-address-search"] .wrap-file {
  position: relative
}

[class*="pop-address-search"] .wrap-file input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0
}

[class*="pop-address-search"] .wrap-file input[type="text"] {
  width: 100%
}

/* button and */
[class*="btn-"] {
  display: inline-block;
  height: 35px;
  line-height: 34px;
  min-width: 90px;
  text-align: center;
  padding: 0 10px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

[class*="btn-"].l {
  height: 43px;
  line-height: 42px;
  padding: 0 20px
}

[class*="btn-"].download span {
  padding-left: 25px;
  font-weight: bold;
  background: url(/images/btn-download-red.png) 0 50% no-repeat
}

[class*="btn-"].go span {
  padding-right: 21px;
  font-weight: bold;
  background: url(/images/btn-go-w.png) 100% 50% no-repeat
}

.btn-b {
  color: #fff;
  background: #000;
  border: 1px solid #000
}

.btn-w {
  background: #fff;
  border: 1px solid #000
}

.btn-bl {
  color: #fff;
  background: #186bb9;
  border: 1px solid #186bb9
}

.btn-dg {
  color: #fff;
  background: #333;
  border: 1px solid #333
}

.btn-g {
  color: #fff;
  background: #666;
  border: 1px solid #666
}

.btns-submit {
  text-align: center;
  margin-top: 25px
}

.btns-submit [class*="btn"] {
  margin: 0 7px
}

.btns-submit:after {
  content: "";
  display: block;
  clear: both
}

.btns-submit .flex {
  float: left
}

.btns-submit .flex~.flex {
  padding-left: 10px
}

.btns-submit .flex [class*="btn-"] {
  margin: 0 0 0 0;
  width: 100%
}

.btns-submit .more {
  display: inline-block;
  margin-top: -5px;
  padding-top: 35px;
  background: url(/images/btn-more.png) 50% 0 no-repeat
}

.btns-submit .left {
  float: left;
  text-align: left
}

.btns-submit .left>* {
  margin: 0 6px 0 0
}

.btns-submit .right {
  float: right;
  text-align: right
}

.btns-submit .right>* {
  margin: 0 0 0 6px
}

.btns-submit .right .text-guide {
  display: inline-block;
  margin-right: 5px
}

/* data table, data list, board */
/* common */
table {
  width: 100%
}

table tr th .hidden {
  position: absolute;
  left: -9999em
}

/* data, row */
table.data-row {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb
}

table.data-row tr~tr th,
table.data-row tr~tr td {
  border-top: 1px solid #ddd
}

table.data-row th {
  padding: 15px 0;
  background: #f7f7f7;
  text-align: center
}

table.data-row td {
  /* height:40px; */
  height: 65px;
  padding: 15px
}

table.data-row td input[type="text"]+input[type="checkbox"],
table.data-row td input[type="text"]+input[type="radio"],
table.data-row td input[type="password"]+input[type="checkbox"],
table.data-row td input[type="password"]+input[type="radio"] {
  margin-left: 11px
}

table.data-row td input[type="text"]+[class*="btn-"] {
  margin-left: 6px
}

table.data-row td .row:after {
  content: "";
  display: block;
  clear: both
}

table.data-row td .flex {
  float: left
}

table.data-row td .flex~.flex {
  padding-left: 10px
}

table.data-row td .flex input[type="text"],
table.data-row td .flex input[type="password"] {
  width: 100%
}

table.data-row td .flex [class*="btn-"] {
  width: 100%;
  padding: 0 0 0 0
}

table.data-row td p.guide {
  line-height: 1.57em;
  margin-top: 6px
}

table.data-row th .req {
  display: inline-block;
  width: 12px;
  height: 15px;
  background: url(/images/ico-required.png) 0 50% no-repeat;
  vertical-align: text-top;
  margin-right: 6px;
  text-indent: -9999px
}

/* date col */
table.data-col {
  table-layout: fixed;
  border-top: 1px solid #000
}

table.data-col thead tr th,
table.data-col tbody tr td {
  height: 59px;
  padding: 21px 0;
  border-bottom: 1px solid #000
}

table.data-col thead tr th {
  border-bottom: 1px solid #000
}

table.data-col tbody tr td {
  border-bottom: 1px solid #ddd;
  text-align: center;
}

table.data-col tbody tr td.subj {
  text-align: left;
}

table.data-col tbody tr td.subj p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

/* search */
/* board search */
.search-data {
  margin-top: 30px;
  padding: 29px;
  border: 1px solid #999;
  text-align: center
}

.search-data label {
  margin-right: 6px;
  font-weight: bold
}

.search-data input[type='text'] {
  width: 400px;
  margin-right: 6px
}

/* nav, tab */
.paginate {
  margin-top: 10px;
  text-align: center
}

.paginate>* {
  display: inline-block;
  padding: 0px;
  min-width: 31px;
  height: 31px;
  line-height: 31px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

.paginate strong {
  color: #fff;
  border: 1px solid #186bb9;
  background: #186bb9;
}

.paginate a:hover,
.paginate a:focus {
  border: 1px solid #ccc
}

.paginate a {
  text-decoration: none;
  font-family: "돋움", Dotum, AppleGothic, sans-serif;
  color: #000;
}

.paginate .skip {
  padding: 0;
  text-align: left;
  text-indent: -9999px;
  *text-indent: 0;
  *font-size: 0;
  *color: #fff;
  border: 1px solid #ccc
}

.paginate .skip.prev {
  margin-right: 18px;
  background: url(/images/btn-paginate-prev.png) 50% 50% no-repeat
}

.paginate .skip.prev10 {
  background: url(/images/btn-paginate-prev10.png) 50% 50% no-repeat
}

.paginate .skip.next {
  margin-left: 18px;
  background: url(/images/btn-paginate-next.png) 50% 50% no-repeat
}

.paginate .skip.next10 {
  background: url(/images/btn-paginate-next10.png) 50% 50% no-repeat
}

/* text */
.tit-bul {
  margin-bottom: 19px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 13px;
  background: url(/images/bul-6x6-circle.png) 0 50% no-repeat
}

.appr {
  color: #1661a7
}

.list-text li {
  padding-left: 8px;
  line-height: 1.57em;
  background: url(/images/bul-3x3-circle.png) 0 0.6em no-repeat
}

.list-text li.emp {
  background: url(/images/bul-3x3-circle-red.png) 0 0.6em no-repeat
}

.list-text li~li {
  margin-top: 3px
}

.list-text li strong {
  color: #df1919
}

.text-guide {
  padding-left: 8px;
  line-height: 1.57em;
  background: url(/images/bul-3x3-circle.png) 0 0.6em no-repeat
}

/* 해외지사 */
/* 2021-07-03 */
.oversea .overseaLogo {
  height: 90px;
  padding: 34px 0 0 0;
  text-align: center;
}

.oversea .overseaLogo img {
  height: 36px;
  max-width: 335px;
}

.oversea .overseaGnb {
  height: 70px;
  border-top: 1px solid #dde2e5;
  border-bottom: 1px solid #dde2e5;
}

.oversea .overseaGnbArea {
  width: 1500px;
  margin: 0 auto;
}

.oversea .overseaGnbArea>ul {
  width: 900px;
  margin: 0 auto;
}

.oversea .overseaGnbArea>ul:after {
  display: block;
  content: "";
  clear: both;
}

.oversea .overseaGnbArea>ul>li {
  position: relative;
  float: left;
  width: calc(100% / 3);
}

.oversea .overseaGnbArea>ul>li>a {
  display: inline-block;
  position: relative;
  z-index: 15;
  height: 70px;
  padding: 20px 0 0 0;
  font-size: 18px;
  color: #aaa;
  font-weight: 400;
  line-height: 30px;
}

.oversea .overseaGnbArea>ul>li>a:hover {
  text-decoration: underline;
}

.typeOr>a {
  margin: 0 0 0 32px;
}

.typeOr>a:after {
  display: block;
  content: "";
  position: absolute;
  left: -34px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 0;
  background: #ff6c00;
  border-radius: 5px;
}

.typeBl>a {
  margin: 0 0 0 66px;
}

.typeBl>a:after {
  display: block;
  content: "";
  position: absolute;
  left: -34px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 0;
  background: #00a0e9;
  border-radius: 5px;
}

.typeGr>a {
  margin: 0 0 0 166px;
}

.typeGr>a:after {
  display: block;
  content: "";
  position: absolute;
  left: -34px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 0;
  background: #01af51;
  border-radius: 5px;
}

.oversea .footerList {
  width: 1500px;
  margin: 0 auto;
  padding: 35px 0 0 0;
}

.oversea .footerList:after {
  display: block;
  content: "";
  clear: both;
}

.oversea .footerList li {
  position: relative;
  float: left;
  width: calc(100% / 3);
  font-size: 14px;
  color: #aaa;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
}

.oversea .footerList li a {
  font-size: 14px;
  color: #aaa;
  font-weight: 300;
  line-height: 22px;
}

.oversea .footerList li a:hover {
  text-decoration: underline;
}

.oversea .footerList li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin: -5px 0 0 0;
  background: #eee;
}

.oversea .footerList li:first-child:before {
  display: none;
}

.oversea .footerOvrLogo {
  margin: 32px 0 0 0;
}

.oversea .footerOvrLogo ul {
  text-align: center;
}

.oversea .footerOvrLogo ul li {
  display: inline-block;
}

.oversea .footerOvrLogo ul li+li {
  margin: 0 0 0 104px;
}

.headerOvr {
  height: 150px;
  background: #f7f9fc;
}

.headerOvrIn {
  position: relative;
  width: 1500px;
  margin: 0 auto;
}

.headerOvr .ovrLogo {
  position: absolute;
  left: 60px;
  top: 50px;
}

.headerOvr .ovrTitle {
  padding: 29px 0 0 0;
  text-align: center;
}

.headerOvr .ovrTitle strong>a {
  display: block;
  margin: 25px 0 0 0;
  font-size: 48px;
  color: #114f6a;
  line-height: 32px;
  font-weight: bold;
}

.headerOvr .ovrTitle span {
  display: block;
  font-size: 20px;
  color: #555;
  font-weight: 500;
  line-height: 32px;
}

.headerOvr .ovrSNS {
  position: absolute;
  right: 0;
  top: 60px;
}

.headerOvr .ovrSNS>span {
  margin: 0 13px 0 0;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 30px;
  vertical-align: middle;
}

.snsI {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(/images/branch/img_ovr_insta.png) no-repeat 0 0;
  vertical-align: middle;
}

.snsF {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 0 0 4px;
  background: url(/images/branch/img_ovr_face.png) no-repeat 0 0;
  vertical-align: middle;
}

.snsT {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 0 0 4px;
  background: url(/images/branch/img_ovr_twit.png) no-repeat 0 0;
  vertical-align: middle;
}

.ovrseaBox {
  padding: 35px 40px;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 22px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.ovrseaGrey {}

.ovrseaGrey:after {
  display: block;
  content: "";
  clear: both;
}

.ovrseaGrey>div {
  position: relative;
  float: left;
  width: 348px;
  height: 120px;
  margin: 30px 0 0 36px;
  background: #f6f9fa;
  border-radius: 12px;
}

.ovrseaGrey>div>span {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  font-size: 18px;
  color: #49b1d4;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  transform: translate(0, -50%);
}

.ovrseaGrey>div:first-child {
  margin: 0;
}

.ovrseaGrey>div:nth-child(2) {
  margin: 0 0 0 36px;
}

.ovrseaGrey>div:nth-child(3n) {
  float: right;
  margin: 30px 0 0 0;
}

.ovrseaGrey>div:nth-child(3) {
  margin: 0 0 0 0;
}

.ovrseaGrey>div:nth-child(3n+1) {
  margin-left: 0;
}

.ovrseaList {}

.ovrseaList ul {}

.ovrseaList ul li {
  position: relative;
  height: 78px;
  padding: 26px 30px;
  border-bottom: 1px solid #eee;
}

.ovrseaList ul li:first-child {
  border-top: 1px solid #eee;
}

.ovrseaList ul li a {
  font-size: 16px;
  color: #222;
  font-weight: 400;
  line-height: 26px;
}

.ovrseaList ul li a:hover {
  text-decoration: underline;
}

.ovrseaList ul li span {
  position: absolute;
  right: 30px;
  top: 28px;
  font-size: 14px;
  color: #555;
  font-weight: 300;
}

.ovrseaPos {
  position: relative;
}

.ovrGoLink {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -67px;
  height: 36px;
  padding: 0 26px;
  background: #188eb5;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 36px;
  border-radius: 6px;
  transition: all .3s ease;
}

.ovrGoLink:hover {
  background: #11637e;
}

.ovrseaTit {
  margin: 52px 0 0 0;
}

.ovrsea.footer {
  margin: 108px 0 0 0;
}

.ovrsea.m_left {
  position: relative;
}

.ovrseaHome {
  position: absolute;
  bottom: -225px;
  left: 86px;
  width: 140px;
  height: 200px;
  background: url(/images/branch/img_ovrsea_home.png) no-repeat 0 0;
}

.ovrseaHome>a {
  display: block;
  margin: 83px 0 0 0;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.ovrseaHome>a:hover {
  text-decoration: underline;
}

.qna {
  width: 155px;
  height: 46px;
  background: #e8f5f9;
  font-size: 16px;
  color: #188eb5;
  font-weight: 500;
  line-height: 46px;
  text-align: center;
  transition: all .3s ease;
  border: 1px solid #fff;
  border-radius: 12px;
}

.qna:hover {
  border: 1px solid #188eb5;
}

.ovrseaRightList {}

.ovrseaRightList li {
  position: relative;
  margin: 30px 0 0 0;
}

.ovrseaRightList li:first-child {
  margin: 0;
}

.ovrseaRightList li:after {
  display: block;
  content: "";
  clear: both;
}

.ovrseaRightList .ovrseaTitleBox {
  position: relative;
  float: left;
  width: 300px;
  height: 140px;
  background: #a4d8e9;
  border-radius: 12px;
}

.ovrseaRightList .ovrseaTitleBox>span {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 18px;
  color: #11637e;
  font-weight: bold;
  line-height: 20px;
  transform: translate(-50%, -50%);
  text-align: center;
}

.ovrseaRightList .ovrseaTextBox {
  position: relative;
  float: right;
  width: 796px;
  height: 140px;
  border: 1px solid #dee3e5;
  border-radius: 12px;
}

.ovrseaRightList .ovrseaTextBox>span {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 30px;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 22px;
  transform: translate(0, -50%);
}

.ovrseaMor {
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 134px;
  height: 40px;
  padding: 0 20px 0 48px;
  background: #dee3e5 url(/images/branch/img_ovrsea_more.png) no-repeat 20px 10px;
  font-size: 14px;
  color: #11637e;
  font-weight: 400;
  line-height: 40px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.ovrseaMor:hover {
  text-decoration: underline;
}

.overseaNotice {
  margin: 20px 0 0 0;
}

.overseaNotice ul {}

.overseaNotice ul li {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.overseaNotice ul li:first-child {
  border-top: 1px solid #e5e5e5;
}

.overseaNotice ul li a {
  display: block;
  height: 80px;
  padding: 25px 120px 30px 30px;
  font-size: 16px;
  color: #222;
  font-weight: 400;
  line-height: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overseaNotice ul li span {
  position: absolute;
  right: 30px;
  top: 26px;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  line-height: 26px;
}

.overseaNotice ul li span img {
  height: 40px;
  width: 40px;
}

.overseaNotice.detail {}

.overseaNotice.detail li {
  border-bottom: 0;
}

.overseaNotice.detail li strong {
  display: block;
  height: 80px;
  padding: 25px 120px 30px 30px;
  font-size: 16px;
  color: #222;
  font-weight: 400;
  line-height: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: #fafbfc;
  box-sizing: border-box;
}

.overseaNotice.detail li div {
  padding: 26px 30px 30px 30px;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 22px;
  border-top: 1px solid #eee;
}

.interests_top.ovrsea .ipArea select {
  background: #f7f9fc url(/images/branch/img_lang_sel2.png) no-repeat right 15px center;
}

.interests_top.ovrsea .ipArea input {
  background: #f7f9fc;
}

.interests_top.ovrsea .ipArea a {
  background: #188eb5;
  color: #fff;
}

.interests_top.ovrsea .ipArea a:hover {
  background: #11637e;
}

.tblList2 {
  margin: 20px 0 0 0;
}

.tblList2 thead th {
  background: #f6f9fa;
  padding: 19px 0 17px;
  font-size: 14px;
  color: #aaa;
  font-weight: 300;
  text-align: center;
  border-right: 1px solid #eee;
}

.tblList2 thead th:first-child {
  border-left: 1px solid #eee;
}

.tblList2 tbody td {
  padding: 16px 30px;
  background: #fff;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  text-align: center;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

.tblList2 tbody td:first-child {
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
  border-left: 1px solid #eee;
}

.tblList2 tbody td.tblListType01 {
  font-size: 14px;
  color: #aaa;
  font-weight: 300;
}

.tblList2 tbody td.tblListType02 {
  font-size: 14px;
  color: #222;
  font-weight: 300;
}

.tblList2 tbody td.tblListType03 {
  font-size: 14px;
  color: #188eb5;
  font-weight: 400;
  text-align: left;
}

.tblList2 tbody td.tblListType03 a {
  font-size: 14px;
  color: #188eb5;
  font-weight: 400;
  text-decoration: underline;
}

.tblList2 tbody td.tblListType04 {
  font-size: 14px;
  color: #555;
  font-weight: 300;
}

.tblList2 tbody td.tblListType05 {
  font-size: 14px;
  color: #222;
  font-weight: 300;
}

.tblList2 tbody td.tblListType06 {
  background: #fafcfc;
  font-size: 14px;
  color: #555;
  font-weight: 500;
}

.tblList2 tbody td.tblListType07 {
  background: #fafcfc;
  font-size: 14px;
  color: #222;
  font-weight: 300;
  line-height: 26px;
  text-align: left
}

.contactBox {
  position: relative;
  margin: 38px 0 0 0;
  border: 1px solid #eaeaea;
  border-radius: 12px;
}

.contactBox+.contactBox {
  margin: 176px 0 0 0;
}

.contactBoxTitle {}

.contactBoxTitle>strong {
  display: block;
  padding: 24px 40px;
  font-size: 20px;
  color: #555;
  font-weight: 500;
  line-height: 26px;
}

.contactBoxDesc {
  padding: 24px 40px;
  border-top: 1px solid #eaeaea;
}

.contactBoxDesc li {}

.contactBoxDesc li+li {
  margin: 20px 0 0 0;
}

.contactBoxDesc li:after {
  display: block;
  content: "";
  clear: both;
}

.contactBoxDesc li>strong {
  display: block;
  float: left;
  width: 100px;
  font-size: 20px;
  color: #555;
  font-weight: 500;
  line-height: 26px;
  box-sizing: border-box;
  vertical-align: middle;
}

.contactBoxDesc li>span {
  display: block;
  float: left;
  width: 920px;
  font-size: 16px;
  color: #555;
  font-weight: 300;
  line-height: 30px;
  vertical-align: middle;
}

.contactBox .qna {
  display: block;
  position: absolute;
  right: 0;
  top: -75px;
  width: 155px;
  height: 46px;
  background: #e8f5f9;
  font-size: 16px;
  color: #188eb5;
  font-weight: 500;
  line-height: 46px;
  text-align: center;
  transition: all .3s ease;
  border: 1px solid #fff;
  border-radius: 12px;
}

.contactBox .qna:hover {
  border: 1px solid #188eb5;
}

.contactBoxDescTle {
  display: block;
  float: left;
  width: 330px;
  height: 60px;
  background: #a4d8e9;
  font-size: 18px;
  color: #11637e;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  border-radius: 12px;
}

.contactBoxDescDes {
  display: block;
  float: right;
  width: 680px;
  height: 60px;
  border: 1px solid #dee3e5;
  border-radius: 12px;
  text-align: center;
}

.contactBoxDescDes a {
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: 60px;
}

.contactBoxDescDes a:hover {
  text-decoration: underline;
}

.tblList.ovrseas {
  margin: 20px 0 0 0;
}

.layerArea .lyContents .ipArea.noBlock input[type=radio]+label {
  display: inline-block;
  margin: 0 0 15px 15px;
}

.layerArea .lyContents.lyOvr {
  top: 50px;
  transform: translate(-50%, 0);
}

.layerArea .lyContents.lyOvr .tblData {
  margin: 30px 0 0 0;
}

.layerArea .lyContents.lyOvr .btnArea {
  margin: 39px 0 0 0;
}

/* .ovrseaH {height:160px;} */
.ovrseaF {
  margin: 0;
}

.ovrseaC {
  background: #f6f9fa;
}

.mp {
  position: relative;
  width: 1500px;
  height: 820px;
  margin: 0 auto;
  background: url(/images/branch/img_mp.png) no-repeat 0 0;
}

.mpTarget {
  position: absolute;
  left: 0;
  top: 0;
}

.mpSNS {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  padding: 12px 20px;
  background: #fff;
  border: 1px solid #188eb5;
  border-radius: 25px;
}

.mpSNS.on {
  display: inline-block;
}

.mpSNS.has1 {
  top: 32px;
  width: 66px;
  left: -27px;
}

.mpSNS.has2 {
  top: 32px;
  width: 100px;
  left: -44px;
}

.mpSNS.has3 {
  top: 32px;
  width: 132px;
  left: -60px;
}

.mpSNS.has4 {
  top: 32px;
  width: 165px;
  left: -76px;
}

.mpSNS.has5 {
  top: 32px;
  width: 198px;
  left: -93px;
}

.mpSNS.has6 {
  top: 32px;
  width: 232px;
  left: -110px;
}

.mpSNS:after {
  display: block;
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  width: 18px;
  height: 16px;
  margin: 0 0 0 -9px;
  background: url(/images/branch/img_pol.png) no-repeat 0 0;
}

.mpSNS a+a {
  margin: 0 0 0 5px;
}

.mpTarget .target {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 40px;
  text-align: center;
}

.mpSNS .in {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/branch/img_ovr_ins.png) no-repeat 0 0;
}

.mpSNS .in.on {
  background: url(/images/branch/img_ovr_ins_on.png) no-repeat 0 0;
}

.mpSNS .yt {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/branch/img_ovr_yt_on.png) no-repeat 0 0;
}

.mpSNS .yt.on {
  background: url(/images/branch/img_ovr_yt_on.png) no-repeat 0 0;
}

.mpSNS .fb {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/branch/img_ovr_fb.png) no-repeat 0 0;
}

.mpSNS .fb.on {}

.mpSNS .tw {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/branch/img_ovr_tw.png) no-repeat 0 0;
}

.mpSNS .tw.on {}

.mpSNS .vk {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/branch/img_ovr_vk.png) no-repeat 0 0;
}

.mpSNS .vk.on {}

.mpSNS .ho {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/branch/img_ovr_ho.png) no-repeat 0 0;
}

.mpSNS .ho.on {}

.moscow {
  position: absolute;
  left: 252px;
  top: 236px;
}

.germany {
  position: absolute;
  left: 140px;
  top: 270px;
}

.paris {
  position: absolute;
  left: 110px;
  top: 294px;
}

.kazahstan {
  position: absolute;
  left: 392px;
  top: 270px;
}

.saudi {
  position: absolute;
  left: 288px;
  top: 402px;
}

.dubai {
  position: absolute;
  left: 331px;
  top: 409px;
}

.india {
  position: absolute;
  left: 415px;
  top: 385px;
}

.mongol {
  position: absolute;
  left: 510px;
  top: 280px;
}

.vladivostok {
  position: absolute;
  left: 670px;
  top: 310px;
}

.dalian {
  position: absolute;
  left: 623px;
  top: 333px;
}

.beijing {
  position: absolute;
  left: 603px;
  top: 340px;
}

.qingdao {
  position: absolute;
  left: 607px;
  top: 363px;
}

.chendu {
  position: absolute;
  left: 570px;
  top: 380px;
}

.hanoi {
  position: absolute;
  left: 552px;
  top: 419px;
}

.bangkok {
  position: absolute;
  left: 530px;
  top: 444px;
}

.cambodia {
  position: absolute;
  left: 549px;
  top: 455px;
}

.hochimin {
  position: absolute;
  left: 564px;
  top: 460px;
}

.jakarta {
  position: absolute;
  left: 564px;
  top: 529px;
}

.osaka {
  position: absolute;
  left: 683px;
  top: 364px;
}

.tokyo {
  position: absolute;
  left: 706px;
  top: 342px;
}

.shanghai {
  position: absolute;
  left: 614px;
  top: 387px;
}

.hongkong {
  position: absolute;
  left: 598px;
  top: 404px;
}

.philipines {
  position: absolute;
  left: 620px;
  top: 435px;
}

.australia {
  position: absolute;
  left: 635px;
  top: 585px;
}

.la {
  position: absolute;
  left: 1135px;
  top: 353px;
}

.newyork {
  position: absolute;
  left: 1296px;
  top: 344px;
}

.brazil {
  position: absolute;
  left: 1370px;
  top: 530px;
}

.mpBtmBtn {
  position: absolute;
  bottom: 40px;
  left: 330px;
  text-align: center;
}

.mpBtmBtn a {
  display: inline-block;
  height: 60px;
  background: #188eb5;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 60px;
  transition: all .3s ease;
  border-radius: 12px;
}

.mpBtmBtn a span {
  display: block;
  height: 60px;
  padding: 0 74px 0 40px;
  background: url(/images/branch/img_ovr_down.png) no-repeat right 40px top 20px;
}

.mpBtmBtn a:hover {
  background: #11637e
}

.mpBtmBtn a+a {
  margin: 0 0 0 16px;
}

.ovrDep2 {
  display: none;
  position: absolute;
  left: -90px;
  top: -1px;
  z-index: 10;
  background: #fff;
  border: 1px solid #dde2e5;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.ovrDep2.on {
  display: block;
}

.ovrDep2>ul {
  margin: 68px 0 0 0;
  padding: 16px 0 28px 0;
  border-top: 1px solid #dde2e5;
}

.ovrDep2>ul>li {}

.ovrDep2>ul>li>a {
  display: block;
  width: 360px;
  padding: 0 30px;
  font-size: 16px;
  color: #aaa;
  font-weight: 400;
  line-height: 42px;
  box-sizing: border-box;
}

.ovrDep2>ul>li>a:hover,
.ovrDep2 ul>li>a.on {
  background: url(/images/branch/img_ovr_arr_right.png) no-repeat 330px center;
  font-size: 16px;
  color: #222;
  font-weight: 400;
  line-height: 42px;
}

.typeBl .ovrDep2 {
  left: -30px;
}

.typeGr .ovrDep2 {
  left: 30px;
}

.typeGr .ovrDep2>ul>li>a:hover {
  background: 0;
  text-decoration: underline;
}


.ovrDep3 {
  display: none;
  position: absolute;
  left: 360px;
  top: 68px;
  background: #fff;
  border: 1px solid #dde2e5;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.ovrDep3.on {
  display: block;
}

.ovrDep3 ul {
  padding: 21px 0;
}

.ovrDep3 ul li {}

.ovrDep3 ul li a {
  display: block;
  width: 360px;
  padding: 0 30px 0 37px;
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
  line-height: 32px;
}

.ovrDep3 ul li a:hover {
  color: #222;
  font-weight: 400;
  text-decoration: underline;
}

.ovrGoLink2 {
  display: block;
  position: absolute;
  left: 0;
  bottom: 65px;
  width: 140px;
  height: 200px;
  padding: 92px 0 0 0;
  background: url(/images/branch/img_ovr_golink.png) no-repeat 0 0;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.ovrGoLink2:hover {
  text-decoration: underline;
}

.ovrGoLink3 {
  display: inline-block;
  position: absolute;
  right: 0;
  height: 36px;
  padding: 0 26px;
  background: #188eb5;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 36px;
  border-radius: 6px;
  transition: all .3s ease;
  margin-right: 20px;
  margin-top: 5px;
}

.ovrGoLink3:hover {
  background: #11637e;
}


.onlineNext {
  display: block;
  position: relative;
  right: -32px;
  top: -250px;
  float: right;
  width: 64px;
  height: 64px;
  background: url(/images/img_pop_next.png) no-repeat 0 0;
  cursor: pointer;
}

.onlinePrev {
  display: block;
  position: relative;
  left: -32px;
  top: -250px;
  float: left;
  width: 64px;
  height: 64px;
  background: url(/images/img_pop_prev.png) no-repeat 0 0;
  cursor: pointer;
}

.onlineNext:hover {
  background: url(/images/img_pop_next_on.png) no-repeat 0 0;
  cursor: pointer;
}

.onlinePrev:hover {
  background: url(/images/img_pop_prev_on.png) no-repeat 0 0;
  cursor: pointer;
}




/* 220718 추가 */
.inner_wrap {
  width: 1500px;
  margin: 0 auto;
}

/* slick */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir='rtl'] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

/* main_visual*/
#forest_product .visual_slider {}

#forest_product .main_visual .inner_wrap {
  position: relative;
}

#forest_product .main_visual .item {
  height: 470px;
  overflow: hidden;
  position: relative
}

#forest_product .main_visual .item img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

#forest_product .main_visual .item b {
  font-size: 42px;
  font-family: 'Montserrat';
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  padding-top: 175px;
  line-height: 1.3;
  color: #464d54;
}

#forest_product .main_visual .item span {
  color: #eb5863;
}


/* con 공통 */
#forest_product .con {
  padding: 110px 0;
}

#forest_product .con * {
  font-family: 'Pretendard';
}

#forest_product .con .con_title {
  display: block;
  line-height: 1;
  font-size: 48px;
  color: #3c4249;
  font-weight: 900;
  margin-bottom: 45px;
}

#forest_product .btn {
  border-radius: 100px;
  display: inline-block;
  font-size: 16px;
  color: #545454;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.2s;
}

#forest_product .btn::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 5px;
  position: relative;
  left: 0px;
  transition: all 0.2s;
  background: url(../images/forest/i_btn_arrow.png) no-repeat center center;
  margin-left: 32px;
  vertical-align: 3px;
  transition-delay: 0.05s;
}

/* con1 */
#forest_product .con1 {
  overflow: hidden;
}

#forest_product .con1 .inner_wrap {
  position: relative;
}

#forest_product .con1 p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 200;
  margin-bottom: 55px;
  width: 65%;
}

#forest_product .con1 .btn {
  width: 148px;
  height: 58px;
  border: 1px solid #cccccc;
  line-height: 56px;
  text-align: center;
  margin-top: 57px;
}

#forest_product .con1 .btn:hover {
  width: 158px;
}

#forest_product .con1 .btn:hover::after {
  left: 5px;
}

#forest_product .con1 img {
  position: absolute;
  right: 0;
  top: 30px;
}

/* con2 */
#forest_product .con2 {
  background: #f1f5f9;
}

#forest_product .con2 .con_title {
  margin-bottom: 30px;
  float: left;
}

#forest_product .con2 .con_title+.btn {
  float: right;
  margin-top: 12px;
}

#forest_product .con2 .con_title+.btn:hover::after {
  left: 5px;
}

#forest_product .con2 ul {
  clear: both;
  display: flex;
  justify-content: space-between;
}

#forest_product .con2 ul li {
  width: 347px;
  min-height: 495px;
  border: 1px solid #dddddd;
  background: #fff;
  border-radius: 13px;
}

#forest_product .con2 ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px;
  padding-top: 35px;
}

#forest_product .con2 ul li b {
  color: #3c4249;
  font-size: 18px;
  font-weight: 900;
  display: block;
  margin-bottom: 15px;
  height: 81px;
}

#forest_product .con2 ul li .img_area {
  width: 264px;
  height: 264px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#forest_product .con2 ul li .img_area img {
  display: block;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

#forest_product .con2 ul li a:hover .img_area img {
  width: 110%;
}

#forest_product .con2 ul li p {
  font-size: 24px;
  font-weight: 200;
  color: #3c4249;
  line-height: 1;
  text-transform: uppercase;
  margin: 20px 0;
  height: 46px;
}

#forest_product .con2 ul li .btn {
  width: 129px;
  height: 39px;
  line-height: 40px;
  color: #fff;
  background: #6bb74e;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}

#forest_product .con2 ul li .btn::after {
  background: url(../images/forest/i_btn_arrow_white.png) no-repeat center center;
  margin-left: 30px;
}

#forest_product .con2 ul li a:hover .btn {
  width: 135px;
}

#forest_product .con2 ul li a:hover .btn::after {
  left: 5px;
}

/* con3 */
#forest_product .con3 {
  overflow: hidden;
  padding-bottom: 50px;
}

#forest_product .con3 .inner_wrap {
  display: flex;
  justify-content: space-between;
  min-height: 175px;
}

#forest_product .con3 .ccIn,
#forest_product .con3 .banner {
  width: 732px;
}

#forest_product .con3 .ccIn {
  float: left;
  margin-top: 0;
}

#forest_product .con3 .ccIn .ccLeft {
  width: 100%;
  float: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

#forest_product .con3 .banner {
  float: right;
  border-radius: 12px;
  background: #f1f3f8 url(../images/forest/img_con4_1.jpg) no-repeat right bottom;
}

#forest_product .con3 .banner a {
  display: flex;
  align-items: center;
  padding-left: 45px;
  width: 100%;
  height: 100%;
}

#forest_product .con3 .banner b {
  font-size: 21px;
  font-weight: 600;
  color: #313131;
  letter-spacing: -0.02em;
  line-height: 32px;
}

#forest_product .con3 .banner b span {
  color: #3d61c5;
}

#forest_product .con3 .banner p {
  font-size: 18px;
  font-weight: 200;
  line-height: 24px;
  margin-top: 15px;
}

/* con4 */
#forest_product .con4 {
  padding-top: 0;
  overflow: hidden;
}

#forest_product .con4 .vT:first-of-type {
  margin-left: 0;
}

#forest_product .con4 .spType02 {
  border-radius: 100px;
}

/* con5 */
#forest_product .con5 {
  background: #f9fbfd;
  padding-bottom: 90px;
}

#forest_product .con5 .inner_wrap {
  position: relative;
}

#forest_product .con5 .item ul {
  overflow: hidden;
}

#forest_product .con5 .item ul li {
  float: left;
  width: 271px;
  height: 176px;
  border-radius: 13px;
  background: #fff;
  border: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 18px;
  margin-bottom: 20px;
}

#forest_product .con5 .item ul li:nth-of-type(1),
#forest_product .con5 .item ul li:nth-of-type(6n) {
  margin-left: 0;
}

#forest_product .con5 .item ul li:nth-of-type(5n) {
  margin-right: 0;
}

#forest_product .con5 .slick-arrow {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  border: 1px solid #eaebec;
  position: absolute;
  top: 160px;
  transition: all 0.1s;
}

#forest_product .con5 .slick-prev {
  left: -80px;
  background: url(../images/forest/btn_partners_prev.png) no-repeat 15px center;
}

#forest_product .con5 .slick-next {
  right: -80px;
  background: url(../images/forest/btn_partners_next.png) no-repeat 20px center;
  background: ;
}

#forest_product .con5 .slick-prev:hover {
  background: #c5c6c7 url(../images/forest/btn_partners_prev_hover.png) no-repeat 15px center;
  border: 1px solid #c5c6c7;
}

#forest_product .con5 .slick-next:hover {
  background: #c5c6c7 url(../images/forest/btn_partners_next_hover.png) no-repeat 20px center;
  border: 1px solid #c5c6c7;
}

/* footer */
.footer.forest_ft {
  margin-top: 30px;
}

/* //220718 추가 */


/* 220817 수정 s */
/* Forest Products Information */
.anchorListWrap+.fpi_cont {
  margin-top: 60px;
}

.fpi_cont * {
  font-family: 'Pretendard';
}

.fpi_cont+.fpi_cont {
  margin-top: 100px;
}

.fpi_cont .prod_name {
  display: block;
  margin-bottom: 50px;
  font-size: 40px;
  color: #323232;
}

.fpi_cont [class^='cont_tit'] {
  display: block;
  margin-bottom: 40px;
  font-size: 24px;
}

.fpi_cont .txt {
  font-size: 18px;
  font-weight: 300;
  color: #333333;
}

/* chestnuts */
.fpi_cont.chestnuts .cont_tit {
  color: #c85a2d;
}

/* persimmon */
.fpi_cont.persimmon .cont_tit {
  color: #ec5e13;
}

.fpi_cont.persimmon .cont_tit02 {
  font-size: 21px;
  color: #b64600;
}

/* oak mushroom */
.fpi_cont.oakmushroom .cont_tit {
  color: #c37e59;
}

/* korean jujubes */
.fpi_cont.krjujubes .cont_tit {
  color: #c37e59;
}

/* Healthy Forest Products */
.fpi_cont.hfp .cont_tit02 {
  font-size: 21px;
  line-height: 1.2;
  color: #2b9003;
}

/* Landscaping trees & BONSAI */
.fpi_cont.ltb .cont_tit {
  color: #689720;
}

.fpi_cont.ltb .cont_tit02 {
  color: #c37e59;
}

/* gray color */
.fpi_cont .cont_tit.gray {
  color: #585858;
}

/* table */
.fpi_cont .txt_box02+table {
  margin-top: 40px;
}

.fpi_cont table+table {
  margin-top: 30px;
}

.fpi_cont table th,
.fpi_cont table td {
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  text-align: center;
}

.fpi_cont table th:last-child,
.fpi_cont table td:last-child {
  border-right: 0;
}

.fpi_cont table th {
  padding: 7px 0;
  border-top: 2px solid #b2b2b2;
  font-size: 17px;
  font-weight: 500;
  color: #000000;
}

.fpi_cont table td {
  height: 80px;
  padding: 5px;
  font-size: 18px;
  font-weight: 300;
  color: #3c4249;
}

.fpi_cont table td strong {
  font-size: 21px;
  font-weight: 500;
  color: #54190f;
}

/* img + txt type */
.fpi_cont [class^='img_box'] {
  position: relative;
}

/* left txt / right img */
.fpi_cont .img_box01>div {
  display: flex;
  margin-bottom: 30px;
}

.fpi_cont .img_box01>div .prod_name {
  margin-bottom: 25px;
  color: #790d0d;
}

.fpi_cont .img_box01>div .cont_tit {
  margin-bottom: 55px;
}

.fpi_cont .img_box01>div figure {
  margin-left: 40px;
}

.fpi_cont .img_box01 .txt {
  line-height: 32px;
}

.fpi_cont.ltb .img_box01>div .cont_tit {
  margin-bottom: 25px;
}

/* left img / right txt */
.fpi_cont .img_box02 {
  display: flex;
}

.fpi_cont .img_box02 figure {
  margin-right: 40px;
}

.fpi_cont .img_box02 .txt {
  line-height: 32px;
}

/* bg map img */
.fpi_cont .img_box03 {
  display: flex;
}

.fpi_cont .img_box03 figure {
  width: calc(100% - 392px);
  margin-left: -68px;
  text-align: right;
  z-index: -1;
}

.fpi_cont .img_box03 .txt {
  width: 460px;
  z-index: 0;
}

/* left txt / right button */
.fpi_cont .img_box04 {
  display: flex;
  align-items: center;
}

.fpi_cont .img_box04 figure {
  margin: 0 40px 0 30px;
}

.fpi_cont .img_box04 .btn_down {
  width: 271px;
  height: 60px;
  padding: 0 25px;
  border: 1px solid #8f8f8f;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 300;
  color: #3c4249;
  text-align: left;
  background: #fff;
}

.fpi_cont .img_box04 .btn_down span {
  display: block;
  background: url(/images/forest/img_download.png) no-repeat 100% 50%;
}

.fpi_cont .img_box04 .btn_down:nth-of-type(2n) {
  margin-left: 20px;
}

.fpi_cont .img_box04 .btn_down:nth-of-type(n+3) {
  margin-top: 20px;
}

/* left img / right txt > list */
.fpi_cont .img_box05 li {
  display: flex;
}

.fpi_cont .img_box05 li+li {
  margin-top: 35px;
}

.fpi_cont .img_box05 li figure {
  margin-right: 40px;
}

.fpi_cont .img_box05 li .cont_tit02 {
  margin-bottom: 20px;
}

.fpi_cont .img_box05 li p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.2;
  color: #333333;
}

.fpi_cont.hfp .img_box05 li p {
  line-height: 1.8;
}

/* normal txt + img */
.fpi_cont .img_box06 strong.txt {
  font-weight: 500;
}

.fpi_cont .img_box06 figure {
  margin-top: 25px;
}

/* txt box type */
.fpi_cont .txt_box01 {
  display: flex;
  justify-content: space-between;
}

.fpi_cont .txt_box01 li .tit {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 99px;
  margin-bottom: 7px;
  border: 2px solid #54190f;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #54190f;
  text-align: center;
  background: #fff;
}

.fpi_cont .txt_box01 li p {
  width: 234px;
  height: 335px;
  padding: 25px 20px;
  border-radius: 5px;
  font-weight: 300;
  background: #f4f4f4;
}

.fpi_cont .txt_box01 li.kr .tit {
  color: #fff;
  background: #54190f;
}

.fpi_cont .txt_box01 li.kr p {
  font-weight: 400;
  background: #e7dada;
}

/* txt list type */
.fpi_cont .txt_box02+.txt_box02 {
  margin-top: 40px;
}

.fpi_cont .txt_box02 li {
  position: relative;
  padding-left: 15px;
}

.fpi_cont .txt_box02 li+li {
  margin-top: 3px;
}

.fpi_cont .txt_box02 li::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #ec5e13;
}

/* popup */
.bg_popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9000;
}

.popup {
  position: relative;
  padding: 40px;
  border-radius: 25px;
  background: #fff;
  z-index: 9999;
}

.pop_head {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #eeeeee;
}

.pop_head h2 {
  font-size: 24px;
  font-weight: 700;
  color: #313131;
}

.pop_head .btn_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
  height: 50px;
  font-size: 0;
  background: url(/images/forest/img_pop_close.png) no-repeat 0 0;
}

.pop_foot {
  text-align: center;
}

.pop_cont {
  padding: 25px 0;
}

.pop_cont .corp_info {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.pop_cont .corp_info figure {
  width: 240px;
  height: 142px;
  margin-right: 30px;
  border: 1px solid #eaeaea;
  border-radius: 13px;
}

.pop_cont .corp_info p {
  font-size: 21px;
  font-weight: 300;
  color: #313131;
}

.pop_cont .corp_info p strong {
  display: block;
  font-weight: 700;
}

.pop_cont .info_box {
  padding: 23px 30px;
  border-radius: 13px;
  font-size: 18px;
  font-weight: 300;
  color: #313131;
  background: #f7f9fc;
}

.pop_cont .tblData {
  margin-top: 20px;
}

.pop_cont .tblData td {
  padding: 15px 20px;
}

.pop_cont .tblData th {
  padding: 0 25px;
  font-size: 18px;
  color: #313131;
}

.pop_cont .sel_date_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pop_cont .sel_date>* {
  vertical-align: middle;
}

.pop_cont .sel_date .date {
  display: inline-block;
  margin-right: 5px;
  font-size: 21px;
  font-weight: 300;
  color: #000;
}

.pop_cont .sel_date .btn_arrow {
  display: inline-flex;
  width: 56px;
  height: 30px;
  border: 1px solid #8f8f8f;
  border-radius: 5px;
}

.pop_cont .sel_date .btn_arrow button {
  width: 50%;
  height: 100%;
  font-size: 0;
}

.pop_cont .sel_date .prev {
  border-right: 1px solid #8f8f8f;
  background: url(/images/forest/img_prev.png) no-repeat 50%;
}

.pop_cont .sel_date .next {
  background: url(/images/forest/img_next.png) no-repeat 50%;
}

.pop_cont .sel_date .cal {
  width: 32px;
  height: 30px;
  border: 0;
  border-radius: 5px;
  font-size: 0;
  background: #edeeee url(/images/forest/img_cal.png) no-repeat 50%;
  outline: none;
  cursor: pointer;
}

.pop_cont .sel_time_info {
  display: inline-block;
  padding-left: 25px;
  font-size: 17px;
  font-weight: 300;
  color: #f92323;
  background: url(/images/forest/img_time.png) no-repeat 0 50%;
}

.pop_cont .sel_time {
  position: relative;
  margin-top: 20px;
}

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

.pop_cont .sel_time li {
  float: left;
  width: calc((100% - 80px) / 5);
  height: 43px;
  border: 1px solid #bcbcbc;
  border-radius: 22px;
  font-size: 21px;
  font-weight: 300;
  line-height: 41px;
  color: #333333;
  text-align: center;
  background: #fff;
  cursor: pointer;
}

.pop_cont .sel_time li.dis {
  border-color: #ebebeb;
  color: #9b9b9b;
  background: #ebebeb;
  cursor: auto;
}

.pop_cont .sel_time li.on {
  border-color: #004f9d;
  font-weight: 700;
  color: #fff;
  background: #004f9d;
}

.pop_cont .sel_time li:nth-child(6) {
  margin-left: 0;
}

.pop_cont .sel_time li:nth-child(n+6) {
  margin-top: 10px;
}

.pop_cont .sel_time li+li {
  margin-left: 20px;
}

.pop_cont .txt {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

.pop_cont .txt strong.txt_blue {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  color: #0668c9;
}

.pop_cont .txt img {
  margin: 10px 0 30px;
}

.pop_cont .ipArea input[type=radio]+label {
  font-size: 18px;
  color: #313131;
}

.pop_cont .check_small {
  margin-top: 20px;
}

.pop_cont .check_small input[type=checkbox]+label {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #000000;
}

/* 220817 수정 e */


.vcall_box {
  padding: 15px 0 10px;
  text-align: center;
}

.vcall_box .tit {
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 700;
  color: #0e0e0e;
}

.vcall_box .url_tit {
  display: inline-block;
  margin-right: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 46px;
  color: #188eb5;
}

.vcall_box .ipArea input {
  min-width: 306px;
}

.vcall_box .btnBox {
  margin-top: 0;
}

.vcall_box .btn_type02 {
  width: 65px;
  margin-left: 3px;
  font-size: 18px;
}

.vcall_box .url_box {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.vcall_box .url {
  display: inline-block;
  min-width: 306px;
  height: 46px;
  padding: 0 20px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 46px;
  color: #4e4e4e;
  text-align: left;
  background: #f2f2f2;
}

.vcall_box .info {
  margin-top: 5px;
}

.vcall_box .info span {
  display: inline-block;
  padding-left: 25px;
  font-size: 16px;
  color: #2d2d2d;
  background: url(/images/forest/i_info.png) no-repeat 0 50%;
}