@charset "UTF-8";
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: inherit; color: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }
dl, ul, ol, menu, li { list-style: none; }
fieldset, img { border: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box; }
input, select, textarea, button { vertical-align: middle; margin: 0; padding: 0; font-family: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }
button { border: 0 none; background-color: transparent; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; -webkit-box-sizing: border-box; box-sizing: border-box; }
input, textarea, img { max-width: 100%; }
a, a:hover, a:visited, a:active { text-decoration: none; }
sup { font-size: small; vertical-align: text-top; }
sub { font-size: small; vertical-align: text-bottom; }
button, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
/* Hide Native Arrow IE 10, 11 */
table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
table caption { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* HTML5 for older browsers */
section, main { display: block; }
img { vertical-align: top; }
h1, h2, h3, h4, h5, h6, em, strong { font-weight: 700; }
textarea { resize: none; }
:before, :after { -webkit-box-sizing: inherit; box-sizing: inherit; }
/* FORM RESET */
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; }
input, select, textarea, button { vertical-align: middle; color: inherit; font-family: inherit; line-height: inherit; border: none; }
button, select { cursor: pointer; }
/* IPHONE */
input:disabled, textarea:disabled { opacity: 1; -webkit-text-fill-color: inherit; }
input[type="text"], input[type="password"], textarea { -webkit-appearance: none; border-radius: 0; }
/* ie input icon remove */
input::-ms-clear { display: none; width: 0; height: 0; }
input::-ms-reveal { display: none; width: 0; height: 0; }
/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
/* ime-mode*/
textarea, input[type=text] { -webkit-box-shadow: none; box-shadow: none; }
/*ime-mode 제거 no web standard */
textarea { padding: 10px; border-radius: 0; }
/* HIDDEN */
caption, legend { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
:focus { /*outline: 1px solid #000;*/ outline: -webkit-focus-ring-color auto 1px; }
button { padding: 0; }
button i:only-child, button span:only-child { position: relative; }
button i:only-child:focus, button span:only-child:focus, button i:only-child:active, button span:only-child:active { left: 0; top: 0; }
/* WEBFONT */
@font-face { font-family: 'SamsungOneKorean'; src: url("../fonts/SamsungOneKorean-400.eot"); /* IE9 Compat Modes */ src: url("../fonts/SamsungOneKorean-400.eot?#iefix") format("embedded-opentype"), url("../fonts/SamsungOneKorean-400.woff2") format("woff2"), url("../fonts/SamsungOneKorean-400.woff") format("woff"), url("../fonts/SamsungOneKorean-400.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: normal; font-style: normal; }
@font-face { font-family: 'SamsungOneKorean'; src: url("../fonts/SamsungOneKorean-700.eot"); src: url("../fonts/SamsungOneKorean-700.eot?#iefix") format("embedded-opentype"), url("../fonts/SamsungOneKorean-700.woff2") format("woff2"), url("../fonts/SamsungOneKorean-700.woff") format("woff"), url("../fonts/SamsungOneKorean-700.ttf") format("truetype"); font-weight: bold; font-style: normal; }
/*placeholder color*/
::-webkit-input-placeholder { color: #666; }
::-moz-placeholder { color: #666; }
:-ms-input-placeholder { color: #666; }
::-ms-input-placeholder { color: #666; }
::placeholder { color: #666; }
::-webkit-input-placeholder { /* Chrome */ color: #666; }
:-ms-input-placeholder { /* IE 10+ */ color: #666; }
::-moz-placeholder { /* Firefox 19+ */ color: #666; opacity: 1; }
:-moz-placeholder { /* Firefox 4 - 18 */ color: #666; opacity: 1; }
html, body { width: 100%; min-width: 320px; }
body { line-height: 1.5; font-size: 16px; font-family: "SamsungOneKorean", "Apple SD Gothic Neo", "Dotum", arial; color: #000; word-break: keep-all; word-wrap: break-word; letter-spacing: -0.025em; }
body.is-dimed, body.is-dimmed, body.is-loading { overflow: hidden; position: fixed; }
body.is-dimed .app-header, body.is-dimed .app-container, body.is-dimed .app-footer, body.is-dimmed .app-header, body.is-dimmed .app-container, body.is-dimmed .app-footer, body.is-loading .app-header, body.is-loading .app-container, body.is-loading .app-footer { pointer-events: none; }
body.is-dimed .app:before, body.is-dimmed .app:before, body.is-loading .app:before { content: ''; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 350; background-color: rgba(0, 0, 0, 0.75); }
body.is-loading .loader { display: block; }
/* OLD Fashion */
.full { width: 100%; }
.mt1 { margin-top: 1px !important; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt75 { margin-top: 75px; }
.mt80 { margin-top: 80px; }
.mtm40 { margin-top: -40px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml60 { margin-left: 60px; }
.mt3040 { margin-top: 30px; }
.mt4060 { margin-top: 40px; }
.mr10 { margin-right: 10px !important; }
.mr40 { margin-right: 40px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }

.pad20 { padding:20px !important; }


@media (min-width: 1024px) {
  .pc-hidden { display: none !important; }
  .mt3040 { margin-top: 40px; }
  .mt4060 { margin-top: 60px; }
}
.display-ib { display: inline-block; }
.clearfix:after, .float-box::after, .clfix::after { content: ''; display: block; clear: both; }
.floatL { float: left; }
.floatR { float: right; }
.text_left, .align-l { text-align: left; }
.text_center, .align-c { text-align: center; }
.text_right, .align-r { text-align: right; }
.align-r-im { text-align: right !important; }
.border-none { border: none; }
.style-underline { text-decoration: underline; }
.a11y-hidden { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.hidden { display:none; }
.bd-t { border-top: 1px solid #000; }
.dot-style { position: relative; padding-left: 8px; }
.dot-style:before { content: ''; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.full-page { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }
.in-depth:before { content: '>'; display: inline-block; margin-left: 12px; margin-right: 12px; }
.mobile-br { display: none; }
@media (max-width: 1023px) { .mobile-br { display: block; }
  /* 자가수리 부품 보증등록(2차) START */
  .mobile-hidden { display: none !important; }
  /* 자가수리 부품 보증등록(2차) End */
  .pc-br { display: none; } }
/* Typograph */
/* Title */
.tit__page { font-size: 26px; line-height: 34px; }
.tit__01 { font-size: 28px; line-height: 34px; }
.tit__02 { font-size: 26px; line-height: 32px; }
.tit__03 { font-size: 24px; line-height: 30px; }
.tit__04 { font-size: 20px; line-height: 28px; }
.tit__05 { font-size: 18px; line-height: 26px; }
@media (min-width: 1024px) { .tit__page { font-size: 34px; line-height: 48px; }
  .tit__01 { font-size: 40px; line-height: 48px; }
  .tit__02 { font-size: 34px; line-height: 42px; }
  .tit__03 { font-size: 28px; line-height: 36px; }
  .tit__04 { font-size: 24px; line-height: 30px; }
  .tit__05 { font-size: 18px; line-height: 26px; } }
.font__big { font-size: 18px; }
.font__small { font-size: 14px; }
.font__tiny { font-size: 13px; !important; }
/* FONT AD */
.bold { font-weight: 700 !important; }
.normal { font-weight: 400; }

/* FONT spacing */
.font__ls__samll { letter-spacing:-0.075em; }
@media (max-width: 1023px) {
  .p__center {
    text-align: left;
    margin-top: 3px;
  }
}
@media (min-width: 1024px) {
  .p__center {
    text-align: center;
    margin-top: 3px;
  }
}

/* COLOR */
/* Background-Color */
.bg__000 { background-color: #000; }
.bg__999 { background-color: #999; }
.bg__555 { background-color: #555; }
.bg__76 { background-color: #767676; }
.bg__e4 { background-color: #e4e4e4; }
.bg__f7 { background-color: #f7f7f7; }
.bg__fff { background-color: #fff; }
.bg__fb { background-color: #fbfbfb; }
.bg__red { background-color: #d0021b; }
.bg__sky { background-color: #0072de; }
.bg__navy { background-color: #1428a0; }
.bg__green { background-color: #178300; }
.bg__yellow { background-color: #ffaa4e; }
.bg__gray { background-color: #999; }
.bg__gray2 { background-color: #6E6D6A; color: #fff; }


/* TEXT Color */
.color__000 { color: #000; }
.color__444 { color: #444; }
.color__76 { color: #767676; }
.color__999 { color: #999; }
.color__fff { color: #fff; }
.color__red { color: #d0021b; }
.color__sky { color: #0072de; }
.color__navy { color: #1428a0; }
.color__green { color: #178300; }
.color__yellow { color: #ffaa4e; }
.color__brown { color:#aa5d00; }


/* ICON */
i[class*="icon-"] { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
#skipnav a { position: fixed; top: -40px; left: 0; display: block; width: 100%; height: 40px; padding-top: 7px; background-color: #000; z-index: 350; color: #fff; font-size: 18px; text-align: center; font-weight: 700; text-decoration: underline; }
#skipnav a:focus { top: 0; }
.app { min-width: 320px; }
.app-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 250; background-color: #fff; }
.app-header:after { content: ''; position: fixed; left: 0; right: 0; height: 1px; background-color: #e4e4e4; }
.app-header .btn-cart { position: relative; display: inline-block; font-size: 0; }
.app-header .btn-cart:after { content: attr(data-cart); position: absolute; right: -9px; top: -9px; min-width: 19px; height: 19px; padding-left: 4px; padding-right: 4px; line-height: 18px; font-size: 11px; background-color: #000; color: #fff; border-radius: 19px; text-align: center; }
.app-header [data-login="on"], .app-header .is-login [data-login="off"] { display: none; }
@media (max-width: 1023px) { .app-header { height: 61px; padding: 18px 20px; }
  .app-header:after { top: 60px; }
  .app-header .ci { float: left; margin-top: 4px; }
  .app-header .util { position: relative; float: right; }
  .app-header .btn-cart, .app-header .btn-login, .app-header .log-menu { display: none; }
  .app-header .util .btn__img { float: left; }
  .app-header .util .btn__img i { vertical-align: top; }
  .app-header .btn__side-menu { float: left; margin-left: 24px; vertical-align: top; }
  .app-header .site-nav { overflow-y: auto; -webkit-overflow-scrolling: touch; position: fixed; top: 0; left: 100%; z-index: 300; width: 100%; height: 100%; background-color: #fff; -webkit-transition: left .2s ease-in-out; transition: left .2s ease-in-out; }
  .app-header .site-nav.is-active { left: 0; }
  .app-header .site-nav .setting { border-top: 1px solid #ddd; }
  .app-header .site-nav .setting button { width: 100%; padding: 20px 20px; text-align: left; }
  .app-header .site-nav .setting button span { font-size: 16px; line-height: 18px; }
  .app-header .site-nav .setting button i { margin-right: 7px; vertical-align: -3px; }
  .app-header .btn__close-side-menu { right: 10px; top: 20px; position: absolute; width: 34px; height: 34px; padding: 10px; }
  .app-header .btn__close-side-menu > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
  .app-header .btn__close-side-menu > span:before, .app-header .btn__close-side-menu > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #fff; }
  .app-header .btn__close-side-menu > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .app-header .btn__close-side-menu > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .app-header .btn__close-side-menu > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .app-header .login-msg { padding: 50px 20px 30px; background-color: #000; }
  .app-header .login-msg p { margin-top: 10px; color: #fff; }
  .app-header .login-msg .hello { margin-top: 0; font-size: 18px; }
  .app-header .login-msg .btn-wrap { width: 180px; margin-top: 14px; }
  .app-header .login-msg .btn-wrap > a { -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .app-header .login-msg .btn-wrap .btn__32, .app-header .btn__close-side-menu { outline-color: #fff; }
  .app-header .login-msg .btn-wrap > a { -webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: 80px; }
  .app-header .login-msg .btn-wrap .btn__32 { margin-right: 10px; }
  .app-header .login-msg .btn-wrap .btn__32 + .btn__32 { margin-left: 0; }
  .app-header .login-msg.is-login .btn-wrap { width: 100%; }
  .app-header .login-msg.is-login .btn-wrap > a { min-width: 90px; }
  .app-header .login-msg.is-login .btn-wrap .btn__32 { padding-left: 10px; padding-right: 10px; margin-top: 5px;}
  .app-header .login-msg.is-login .btn-wrap .btn__32 span > em { margin-left: 3px; }
  .app-header .login-msg [data-login="on"] { display: none; }
  .app-header .login-msg.is-login [data-login="on"] { display: block; }
  .app-header .login-msg.is-login .btn-wrap[data-login="on"] { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .app-header .gnb > li > a { position: relative; display: block; padding: 16px 20px; font-size: 18px; border-bottom: 1px solid #ddd; }
  .app-header .gnb > li > a:after { content: ''; position: absolute; right: 22px; top: 19px; width: 13px; height: 13px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50%; transform-origin: 50%; }
  .app-header .gnb > li.is-active > a { font-weight: 700; }
  .app-header .gnb > li.is-active > a:after { top: 25px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
  .app-header .gnb > li.is-active .sub-gnb { display: block; padding: 10px 40px; background-color: #f7f7f7; }
  .app-header .gnb > li.is-active .sub-gnb li + li { margin-top: 3px; }
  .app-header .sub-gnb { display: none; }
  .app-header .sub-gnb > .tit { display: none; }
  .app-header .sub-gnb li > a { display: block; padding: 8px 0; }
  .app-header .mobile-etc-menu { padding-bottom: 30px; }
  .app-header .mobile-etc-menu:after { content: ''; display: block; clear: both; }
  .app-header .mobile-etc-menu li { float: left; width: 33.3%; margin-top: 30px; text-align: center; }
  .app-header .mobile-etc-menu li span { display: block; margin-top: 7px; line-height: 1; } }
@media (max-width: 1023px) and (max-width: 359px) { .app-header .ci { overflow: hidden; width: 200px; }
  .app-header .ci i { max-width: 200%; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  .app-header .btn__side-menu { margin-left: 18px; } }
@media (min-width: 1024px) { .app-header:before { content: ''; position: absolute; top: 80px; left: 0; right: 0; height: 0; background-color: #f7f7f7; -webkit-transition: height .2s ease-in-out; transition: height .2s ease-in-out; }
  .app-header.is-active:before { height: 529px; }
  .app-header .btn__img + .btn__img { margin-left: 24px; }
  .app-header .login-msg, .app-header .btn__side-menu, .app-header .btn__close-side-menu, .app-header .mobile-etc-menu, .app-header .site-nav .setting { display: none; }
  .app-header { height: 81px; background-color: #fff; }
  .app-header:after { top: 80px; }
  .app-header .app-header-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 1440px; margin: 0 auto; padding-top: 28px; padding-left: 24px; padding-right: 24px; }
  .app-header h1 { margin-top: 3px;}
  .app-header .ci { height: 100%; margin-top: 3px; font-size: 0; }
  .app-header .site-nav { overflow: hidden; margin-top: -2px; padding: 2px; }
  .app-header.is-active .site-nav { overflow: visible; }
  .app-header .gnb { position: relative; padding-bottom: 3px; }
  .app-header .gnb:after { content: ''; display: block; clear: both; }
  .app-header .gnb > li { float: left; }
  .app-header .gnb > li + li { margin-left: 60px; }
  .app-header .gnb > li > a { position: relative; display: inline-block; line-height: 24px; font-weight: 700; }
  .app-header .gnb > li > a:after { content: ''; position: absolute; bottom: -3px; left: 50%; width: 0; height: 2px; -webkit-transform: translate(-50%); transform: translate(-50%); -webkit-transition: width 0.3s; transition: width 0.3s; }
  .app-header .gnb > li.is-curent > a:after, .app-header .gnb > li > a:hover:after { width: 100%; background-color: #000; }
  .app-header .gnb:before { content: ''; position: absolute; left: 24px; top: 80px; width: calc((100% - 48px) / 6); height: 530px; opacity: 0; -webkit-transition: opacity .2s ease-in, left .2s ease-in-out; transition: opacity .2s ease-in, left .2s ease-in-out; background-color: #0072de; }
  .app-header .header-bg { position: absolute; left: 24px; top: -1080px; width: calc((100% - 48px) / 6); height: 530px; opacity: 0; -webkit-transition: opacity .2s ease-in, left .2s ease-in-out; transition: opacity .2s ease-in, left .2s ease-in-out; }
  .app-header .header-bg.is-active { opacity: 1; top: 80px; background-color: #0072de; }
  .app-header .sub-gnb { position: absolute; top: 80px; width: calc((100% - 48px) / 6); height: 530px; padding-top: 32px; padding-left: 30px; padding-right: 10px; border-right: 1px solid #ddd; opacity: 0; }
  .app-header .sub-gnb .tit, .app-header .sub-gnb a { color: #000; -webkit-transition: color .2s ease-in; transition: color .2s ease-in; white-space: nowrap; }
  .app-header .sub-gnb.is-active .tit, .app-header .sub-gnb.is-active a { color: #fff; }
  .app-header .sub-gnb > li { width: calc((100% - 48px) / 6); }
  .app-header .gnb > li:nth-child(1) .sub-gnb { left: 24px; border-left: 1px solid #ddd; }
  .app-header .gnb > li:nth-child(2) .sub-gnb { left: calc(((100% - 48px) / 6 * 1) + 24px); }
  .app-header .gnb > li:nth-child(3) .sub-gnb { left: calc(((100% - 48px) / 6 * 2) + 24px); }
  .app-header .gnb > li:nth-child(4) .sub-gnb { left: calc(((100% - 48px) / 6 * 3) + 24px); }
  .app-header .gnb > li:nth-child(5) .sub-gnb { left: calc(((100% - 48px) / 6 * 4) + 24px); }
  .app-header .gnb > li:nth-child(6) .sub-gnb { left: calc(((100% - 48px) / 6 * 5) + 24px); }
  .app-header .sub-gnb > .tit { display: block; font-size: 24px; line-height: 1; }
  .app-header .sub-gnb-detail { display: none; margin-top: 24px; }
  .app-header .sub-gnb-detail li { position: relative; line-height: 22px;}
  .app-header .sub-gnb-detail li + li { margin-top: 9px; }
  .app-header .sub-gnb-detail li a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: #fff; -webkit-transition: width .2s ease-in-out; transition: width .2s ease-in-out; }
  .app-header .sub-gnb-detail li a:hover { font-weight: 700; }
  .app-header .sub-gnb-detail li a:hover:after { width: 100%; }
  .app-header .util { position: relative; font-size: 0; }
  .app-header .util .log-menu { display: none; position: absolute; top: 34px; left: -25px; z-index: 1; padding: 25px 15px; border-radius: 10px; border: 1px solid #ddd; background-color: #fff; font-size: 16px; }
  .app-header .util .log-menu li + li { margin-top: 10px; }
  .app-header .util .log-menu li a:hover { font-weight: 700; text-decoration: underline; }
  .app-header .is-login .btn__img[data-login="on"] { display: inline-block; }
  .app-header .util > button, .app-header .util > a { margin-left: 24px; vertical-align: top; }
  /* SUB MENU ACTIVE */
  .app-header.is-active { height: 610px; border-bottom: 1px solid #ddd; -webkit-transition: height .2s ease-in-out; transition: height .2s ease-in-out; }
  .app-header.is-active .gnb { position: static; }
  .app-header.is-active .sub-gnb { display: block; opacity: 1; -webkit-transition: opacity .2s .2s ease-in-out; transition: opacity .2s .2s ease-in-out; }
  .app-header.is-active .sub-gnb-detail { display: block; } }
@media screen and (min-width: 1024px) and (max-width: 1439px) { .app-header .gnb > li + li { margin-left: 30px; } }
.layer[data-layer-name="appSetting"] .layer-cont { padding-top: 36px; }
.layer[data-layer-name="appSetting"] .app-setting .tit { display: block; padding-bottom: 20px; font-size: 20px; border-bottom: 1px solid #000; line-height: 1; }
.layer[data-layer-name="appSetting"] .app-setting .tel-info { position: relative; padding-top: 20px; font-size: 14px; }
.layer[data-layer-name="appSetting"] .app-setting .tel-info i { position: absolute; right: 0; top: 0; }
.layer[data-layer-name="appSetting"] .app-setting .tel-info strong { display: block; margin-bottom: 4px; font-size: 16px; }
.layer[data-layer-name="appSetting"] .app-setting li + li { margin-top: 32px; }
.layer[data-layer-name="appSetting"] .app-setting li:not(:first-child) div, .layer[data-layer-name="appSetting"] .app-setting li:not(:first-child) div > a { border-bottom: 1px solid #ddd; }
.layer[data-layer-name="appSetting"] .app-setting li a { display: block; position: relative; }
.layer[data-layer-name="appSetting"] .app-setting li:last-child a { padding-bottom: 0; }
.layer[data-layer-name="appSetting"] .app-setting li:not(:first-child) p { padding: 18px 0; font-size: 14px; }
.layer[data-layer-name="appSetting"] .app-setting li:not(:first-child) p strong { margin-right: 20px; font-size: 16px; }
.layer[data-layer-name="appSetting"] .app-setting li:not(:first-child) a:after { content: ''; position: absolute; right: 3px; top: calc(50% - 6px); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; height: 8px; border-top: 2px solid #000; border-right: 2px solid #000; }
.layer[data-layer-name="appSetting"] .app-setting li:nth-child(2) a { padding: 18px 0; }
/* Breadcrumb */
.app-breadcrumb { display: none; }
@media (max-width: 1023px) { .app-breadcrumb { display: none; } }
@media (min-width: 1024px) { .app-breadcrumb { display: block; width: 100%; height: 61px; border-bottom: 1px solid #e4e4e4; }
  .app-breadcrumb ul { width: 100%; max-width: 1440px; margin: 0 auto; padding: 20px 24px; }
  .app-breadcrumb ul:after { content: ''; display: block; clear: both; }
  .app-breadcrumb li { float: left; font-size: 0; }
  .app-breadcrumb li + li { position: relative; margin-left: 20px; padding-left: 25px; }
  .app-breadcrumb li + li:before { content: ''; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
  .app-breadcrumb li a span { display: inline-block; line-height: 20px; font-size: 14px; } }
/* Container */
.app-container.no-header { margin-top: 0; }
@media (max-width: 1023px) { .app-container { margin-top: 61px; } }
@media (min-width: 1024px) { .app-container { margin-top: 81px; } }
/* Content (Main) */
.app-content { position: relative; }
@media (max-width: 1023px) { .app-content { min-height: 200px; padding-top: 40px; padding-bottom: 80px; }
  .app-content .tit__page { width: 100%; padding-right: 20px; padding-left: 20px; font-size: 26px; }
  .app-content .tit__page.sr-web { font-size: 26px; } }
@media (min-width: 1024px) { .app-content { min-height: calc(100vh - 562px); padding-top: 50px; padding-bottom: 100px; }
  .app-content .tit__page { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; font-size: 34px; } }
.sec-box .tit__page { width: auto; padding-left: 0; padding-right: 0; }
/* FOOTER */
.app-footer { position: relative; border-top: 1px solid #ddd; background-color: #fff; }
.app-footer .footer-pages { font-size: 0; }
.app-footer .footer-pages > a { display: inline-block; }
.app-footer hr { width: 100%; height: 1px; background-color: #ddd; margin: 0; border: none; }
.app-footer .footer-link .form__select .btn__toggle-select:after { top: 17px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.app-footer .footer-link .form__select .no-select:after { position: unset; }
.app-footer .footer-company-info address, .app-footer .footer-company-info span { display: inline-block; margin-right: 20px; font-size: 14px; }
.app-footer .copyright { font-size: 14px; }
.app-footer .copyright em { font-weight: 400; }
.app-footer .footer-link > p { float: left; margin-top: 6px; margin-bottom: 18px; }
@media (max-width: 820px) {.app-footer .footer-link > p {width: 100%;}}
.app-footer .footer-link > p strong, .app-footer .footer-link > p a { display: inline-block; vertical-align: top; font-weight: 400; }
.app-footer .footer-link > p strong { line-height:30px; font-weight:700; font-size: 20px; padding-right: 16px; }
.app-footer .footer-link > p a { font-size: 0; margin-right: 25px; }
.app-footer .footer-link > p a + a { margin-left: 20px; }
.app-footer .footer-link .related-site { float: left; width: calc(100% - 150px); max-width: 240px; }
@media (max-width: 580px) {
  .app-footer .footer-link .related-site { float: left; width: calc(100% - 150px); max-width: 162px; }
  .app-footer .footer-link .related-site:last-child {margin-right: 0;}
}
@media (max-width: 480px) {
  .app-footer .footer-link .related-site:last-child { float: left; width: calc(100% - 150px); max-width: 138px; }
}
.app-footer .footer-certifications em { font-weight: 400; }
@media (max-width: 1023px) { .app-footer { padding-bottom: 30px; }
  .app-footer .footer-link > p strong { display:none; }
  .app-footer .footer-pages { padding-top: 14px; padding-bottom: 14px; padding-right: 0; }
  .app-footer .footer-pages > a { margin-top: 7px; margin-bottom: 15px; margin-right: 20px; font-size: 14px; }
  .app-footer .footer-company-info { margin-top: 14px; font-size: 0; }
  .app-footer .footer-company-info address, .app-footer .footer-company-info span { display: block; margin-top: 3px; }
  .app-footer .footer-certifications { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; padding-right: 0; font-size: 0; }
  .app-footer .footer-certifications > a + a { margin-left: 0px; display:inline-block; }
  .app-footer .footer-certifications { max-width:360px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .app-footer .footer-certifications > a:nth-child(n + 3) { margin-top: 10px; }
  .app-footer .footer-certifications > a:nth-child(5) { margin-left:0px; }
  .app-footer .footer-certifications > a span, .app-footer .footer-certifications > em span { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .app-footer .footer-etc { margin-top: 16px; font-size: 14px; }
  .app-footer .copyright { margin-top: 16px; }
  .app-footer .copyright em { display: block; }
  .app-footer .footer-link:after { content: ''; display: block; clear: both; }
  .app-footer .footer-link p > strong { font-size: 14px; } }
@media (max-width: 1023px) { .app-footer .footer-certifications { max-width: 227px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .app-footer .footer-certifications > a + a { margin-left: 0px; }
  .app-footer .footer-certifications > a:nth-child(5) { width: 20%; margin-left: 10px; }
  .app-footer .footer-certifications > a:not(:last-child) { margin-right: 0; }
  .app-footer .footer-certifications > a:nth-child(n + 3) { margin-top: 10px; }
  .app-footer .footer-certifications > a:nth-child(3) { margin-right:8px; }
  .app-footer .footer-certifications > a:nth-child(3),
  .app-footer .footer-certifications > a:nth-child(6), .app-footer .footer-certifications > a:nth-child(7), .app-footer .footer-certifications > a:nth-child(9) { margin-left: 0; margin-right: 10px; }
}
@media (min-width: 1024px) { .app-footer { padding-bottom: 40px; }
  .app-footer .footer-pages { width: 100%; max-width: 1440px; padding: 13px 24px 15px 24px; }
  .app-footer .footer-pages > a { position: relative; margin-top: 7px; margin-right: 24px; font-size: 16px; }
  .app-footer .footer-pages > a:hover { font-weight: 700; }
  .app-footer .footer-pages > a:hover:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; }
  .app-footer .footer-pages > a:last-child { margin-right: 0; }
  .app-footer .footer-company-info { position: relative; margin-top: 20px; }
  .app-footer .footer-company-info > p { max-width: 1200px; }
  .app-footer .footer-certifications { float: left; font-size: 0; }
  .app-footer .footer-certifications > a { margin-top: 10px; }
  .app-footer .footer-certifications > a, .app-footer .footer-certifications > em { display: inline-block; margin-right: 20px; vertical-align: top; }
  .app-footer .footer-certifications > a:nth-child(5) { margin-right: 30px; }
  .app-footer .footer-certifications > a:nth-child(6) { margin-left:0; }
  .app-footer .footer-certifications > a:after, .app-footer .footer-certifications > em:after { content: ''; display: block; clear: both; }
  .app-footer .footer-certifications > em i, .app-footer .footer-certifications > a i { float: left; font-style: normal; }
  .app-footer .footer-certifications > em span, .app-footer .footer-certifications > a span { float: left; margin-left:0px; font-size:12px; line-height:16px; margin-top:6px; }
  .app-footer .footer-certifications div { display:-ms-flexbox; }
  .app-footer .footer-etc { margin-top: 26px; }
  .app-footer .footer-etc:after { content: ''; display: block; clear: both; }
  .app-footer .footer-etc .copyright { float: left; margin-top: 10px; }
  .app-footer .footer-link > p { float: left; margin-right:20px;}
  .app-footer .footer-link > .related-site { float: left; width: 212px; margin-right: 20px;}
  .app-footer .footer-link > .related-site.form__select .select { top: auto; bottom: 40px; }
  .app-footer .footer-link > .related-site.form__select .btn__toggle-select { overflow: hidden; border-bottom: 1px solid #000; }
  .app-footer .footer-company-info address, .app-footer .footer-company-info span { position: relative; }
  .app-footer .footer-company-info address:not(:last-child):after, .app-footer .footer-company-info span:not(:last-child):after { content: ''; position: absolute; right: -12px; top: 4px; width: 1px; height: 12px; background-color: #ddd; }
}
/* Page Title */
.app-content .tit__page { font-weight: 700; }
@media (max-width: 1023px) { .app-content .tit__page { line-height: 30px; }
  .app-content .tit__page.is-fixed { overflow: hidden; position: fixed; top: 0; left: 50%; z-index: 300; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: auto; height: 60px; line-height: 60px; white-space: nowrap; } }
@media (min-width: 1024px) { .app-content .tit__page { line-height: 1; position: relative;} }
/* Mobile History Back */
.app-history-back { overflow: hidden; position: fixed; top: 0; left: 0; z-index: 250; width: 100%; height: 61px; background-color: #fff; font-size: 20px; border-bottom: 1px solid #ddd; }
.app-history-back .btn__history-back { position: absolute; left: 0; top: 0; }
.app-history-back .icon-history-back { float: left; margin-top: 21px; }
.app-history-back .parent-tit { float: left; margin-top: 16px; font-size: 18px; line-height: 30px; }
.app-history-back.no-parent-tit .parent-tit { display: none; }
@media (min-width: 1024px) { .app-history-back { display: none; } }
/*  Section 단위 */
@media (max-width: 1023px) { .sec-box { padding-left: 20px; padding-right: 20px; } }
@media (min-width: 1024px) { .sec-box { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; } }
/* title in sec-box  */
.sec-box .tit__01 { margin-top: 55px; margin-bottom: 20px; }
.sec-box .tit__02 { margin-top: 55px; margin-bottom: 20px; }
.sec-box .tit__03 { margin-top: 54px; margin-bottom: 21px; }
.sec-box .tit__04 { margin-top: 36px; margin-bottom: 20px; }
.sec-box .tit__05 { margin-top: 34px; margin-bottom: 16px; }
@media (min-width: 1024px) { .sec-box .tit__01 { margin-top: 72px; margin-bottom: 22px; }
  .sec-box .tit__02 { margin-top: 73px; margin-bottom: 21px; }
  .sec-box .tit__03 { margin-top: 74px; margin-bottom: 19px; }
  .sec-box .tit__04 { margin-top: 54px; margin-bottom: 21px; }
  .sec-box .tit__05 { margin-top: 56px; margin-bottom: 21px; } }
.app-top-banner { position: fixed; left: 0; top: -60px; z-index: 250; width: 100%; background-color: #f7f7f7; }
.app-top-banner.is-active { top: 0; }
.app-top-banner .inner { width: 100%; }
.app-top-banner .app-top-banner-txt { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; }
.app-top-banner .btn__close-top-banner { right: 0; top: 10px; position: absolute; width: 40px; height: 40px; padding: 13px; }
.app-top-banner .btn__close-top-banner > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
.app-top-banner .btn__close-top-banner > span:before, .app-top-banner .btn__close-top-banner > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
.app-top-banner .btn__close-top-banner > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.app-top-banner .btn__close-top-banner > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.app-top-banner .btn__close-top-banner > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.app-top-banner .btn__close-top-banner span:before, .app-top-banner .btn__close-top-banner span:after { height: 1px; }
@media (max-width: 1023px) { .app-top-banner .inner { padding: 0 40px 0 20px; }
  .app-top-banner .app-top-banner-txt p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } }
@media (min-width: 1024px) { .app-top-banner .inner { position: relative; max-width: 1440px; margin: 0 auto; padding: 0 40px 0 24px; }
  .app-top-banner .app-top-banner-txt { display: block; padding: 22px 0; line-height: 1; }
  .app-top-banner .app-top-banner-txt p { display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } }
/* Top Banner + header */
.app-top-banner.is-active ~ .app-header, .app.sticky .app-top-banner.is-active ~ .app-container .view-tab-menu .tab, .app-top-banner.is-active ~ .app-container .app-history-back, .app-top-banner.is-active ~ .app-container .tit__page.is-fixed { top: 60px; }
@media (max-width: 1023px) { .app-top-banner.is-active ~ .app-header:after { top: 120px; }
  .app-top-banner.is-active ~ .app-container { margin-top: 120px; }
  .app-top-banner.is-active ~ .app-container .shop-menu-container { top: 120px; }
  .app-top-banner.is-active ~ .app-container .cf-sec-box.history_sec .sticky_wrap .sticky_menu { top: 22px; } }
@media (min-width: 1024px) { .app-top-banner.is-active ~ .app-header:after { top: 140px; }
  .app-top-banner.is-active ~ .app-container { margin-top: 140px; }
  .app-top-banner.is-active ~ .app-container { margin-top: 140px; }
  .app-top-banner.is-active ~ .app-container .cf-sec-box.history_sec .sticky_wrap .sticky_menu { top: 197px; } }
.btn__top { position: fixed; right: 20px; bottom: 20px; z-index: 200; width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.7); border-radius: 60px; font-size: 0; line-height: 0; visibility: hidden; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; }
.btn__top i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.btn__top.is-active { visibility: visible; opacity: 1; }
.btn__top.no-fixed { position: absolute; bottom: calc(100% + 20px); }
.app-floating-btn { position: fixed; right: 20px; bottom: 150px; z-index: 200; width: 60px; height: 0; }
.app-floating-btn.no-fixed { position: absolute; bottom: calc(100% + 150px); }
.app-floating-btn .btn__floating, .app-floating-btn a[role="button"] { position: relative; display: inline-block; width: 60px; height: 60px; background-color: #000; border-radius: 60px; font-size: 0; line-height: 0; }
.app-floating-btn .btn__floating i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.app-floating-btn .btn__floating { background: url(../img/common/bg-floating.png) no-repeat; background-size: cover; vertical-align: top; }
.app-floating-btn .btn__floating span { width: 24px; height: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .2s; transition: all .2s; }
.app-floating-btn .btn__floating span:before, .app-floating-btn .btn__floating span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 0; width: 24px; height: 2px; background-color: #fff; }
.app-floating-btn .btn__floating span:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.app-floating-btn .btn__floating { z-index: 225; }
.app-floating-btn ul { position: absolute; bottom: 0; left: 0; z-index: 200; width: 60px; }
.app-floating-btn li { position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.64, 1.41, 0.78, 1.41); transition: all 0.2s cubic-bezier(0.64, 1.41, 0.78, 1.41); }
.app-floating-btn li img { position: absolute; right: 0; top: 0; width: 60px; }
.app-floating-btn li a[role="button"] { position: absolute; top: 0; right: 0; width: 60px; height: 60px; -webkit-transition: width .2s ease-in; transition: width .2s ease-in; }
.app-floating-btn li a span { overflow: hidden; position: absolute; right: 70px; top: 10px; width: 0; font-size: 14px; font-weight: 700; line-height: 1.5; color: #fff; opacity: 0; }
.app-floating-btn li:nth-child(1) > a { background-color: #0072de; }
.app-floating-btn li:nth-child(2) > a, .app-floating-btn li:nth-child(3) > a, .app-floating-btn li:nth-child(4) > a { background-color: #00b3e3; }
.app-floating-btn ul.is-active { bottom: 70px; }
.app-floating-btn .is-active li { opacity: 1; }
.app-floating-btn .is-active li:nth-child(1) { bottom: 0; }
.app-floating-btn .is-active li:nth-child(2) { bottom: 70px; }
.app-floating-btn .is-active li:nth-child(3) { bottom: 140px; }
.app-floating-btn .is-active li:nth-child(4) { bottom: 210px; }
.app-floating-btn .btn__floating.is-active span { -webkit-transform: rotate(405deg); transform: rotate(405deg); }
@media (max-width: 1023px) { .app-footer .footer-link .related-site { width: calc(100% - 105px); margin-right: 20px; }
  .app-footer .store-app { width: calc(100% - 95px); max-width: 280px; } }
@media (max-width: 1023px) and (max-width: 359px) { .app-footer .store-app { width: calc(100% - 80px); } }
@media screen and (max-width: 1023px) and (min-width: 768px) { .app-footer .footer-link p, .app-footer .footer-link .related-site { float: left; width: 100%;}
  .app-footer .footer-link .related-site { margin-right: 20px; }
  .app-footer .footer-company-info address, .app-footer .footer-company-info span { position: relative; }
  .app-footer .footer-company-info address:not(:last-child):after, .app-footer .footer-company-info span:not(:last-child):after { content: ''; position: absolute; right: -10px; top: 4px; width: 1px; height: 12px; background-color: #ddd; } }
@media (min-width: 1024px) { .app-floating-btn .is-active li a:hover, .app-floating-btn .is-active li a:focus { width: 250px; }
  .app-floating-btn .is-active li a span { text-shadow: 0 0 transparent; -webkit-transition: text-shadow .3s ease-in, opacity 0.1s; transition: text-shadow .3s ease-in, opacity 0.1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .app-floating-btn .is-active li a:hover span, .app-floating-btn .is-active li a:focus span { width: 150px; opacity: 1; text-shadow: 1px 1px #000; } }
/* 공통 검색 */
.app-search { display: none; z-index: 300; width: 100%; background-color: #fff; }
.app-search.is-active { display: block; }
.app-search .app-search-tit { text-align: center; }
.app-search .app-search-tit > strong { display: block; font-weight: 700; }
.app-search-form-wrap { margin-top: 30px; }
.app-search-form-wrap > p:first-child button { border-bottom: 1px solid #000; font-weight: 700; }
.app-search-form-area { position: relative; background-color: #fff; }
.app-search .app-search-form { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; border: 1px solid #000; }
.app-search .app-search-form .form__text { width: calc(100% - 61px); }
.app-search .app-search-form .form__text .input { border-color: transparent; }
.app-search .app-search-form .btn__img { width: 40px; height: 40px; margin-left: 1px; }
.app-search .app-search-form-area .search-expectation li:hover a, .app-search .app-search-form-area .search-expectation li.is-focus a { border-bottom: 1px solid #767676; }
.app-search-form-area.is-active .app-search-form { border-bottom: none; }
.app-search-form-area.is-active .search-expectation { display: block; }
.app-search-favorite > .tit { display: block; font-weight: 700; font-size: 18px; line-height: 1; }
.app-search-favorite > div { margin-top: 14px; }
.app-search-favorite a:before { content: '#'; }
.app-search .recent-search-keywords { position: relative; padding-top: 30px; border-top: 1px solid #ddd; }
.app-search .recent-search-keywords > .tit { display: block; font-weight: 700; font-size: 18px; line-height: 1; }
.app-search .recent-search-keywords ul { margin-top: 14px; }
.app-search .recent-search-keywords li { position: relative; font-size: 0; }
.app-search .recent-search-keywords li > a { display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 80px); font-size: 16px; }
.app-search .recent-search-keywords li .btn__delete-input { position: absolute; right: 0; top: calc(50% - 8px); }
.app-search .recent-search-keywords .btn-recent-delete-all { position: absolute; right: 0; top: 24px; border-bottom: 1px solid #000; font-weight: 700; }
.app-search .no-recent-search-keywords { margin-top: 14px; color: #999; }
.search-expectation { overflow-y: auto; position: absolute; left: 0; z-index: 1; display: none; width: 100%; border: 1px solid #000; border-top: 1px solid #ddd; background-color: #fff; }
.search-expectation li { text-align: left; }
.search-expectation li em { color: #0972d3; font-weight: 700; }
@media (max-width: 1023px) { .app-search { overflow: auto; position: fixed; top: 0; left: 0; height: 100vh; padding-top: 90px; padding-bottom: 40px; }
  .app-search .app-search-tit { font-size: 26px; line-height: 34px; }
  .app-search-form-wrap > p:first-child { text-align: center; }
  .app-search .app-search-form { padding: 10px 0 8px 10px; }
  .app-search .app-search-form .btn__img { margin-left: 8px; }
  .app-search-favorite { margin-top: 40px; }
  .app-search-favorite a { display: block; }
  .app-search-favorite a + a { margin-top: 8px; }
  .app-search .recent-search-keywords { margin-top: 30px; }
  .app-search .recent-search-keywords li + li { margin-top: 8px; }
  .app-search .btn-app-search { top: 29px; right: 20px; position: absolute; width: 24px; height: 24px; }
  .app-search .btn-app-search:before, .app-search .btn-app-search:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
  .app-search .btn-app-search:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .app-search .btn-app-search:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .app-search .btn-app-search > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .search-expectation { top: 59px; padding: 20px 17px; }
  .search-expectation li + li { margin-top: 10px; } }
@media (min-width: 1024px) { .app-search { overflow-y: auto; position: fixed; top: 0; left: 0; right: 0; max-height: 100vh; }
  .app-search > div { position: relative; background-color: #fff; border-bottom: 1px solid #ddd; }
  .app-search.is-active:before { content: ''; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); }
  .app-search .app-search-inner { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding-top: 152px; padding-bottom: 90px; background-color: #fff; }
  .app-search .app-search-tit { font-size: 40px; line-height: 48px; }
  .app-search-form-wrap > p:first-child { text-align: right; }
  .app-search .app-search-form { padding: 10px 0 8px 10px; }
  .app-search-favorite { margin-top: 60px; }
  .app-search-favorite a { display: inline-block; margin-right: 20px; margin-bottom: 15px; }
  .app-search .recent-search-keywords { position: relative; margin-top: 15px; padding-top: 30px; border-top: 1px solid #ddd; }
  .app-search .recent-search-keywords > .tit { display: block; font-weight: 700; font-size: 18px; line-height: 1; }
  .app-search .recent-search-keywords ul:after { content: ''; display: block; clear: both; }
  .app-search .recent-search-keywords li { float: right; width: calc(50% - 12px); margin-top: 8px; }
  .app-search .recent-search-keywords li:nth-child(1), .app-search .recent-search-keywords li:nth-child(2) { margin-top: 0; }
  .app-search .recent-search-keywords li:nth-child(2n + 1) { float: left; }
  .app-search .recent-search-keywords .btn-recent-delete-all { position: absolute; right: 0; top: 24px; border-bottom: 1px solid #000; font-weight: 700; }
  .app-search .no-recent-search-keywords { margin-top: 14px; color: #999; }
  .app-search .btn-app-search { top: 50px; right: 0px; position: absolute; width: 40px; height: 40px; padding: 4px; }
  .app-search .btn-app-search > span { position: relative; overflow: hidden; display: block; width: 32px; height: 32px; }
  .app-search .btn-app-search > span:before, .app-search .btn-app-search > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
  .app-search .btn-app-search > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .app-search .btn-app-search > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .app-search .btn-app-search > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .app-search .sec-box { max-width: 920px; }
  .search-expectation li + li { margin-top: 6px; }
  .search-expectation { top: 51px; }
  .app-search .search-expectation { top: 59px; padding: 20px 0 5px 20px; }
  .app-search .search-expectation li { display: inline-block; margin-right: 20px; margin-bottom: 15px; margin-top: 0; } }
.mCustomScrollbar { overflow-y: auto; }
.mCustomScrollbar[data-mcs-axis=x] { overflow-y: hidden; overflow-x: auto;}
.mCS_destroyed, div[data-mcs-axis='x'], .tbl__scrollbox { overflow: auto; }
/* popup-sharing 및 sharing icon */
/* 페이지 공유 아이콘 */
.app-sharing { position: relative; }
.sharingBtn button { width: 24px; height: 24px;  font-size:0; }
.sharingBtn button + button { margin-left: 5px; }


/* 페이지 공유 팝업 관련 */
.sharing-popup { position: absolute; right: 0; bottom: -205px; z-index: 100; width: 300px; padding: 20px; border: 1px solid #000; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 7px 0 8px rgba(0, 0, 0, 0.22); box-shadow: 7px 0 8px rgba(0, 0, 0, 0.22); }
.sharing-popup.is-active { display: block; }
.sharing-popup dt { padding-bottom: 15px; font-size: 18px; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd; }
.sharing-popup .sharing-button { margin-top: 15px; text-align: center; }
.sharing-popup .btn-box { margin-top: 15px; text-align: center; font-size: 0; }
.sharing-popup .pop-close { position: absolute; width: 13px; height: 13px; text-indent: -999em; top: 24px; right: 24px; }
.sharing-popup .pop-close:before, .sharing-popup .pop-close:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
.sharing-popup .pop-close:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.sharing-popup .pop-close:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.sharing-popup .pop-close > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
@media (max-width: 1023px) { .sharing-popup { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 250; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 0; border-radius: 10px; } }

/* 페이지 공유 아이콘(전문상담) */
.page-sharing { position:relative; }
.page-sharing .sharingBtn { bottom:0px; }
.page-sharing .sharingBtn button  {display: inline-block; width:24px; height:24px; padding:0px; font-size: 0; text-align: center;}
.page-sharing .app-sharing .sharingBtn { position:absolute; display:block; right:0px; bottom:10px; }


/* 페이지 공유 아이콘( 서비스안내 > 유지보수/세척 b2b) */
.page-sharing-b2b { position:relative; }
.page-sharing-b2b .sharingBtn { bottom:0px; }
.page-sharing-b2b .sharingBtn button  {display: inline-block; width:24px; height:24px; padding:0px; font-size: 0; text-align: center;}
.page-sharing-b2b .app-sharing .sharingBtn { position:absolute; display:block; right:0px; bottom:10px; }

@media (max-width: 1023px) { .page-sharing-b2b .app-sharing .sharingBtn { right:0px;  bottom:50px; } }


/* 페이지 공유 아이콘(소모품샵) */
.page-sharing .sharingBtn-shop { position:absolute; display:block; right:0px;top:-60px; } /* 소모품샵 view 페이지 공유버튼 */
.page-sharing .sharingBtn-shop button  {display: inline-block; width:24px; height:24px; padding:0px; font-size: 0; text-align: center;}
@media (max-width: 1023px) { .page-sharing .sharingBtn-shop  { right:0px;  top:-50px; } }

/* 페이지 공유 팝업창 위치값 */
@media (min-width: 1024px) {
  .page-sharing dl.sharing-popup { bottom: -195px; }
  .page-sharing .sharing-popup-shop dl.sharing-popup {  bottom: -200px; }
}

/* 소모품샵 view 페이지 공유 팝업 관련(소모품샵) */
.sharing-popup-shop { position: absolute; right: 0; bottom:30px; z-index: 100;  }
.sharing-popup-shop.is-active { display: block; }
.sharing-popup-shop dt { padding-bottom: 15px; font-size: 18px; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd; }
.sharing-popup-shop .sharing-button { margin-top: 15px; text-align: center; }
.sharing-popup-shop .btn-box { margin-top: 15px; text-align: center; font-size: 0; }
.sharing-popup-shop .pop-close { position: absolute; width: 13px; height: 13px; text-indent: -999em; top: 24px; right: 24px; }
.sharing-popup-shop .pop-close:before, .sharing-popup-shop .pop-close:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
.sharing-popup-shop .pop-close:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.sharing-popup-shop .pop-close:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.sharing-popup-shop .pop-close > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
@media (max-width: 1023px) { .sharing-popup-shop { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 250; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 0; border-radius: 10px; } }



/*  제품 만족도 체크 */
/* 만족도 체크 */
.satisfaction-box { padding: 40px 0; }
.satisfaction-box .box-inner { padding: 0 40px; }
/**/
.satisfaction-tit { font-size: 28px; }
/**/
.satisfaction-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }
.satisfaction-form .form__radio input[type="radio"] + label { font-size: 24px; font-weight: bold; }
.satisfaction-form .form__radio input[type="radio"] + label:before { top: 8px; }
.satisfaction-form .form__radio input[type="radio"]:checked + label:after { top: 12px; }
.satisfaction-form .radio_box { display: -webkit-box; display: -ms-flexbox; display: flex; }
.satisfaction-form .radio_box > div { width: 171px; }
.satisfaction-form .radio_box + .bullet__14 { margin-top: 20px; }
/* 만족도 체크 관련 5가지 항목 */
.satisfaction-ask { width: calc(100% - 440px); }
.satisfaction-evaluation { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 35px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.satisfaction-evaluation li { width: calc((100% - 100px)/5); text-align: center; }
.satisfaction-evaluation li a .icon-expression { display: inline-block; width: 50px; height: 50px; vertical-align: middle; text-align: center; background: url(../img/icon/icon-satisfaction-check.png); }
.satisfaction-evaluation li:nth-child(1) .icon-expression { background-position: 0px 0; }
.satisfaction-evaluation li:nth-child(2) .icon-expression { background-position: -100px 0; }
.satisfaction-evaluation li:nth-child(3) .icon-expression { background-position: -200px 0; }
.satisfaction-evaluation li:nth-child(4) .icon-expression { background-position: -300px 0; }
.satisfaction-evaluation li:nth-child(5) .icon-expression { background-position: -400px 0; }
.satisfaction-evaluation li:nth-child(1).is-active .icon-expression { background-position: -1px -100px; }
.satisfaction-evaluation li:nth-child(2).is-active .icon-expression { background-position: -101px -101px; }
.satisfaction-evaluation li:nth-child(3).is-active .icon-expression { background-position: -201px -101px; }
.satisfaction-evaluation li:nth-child(4).is-active .icon-expression { background-position: -301px -101px; }
.satisfaction-evaluation li:nth-child(5).is-active .icon-expression { background-position: -401px -101px; }
.satisfaction-evaluation li a span { display: inline-block; font-size: 16px; color: #000; text-indent: 15px; }
.satisfaction-evaluation li.is-active a span { font-weight: bold; }
@media (max-width: 1023px) { .satisfaction-evaluation li a { display: block; }
  .satisfaction-evaluation li a span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 38px; margin-top: 8px; line-height: 1.2; text-indent: 0; } }
@media (max-width: 1023px) and (max-width: 359px) { .satisfaction-evaluation li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }
@media (min-width: 1024px) { .satisfaction-evaluation li a { display: inline-block; }
  .satisfaction-evaluation li a span { white-space: nowrap; } }
/* 만족도 체크 > 의견 수렴 부분 레이아웃 */
.satisfaction-opinion { margin-bottom: 10px;  }
.satisfaction-btn-box { text-align: center; }
/* 만족도 체크 >  의견 수렴 부분 */
.opinion-box .opinion-txt { margin-top: 4px; }
.opinion-box .opinion-txt .txtLine { border-bottom: 1px solid #000;  }
.opinion-box .opinion-textarea { width: 100%; height: 115px; border: 1px solid #a9a9a9; color: #a9a9a9; }
.opinion-box .form__textarea textarea { min-height: 115px; }
.opinion-box .opinion-textarea textarea { width: 100%; height: 100%; padding: 20px 25px; color: #000; font-size: 16px; }
.opinion-box .opinion-textarea .bytes { float: right; margin-top: 3px; font-size: 14px; color: #000; }
.opinion-box .opinion-textarea .bytes .total:before { content: ' / '; }
.opinion-box .opinion-textarea .bytes .total:after { content: 'Bytes'; }
/* 만족도 체크 레티나 대응 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .satisfaction-evaluation li a .icon-expression { background: url(../img/icon/icon-satisfaction-check@2x.png); background-size: 375px 200px; width: 50px; height: 50px; }
  .satisfaction-evaluation li:nth-child(1) .icon-expression { background-position: 0 0; }
  .satisfaction-evaluation li:nth-child(2) .icon-expression { background-position: -75px 0; }
  .satisfaction-evaluation li:nth-child(3) .icon-expression { background-position: -150px 0; }
  .satisfaction-evaluation li:nth-child(4) .icon-expression { background-position: -225px 0; }
  .satisfaction-evaluation li:nth-child(5) .icon-expression { background-position: -300px 0; }
  .satisfaction-evaluation li:nth-child(1).is-active .icon-expression { background-position: 0 -100px; }
  .satisfaction-evaluation li:nth-child(2).is-active .icon-expression { background-position: -75px -100px; }
  .satisfaction-evaluation li:nth-child(3).is-active .icon-expression { background-position: -150px -100px; }
  .satisfaction-evaluation li:nth-child(4).is-active .icon-expression { background-position: -225px -100px; }
  .satisfaction-evaluation li:nth-child(5).is-active .icon-expression { background-position: -300px -100px; } }
@media (min-width: 1024px) and (max-width: 1439px) { .satisfaction-form-text { width: 40%; }
  .satisfaction-ask { width: 60%; }
  .satisfaction-evaluation { padding: 32px 0; }
  .satisfaction-evaluation li a { text-align: center; }
  .satisfaction-evaluation li a span { text-indent: 0; margin-top: 7px; width: 100%; } }
@media (max-width: 1023px) { /*만족도 체트*/
  .satisfaction-tit { font-size: 24px; }
  .satisfaction-box { padding: 24px 0; }
  .satisfaction-box .box-inner { padding: 0 20px; }
  /**/
  .satisfaction-form { display: block; margin-bottom: 16px; }
  .satisfaction-form .form__radio input[type="radio"] + label { font-size: 18px; }
  .satisfaction-form .form__radio input[type="radio"] + label:before { top: 3px; }
  .satisfaction-form .form__radio input[type="radio"]:checked + label:after { top: 7px; }
  .satisfaction-form .radio_box { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .satisfaction-form .radio_box + .bullet__14 { margin-top: 16px; }
  /**/
  .satisfaction-ask { width: 100%; margin-top: 16px; }
  /**/
  .satisfaction-form .radio_box > div { width: 120px; }
  .satisfaction-evaluation { padding: 15px; }
  .satisfaction-evaluation li { width: 100%; text-align: center; }
  .satisfaction-evaluation li + li { margin-left: 0; }
  .satisfaction-evaluation li a .icon-expression { width: 34px; height: 34px; background: url(../img/icon/icon-satisfaction-check-mb.png); background-size: 210px 78px; }
  .satisfaction-evaluation li:nth-child(1) .icon-expression { background-position: 0 -44px; }
  .satisfaction-evaluation li:nth-child(2) .icon-expression { background-position: -44px -44px; }
  .satisfaction-evaluation li:nth-child(3) .icon-expression { background-position: -88px -44px; }
  .satisfaction-evaluation li:nth-child(4) .icon-expression { background-position: -132px -44px; }
  .satisfaction-evaluation li:nth-child(5) .icon-expression { background-position: -176px -44px; }
  .satisfaction-evaluation li:nth-child(1).is-active .icon-expression { background-position: 0 0; }
  .satisfaction-evaluation li:nth-child(2).is-active .icon-expression { background-position: -44px 0; }
  .satisfaction-evaluation li:nth-child(3).is-active .icon-expression { background-position: -88px 0; }
  .satisfaction-evaluation li:nth-child(4).is-active .icon-expression { background-position: -132px 0; }
  .satisfaction-evaluation li:nth-child(5).is-active .icon-expression { background-position: -176px 0; }
  .opinion-box { display: block; }
  .opinion-box .opinion-txt { width: 100%; padding: 0; }
  .opinion-box .opinion-txt.mt20 { margin-top: 14px; }
  .opinion-box .opinion-textarea { width: 100%; margin-top: 20px; }
  .opinion-box .opinion-textarea textarea { padding: 10px 15px; }
  .satisfaction-opinion { margin-bottom: 16px; } }
@media (max-width: 1023px) and (max-width: 359px) { .satisfaction-evaluation { padding-left: 0; padding-right: 0; } }
/* App Download */
@media (max-width: 1023px) { .store-app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 320px; margin-top: 20px; padding: 9px 10px; }
  .store-app > .tit { font-weight: 400; font-size: 14px; }
  .store-app { border: 1px solid #ddd; border-radius: 50px; text-align: center; }
  .store-app span { display: none; }
  .store-app ul, .store-app li { display: inline-block; font-size: 0; }
  .store-app li { margin-left: 20px; }
  .store-app li > div { display: none; } }
@media screen and (max-width: 1023px) and (min-width: 768px) { .store-app { width: 250px; }
  .app-footer .footer-company-info address, .app-footer .footer-company-info span { display: inline-block; } }
@media (min-width: 1024px) { .store-app > .tit { display: none; }
  .store-app::after { content: ''; display: block; clear: both; }
  .store-app li { float: left; }
  .store-app li + li { margin-left: 15px; }
  .store-app li > a { display: none; }
  .store-app li > div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 226px; height: 50px; border: 1px solid #ddd; border-radius: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .store-app li span { margin-left: 10px; font-size: 14px; line-height: 18px; }
  .store-app li span:last-child { margin-left: 20px; } }
/**/
@media (min-width: 1024px) { .footer-sub-site { margin-top: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .footer-sub-site .footer-link { margin-right: 40px; }
  .footer-sub-site .footer-link::after { content: ''; display: block; clear: both; } }
@media (max-width: 1023px) { .footer-sub-site::after { content: ""; display: block; clear: both; }
  .footer-sub-site > div { float: left; margin-top: 20px; }
  .footer-sub-site .footer-link { width: 100%; margin-right: 40px; } }
@media screen and (max-width: 1023px) and (max-width: 450px) { .footer-sub-site .footer-link { width: 100%; } }
.loader { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 450; background-color: rgba(246, 246, 246, 0.6); }
.loader > span { position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); width: 60px; height: 60px; background: url(../img/common/loading.png) no-repeat; background-size: cover; -webkit-animation: load 1s infinite linear; animation: load 1s infinite linear; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
@-webkit-keyframes load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* TABLE */
.tbl-wrap { position: relative; }
.tbl-top { font-size: 0; }
.tbl-bottom { font-size: 0; }
.tbl-bottom .error-msg { display: block; margin-top: 4px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; }
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
<div class="icon-home"></div>
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
  display: inline-block;
}
// HTML
<i class="icon icon-home"></i>
*/
.icon-3-man { background-image: url(../img/ir/sprite.png); background-position: -370px -260px; width: 100px; height: 70px; }
.icon-again-search { background-image: url(../img/ir/sprite.png); background-position: -647px -834px; width: 14px; height: 16px; }
.icon-aircon-60 { background-image: url(../img/ir/sprite.png); background-position: -878px -864px; width: 60px; height: 60px; }
.icon-arrow-down-18 { background-image: url(../img/ir/sprite.png); background-position: -916px -814px; width: 18px; height: 10px; }
.icon-arrow-down { background-image: url(../img/ir/sprite.png); background-position: -743px -834px; width: 12px; height: 12px; }
.icon-arrow-left-12 { background-image: url(../img/ir/sprite.png); background-position: -765px -834px; width: 12px; height: 12px; }
.icon-arrow-right-12 { background-image: url(../img/ir/sprite.png); background-position: -787px -834px; width: 12px; height: 12px; }
.icon-arrow-up-26 { background-image: url(../img/ir/sprite.png); background-position: -606px -530px; width: 18px; height: 26px; }
.icon-arrow-up { background-image: url(../img/ir/sprite.png); background-position: -809px -834px; width: 12px; height: 12px; }
.icon-bell { background-image: url(../img/ir/sprite.png); background-position: -569px -834px; width: 16px; height: 18px; }
.icon-black-q { background-image: url(../img/ir/sprite.png); background-position: -55px -1149px; width: 46px; height: 46px; }
.icon-blue-check { background-image: url(../img/ir/sprite.png); background-position: -921px -1018px; width: 50px; height: 50px; }
.icon-box { background-image: url(../img/ir/sprite.png); background-position: -1198px -1110px; width: 24px; height: 24px; }
.icon-breaf-case { background-image: url(../img/ir/sprite.png); background-position: -948px -864px; width: 60px; height: 60px; }
.icon-btn-djvu { background-image: url(../img/ir/sprite.png); background-position: -1090px -454px; width: 24px; height: 24px; }
.icon-btn-pdf { background-image: url(../img/ir/sprite.png); background-position: -1090px -488px; width: 24px; height: 24px; }
.icon-building-40 { background-image: url(../img/ir/sprite.png); background-position: -1198px -210px; width: 40px; height: 40px; }
.icon-building-60 { background-image: url(../img/ir/sprite.png); background-position: -148px -944px; width: 60px; height: 60px; }
.icon-building-64 { background-image: url(../img/ir/sprite.png); background-position: -530px -462px; width: 64px; height: 64px; }
.icon-call-center { background-image: url(../img/ir/sprite.png); background-position: -502px -568px; width: 100px; height: 70px; }
.icon-camera-40 { background-image: url(../img/ir/sprite.png); background-position: -1198px -260px; width: 40px; height: 40px; }
.icon-camera { background-image: url(../img/ir/sprite.png); background-position: -800px -864px; width: 68px; height: 62px; }
/*.icon-care-plus { background-image: url(../img/ir/sprite.png); background-position: 0px -674px; width: 100px; height: 70px; }*/
.icon-care-plus { background-image: url(../img/careplus/careplus_logo.png); background-position:0px 0px; width: 80px; height: 80px;  background-size:80px; position: absolute; left: 50%; top: 0px; right: 50%;  transform: translate(-50%, -50%); }
.icon-carendar-60 { background-image: url(../img/ir/sprite.png); background-position: -218px -944px; width: 60px; height: 60px; }
.icon-carendar { background-image: url(../img/ir/sprite.png); background-position: -806px -720px; width: 20px; height: 20px; }
.icon-cargotruck-24 { background-image: url(../img/ir/sprite.png); background-position: -1090px -522px; width: 24px; height: 24px; }
.icon-cargotruck-40 { background-image: url(../img/ir/sprite.png); background-position: -1198px -310px; width: 40px; height: 40px; }
.icon-cargotruck-check-40 { background-image: url(../img/ir/sprite.png); background-position: -1198px -360px; width: 40px; height: 40px; }
.icon-cargotruck-check-50 { background-image: url(../img/ir/sprite.png); background-position: -981px -1018px; width: 50px; height: 50px; }
.icon-cart-20 { background-image: url(../img/ir/sprite.png); background-position: -836px -720px; width: 20px; height: 20px; }
.icon-cart-24 { background-image: url(../img/ir/sprite.png); background-position: -1090px -556px; width: 24px; height: 24px; }
.icon-ccm { background-image: url(../img/ir/sprite.png); background-position: -463px -1149px; width: 40px; height: 40px; }
.icon-cd { background-image: url(../img/ir/sprite.png); background-position: -1138px 0px; width: 50px; height: 50px; }
.icon-center-phone { background-image: url(../img/ir/sprite.png); background-position: -1090px -134px; width: 30px; height: 30px; }
.icon-center { background-image: url(../img/ir/sprite.png); background-position: -110px -674px; width: 100px; height: 70px; }
.icon-chatbot { background-image: url(../img/ir/sprite.png); background-position: -1138px -60px; width: 50px; height: 50px; }
.icon-checklist-pen { background-image: url(../img/ir/sprite.png); background-position: -288px -944px; width: 60px; height: 60px; margin-left: 10px; }
.icon-checklist { background-image: url(../img/ir/sprite.png); background-position: -1198px -410px; width: 40px; height: 40px; }
.icon-savi-40 { background-image: url(../img/ir/sprite.png); background-position: -1041px -1022px; width: 40px; height: 40px; }
.icon-ci-vertical { background-image: url(../img/ir/sprite.png); background-position: -712px -622px; width: 76px; height: 30px; }
.icon-ci { background-image: url(../img/ir/sprite.png); background-position: 0px -834px; width: 223px; height: 20px; }
.icon-circle-cart { background-image: url(../img/ir/sprite.png); background-position: -916px -364px; width: 80px; height: 80px; }
.icon-circle-engineer { background-image: url(../img/ir/sprite.png); background-position: -916px -454px; width: 80px; height: 80px; }
.icon-circle-iot-white { background-image: url(../img/ir/sprite.png); background-position: -916px -544px; width: 80px; height: 80px; }
.icon-circle-pencil { background-image: url(../img/ir/sprite.png); background-position: -916px -634px; width: 80px; height: 80px; }
.icon-close-14 { background-image: url(../img/ir/sprite.png); background-position: -988px -944px; width: 14px; height: 14px; }
.icon-code-scan { background-image: url(../img/ir/sprite.png); background-position: -1090px -998px; width: 28px; height: 20px; }
.icon-coupon-percent { background-image: url(../img/ir/sprite.png); background-position: -1198px -460px; width: 40px; height: 40px; }
.icon-creditcard { background-image: url(../img/ir/sprite.png); background-position: -1090px -590px; width: 24px; height: 24px; }
.icon-delete-input { background-image: url(../img/ir/sprite.png); background-position: -428px -412px; width: 16px; height: 16px; }
.icon-delivery { background-image: url(../img/ir/sprite.png); background-position: -866px -720px; width: 20px; height: 20px; }
.icon-door-to-door { background-image: url(../img/ir/sprite.png); background-position: -220px -674px; width: 100px; height: 70px; }
.icon-download-under-bar { background-image: url(../img/ir/sprite.png); background-position: -671px -834px; width: 16px; height: 13px; }
.icon-download-under-bar-w { background-image: url(../img/ir/sprite.png); background-position: -831px -835px; width: 16px; height: 12px; }
.icon-education-expense-support { background-image: url(../img/ir/sprite.png); background-position: -358px -944px; width: 60px; height: 60px; }
.icon-email { background-image: url(../img/ir/sprite.png); background-position: -1138px -120px; width: 50px; height: 50px; }
.icon-emblem { background-image: url(../img/ir/sprite.png); background-position: 750px 1251px; width: 50px; height: 50px; }
.icon-error-404 { background-image: url(../img/ir/sprite.png); background-position: -500px 0px; width: 96px; height: 96px; }
.icon-etc-expense-support { background-image: url(../img/ir/sprite.png); background-position: -428px -944px; width: 60px; height: 60px; }
.icon-exclamation-blue { background-image: url(../img/ir/sprite.png); background-position: -634px -530px; width: 20px; height: 20px; }
.icon-exclamation-white { background-image: url(../img/ir/sprite.png); background-position: -664px -530px; width: 20px; height: 20px; }
.icon-favorite_off { background-image: url(../img/ir/sprite.png); background-position: -1090px -624px; width: 24px; height: 24px; }
.icon-favorite_on { background-image: url(../img/ir/sprite.png); background-position: -1090px -658px; width: 24px; height: 24px; }
.icon-fax { background-image: url(../img/ir/sprite.png); background-position: -1138px -240px; width: 50px; height: 50px; }
.icon-file-download { background-image: url(../img/ir/sprite.png); background-position: -233px -834px; width: 18px; height: 20px; }
.icon-file-exel { background-image: url(../img/ir/sprite.png); background-position: -261px -834px; width: 18px; height: 20px; }
.icon-file-exif { background-image: url(../img/ir/sprite.png); background-position: -289px -834px; width: 18px; height: 20px; }
.icon-file-gif { background-image: url(../img/ir/sprite.png); background-position: -317px -834px; width: 18px; height: 20px; }
.icon-file-hwp { background-image: url(../img/ir/sprite.png); background-position: -345px -834px; width: 18px; height: 20px; }
.icon-file-jpg { background-image: url(../img/ir/sprite.png); background-position: -373px -834px; width: 18px; height: 20px; }
.icon-file-pdf { background-image: url(../img/ir/sprite.png); background-position: -401px -834px; width: 18px; height: 20px; }
.icon-file-ppt { background-image: url(../img/ir/sprite.png); background-position: -429px -834px; width: 18px; height: 20px; }
.icon-file-txt { background-image: url(../img/ir/sprite.png); background-position: -457px -834px; width: 18px; height: 20px; }
.icon-file-word { background-image: url(../img/ir/sprite.png); background-position: -485px -834px; width: 18px; height: 20px; }
.icon-file-zip { background-image: url(../img/ir/sprite.png); background-position: -513px -834px; width: 18px; height: 20px; }
.icon-folder-check { background-image: url(../img/ir/sprite.png); background-position: -916px -724px; width: 80px; height: 80px; }
.icon-folder-down-arrow { background-image: url(../img/ir/sprite.png); background-position: -1138px -300px; width: 50px; height: 50px; }
.icon-gallery { background-image: url(../img/ir/sprite.png); background-position: -428px -340px; width: 62px; height: 62px; }
.icon-gift { background-image: url(../img/ir/sprite.png); background-position: -1090px -692px; width: 24px; height: 24px; }
.icon-headset { background-image: url(../img/ir/sprite.png); background-position: -1138px -360px; width: 50px; height: 50px; }
.icon-heart-off { background-image: url(../img/ir/sprite.png); background-position: -500px -424px; width: 20px; height: 20px; }
.icon-heart-on { background-image: url(../img/ir/sprite.png); background-position: -530px -424px; width: 20px; height: 20px; }
.icon-history-back { background-image: url(../img/ir/sprite.png); background-position: -1090px -1061px; width: 20px; height: 17px; }
.icon-home-supportive01 { background-image: url(../img/ir/sprite.png); background-position: -712px -462px; width: 70px; height: 70px; }
.icon-home-supportive02 { background-image: url(../img/ir/sprite.png); background-position: -712px -542px; width: 70px; height: 70px; }
.icon-home-supportive03 { background-image: url(../img/ir/sprite.png); background-position: 0px -864px; width: 70px; height: 70px; }
.icon-home { background-image: url(../img/ir/sprite.png); background-position: -880px -784px; width: 20px; height: 19px; }
.icon-info-sky { background-image: url(../img/ir/sprite.png); background-position: -560px -424px; width: 20px; height: 20px; }
.icon-info-white { background-image: url(../img/ir/sprite.png); background-position: -530px -536px; width: 20px; height: 20px; }
.icon-infoit_01 { background-image: url(../img/ir/sprite.png); background-position: -498px -944px; width: 60px; height: 60px; }
.icon-infoit_02 { background-image: url(../img/ir/sprite.png); background-position: -568px -944px; width: 60px; height: 60px; }
.icon-infoit_03 { background-image: url(../img/ir/sprite.png); background-position: -638px -944px; width: 60px; height: 60px; }
.icon-infoit_04 { background-image: url(../img/ir/sprite.png); background-position: -708px -944px; width: 60px; height: 60px; }
.icon-infoit_05 { background-image: url(../img/ir/sprite.png); background-position: -778px -944px; width: 60px; height: 60px; }
.icon-infoit_06 { background-image: url(../img/ir/sprite.png); background-position: -848px -944px; width: 60px; height: 60px; }
.icon-infonum_01 { background-image: url(../img/ir/sprite.png); background-position: -1198px 0px; width: 40px; height: 60px; }
.icon-infonum_02 { background-image: url(../img/ir/sprite.png); background-position: -1198px -70px; width: 40px; height: 60px; }
.icon-infonum_03 { background-image: url(../img/ir/sprite.png); background-position: -1198px -140px; width: 40px; height: 60px; }
.icon-inforeinstall_01 { background-image: url(../img/ir/sprite.png); background-position: -330px -674px; width: 100px; height: 70px; }
.icon-inforeinstall_02 { background-image: url(../img/ir/sprite.png); background-position: -918px -944px; width: 60px; height: 60px; }
.icon-inforeinstall_03 { background-image: url(../img/ir/sprite.png); background-position: -1020px 0px; width: 60px; height: 60px; }
.icon-inforeinstall_04 { background-image: url(../img/ir/sprite.png); background-position: -1020px -70px; width: 60px; height: 60px; }
.icon-inforeserve_01 { background-image: url(../img/ir/sprite.png); background-position: -1020px -140px; width: 60px; height: 60px; }
.icon-inforeserve_02 { background-image: url(../img/ir/sprite.png); background-position: -1020px -210px; width: 60px; height: 60px; }
.icon-inforeserve_03 { background-image: url(../img/ir/sprite.png); background-position: -1020px -280px; width: 60px; height: 60px; }
.icon-inforeserve_04 { background-image: url(../img/ir/sprite.png); background-position: -1020px -350px; width: 60px; height: 60px; }
.icon-inforeserve_05 { background-image: url(../img/ir/sprite.png); background-position: -1020px -420px; width: 60px; height: 60px; }
.icon-inforeserve_06 { background-image: url(../img/ir/sprite.png); background-position: -1020px -490px; width: 60px; height: 60px; }
.icon-infoservice_01 { background-image: url(../img/ir/sprite.png); background-position: -1020px -560px; width: 60px; height: 60px; }
.icon-infoservice_02 { background-image: url(../img/ir/sprite.png); background-position: -1020px -630px; width: 60px; height: 60px; }
.icon-infoservice_03 { background-image: url(../img/ir/sprite.png); background-position: -1020px -700px; width: 60px; height: 60px; }
.icon-infoservice_04 { background-image: url(../img/ir/sprite.png); background-position: -1020px -770px; width: 60px; height: 60px; }
.icon-infoservice_05 { background-image: url(../img/ir/sprite.png); background-position: -1020px -840px; width: 60px; height: 60px; }
.icon-infoservice_06 { background-image: url(../img/ir/sprite.png); background-position: -1020px -910px; width: 60px; height: 60px; }
.icon-infoservice_07 { background-image: url(../img/ir/sprite.png); background-position: 0px -1018px; width: 60px; height: 60px; }
.icon-infoservice_08 { background-image: url(../img/ir/sprite.png); background-position: -70px -1018px; width: 60px; height: 60px; }
.icon-infoservice_09 { background-image: url(../img/ir/sprite.png); background-position: -1025px -1132px; width: 60px; height: 60px; }
.icon-insurance-expense-support { background-image: url(../img/ir/sprite.png); background-position: -140px -1018px; width: 60px; height: 60px; }
.icon-iot-22 { background-image: url(../img/ir/sprite.png); background-position: -1090px -726px; width: 24px; height: 24px; }
.icon-iot-92 { background-image: url(../img/ir/sprite.png); background-position: -440px -674px; width: 100px; height: 70px; }
.icon-iot-air-dressor { background-image: url(../img/ir/sprite.png); background-position: -712px 0px; width: 84px; height: 88px; }
.icon-iot-air-furifier { background-image: url(../img/ir/sprite.png); background-position: -200px -568px; width: 90px; height: 86px; }
.icon-iot-aircon { background-image: url(../img/ir/sprite.png); background-position: -500px -106px; width: 96px; height: 96px; }
.icon-iot-dryer { background-image: url(../img/ir/sprite.png); background-position: -500px -212px; width: 96px; height: 96px; }
.icon-iot-electronic-cooker { background-image: url(../img/ir/sprite.png); background-position: -916px -184px; width: 84px; height: 80px; }
.icon-iot-oven { background-image: url(../img/ir/sprite.png); background-position: -916px -274px; width: 84px; height: 80px; }
.icon-iot-refrigerator { background-image: url(../img/ir/sprite.png); background-position: -500px -318px; width: 96px; height: 96px; }
.icon-iot-robot-cleaner { background-image: url(../img/ir/sprite.png); background-position: -712px -98px; width: 84px; height: 84px; }
.icon-iot-smart-home-adapter { background-image: url(../img/ir/sprite.png); background-position: -1090px 0px; width: 38px; height: 84px; }
.icon-iot-tv { background-image: url(../img/ir/sprite.png); background-position: 0px -462px; width: 96px; height: 96px; }
.icon-iot-washer { background-image: url(../img/ir/sprite.png); background-position: -106px -462px; width: 96px; height: 96px; }
.icon-iot { background-image: url(../img/ir/sprite.png); background-position: -1198px -510px; width: 40px; height: 40px; }
.icon-self  { background-image: url(../img/ir/sprite.png); background-position: -1199px -1136px; width: 40px; height: 40px; }
.icon-join-adult { background-image: url(../img/ir/sprite.png); background-position: -80px -864px; width: 70px; height: 70px; }
.icon-join-kid { background-image: url(../img/ir/sprite.png); background-position: -160px -864px; width: 70px; height: 70px; }
.icon-kicc-easyescrow { background-image: url(../img/ir/sprite.png); background-position: -956px -2280px; width: 50px; height: 50px; }
.icon-kraia { background-image: url(../img/ir/sprite.png); background-position: 0px -340px; width: 106px; height: 112px; }
.icon-ks-sqi { background-image: url(../img/ir/sprite.png); background-position: -958px -1088px; width: 56px; height: 40px; }
.icon-ksqi { background-image: url(../img/ir/sprite.png); background-position: 2214px 54px; width: 110px; height: 50px; }
.icon-ksqi-purple { background-image: url(../img/ir/sprite.png); background-position: 2100px 54px; width: 110px; height: 50px; }
.icon-isms {background-image: url(../img/ir/sprite.png);background-position: 1078px 52px; width:50px; height: 50px;}
.icon-iso {background-image: url(../img/ir/sprite.png);background-position: -547px -1145px; width: 50px; height: 50px;}
.icon-ks-sqi { background-image: url(../img/ir/sprite.png); background-position: 487px -1145px; width: 80px; height: 50px; }
.icon-ks-cqi { background-image: url(../img/ir/sprite.png); background-position: 1026px -2343px; width:50px; height: 50px; }
.icon-laptop-100 { background-image: url(../img/ir/sprite.png); background-position: -550px -674px; width: 100px; height: 70px; }
.icon-laptop-120 { background-image: url(../img/ir/sprite.png); background-position: 0px -210px; width: 120px; height: 120px; }
.icon-laptop-40 { background-image: url(../img/ir/sprite.png); background-position: -1198px -560px; width: 40px; height: 40px; }
.icon-laptop-50 { background-image: url(../img/ir/sprite.png); background-position: -1138px -480px; width: 50px; height: 50px; }
.icon-laptop-64 { background-image: url(../img/ir/sprite.png); background-position: 0px -944px; width: 64px; height: 64px; }
.icon-laptop-96 { background-image: url(../img/ir/sprite.png); background-position: -212px -462px; width: 96px; height: 96px; }
.icon-laptop-edge-50 { background-image: url(../img/ir/sprite.png); background-position: -1138px -540px; width: 50px; height: 50px; }
.icon-laptop-edge-down-50 { background-image: url(../img/ir/sprite.png); background-position: -1138px -600px; width: 50px; height: 50px; }
.icon-laptop-graph-60 { background-image: url(../img/ir/sprite.png); background-position: -210px -1018px; width: 60px; height: 60px; }
.icon-laptop-line-60 { background-image: url(../img/ir/sprite.png); background-position: -280px -1018px; width: 60px; height: 60px; }
.icon-laptop-mouse-100 { background-image: url(../img/ir/sprite.png); background-position: -660px -674px; width: 100px; height: 70px; }
.icon-laptop-mouse-96 { background-image: url(../img/ir/sprite.png); background-position: -712px -192px; width: 80px; height: 80px; }
.icon-laptop-remote { background-image: url(../img/ir/sprite.png); background-position: -1138px -660px; width: 50px; height: 50px; }
.icon-laptop-search { background-image: url(../img/ir/sprite.png); background-position: -806px 0px; width: 100px; height: 70px; }
.icon-laptop-shield { background-image: url(../img/ir/sprite.png); background-position: -350px -1018px; width: 60px; height: 60px; }
.icon-laptop-touch { background-image: url(../img/ir/sprite.png); background-position: -420px -1018px; width: 60px; height: 60px; }
.icon-led-tv-120 { background-image: url(../img/ir/sprite.png); background-position: -130px -210px; width: 120px; height: 120px; }
.icon-led-tv-96 { background-image: url(../img/ir/sprite.png); background-position: -318px -462px; width: 96px; height: 96px; }
.icon-like-16 { background-image: url(../img/ir/sprite.png); background-position: -454px -412px; width: 16px; height: 16px; }
.icon-like-heart { background-image: url(../img/ir/sprite.png); background-position: -806px -80px; width: 100px; height: 70px; }
.icon-like { background-image: url(../img/ir/sprite.png); background-position: -1090px -760px; width: 24px; height: 24px; }
.icon-like_23 { background-image: url(../img/ir/sprite.png); background-position: -1090px -1028px; width: 23px; height: 23px; }
.icon-location { background-image: url(../img/ir/sprite.png); background-position: 0px -1148px; width: 45px; height: 50px; }
.icon-lock { background-image: url(../img/ir/sprite.png); background-position: -560px -536px; width: 20px; height: 20px; }
.icon-login-email { background-image: url(../img/ir/sprite.png); background-position: -806px -160px; width: 100px; height: 70px; }
.icon-login-main { background-image: url(../img/ir/sprite.png); background-position: -806px -240px; width: 100px; height: 70px; }
.icon-login-reservation { background-image: url(../img/ir/sprite.png); background-position: -806px -320px; width: 100px; height: 70px; }
.icon-login { background-image: url(../img/ir/sprite.png); background-position: -210px 0px; width: 150px; height: 150px; }
.icon-mac-os { background-image: url(../img/ir/sprite.png); background-position: -260px -210px; width: 100px; height: 100px; }
.icon-main-building { background-image: url(../img/ir/sprite.png); background-position: -102px -568px; width: 88px; height: 90px; }
.icon-main-chatbot { background-image: url(../img/ir/sprite.png); background-position: -400px -568px; width: 92px; height: 80px; }
.icon-main-doortodoor { background-image: url(../img/ir/sprite.png); background-position: -226px -340px; width: 92px; height: 88px; }
.icon-main-envelop { background-image: url(../img/ir/sprite.png); background-position: -612px -568px; width: 90px; height: 60px; }
.icon-main-more { background-image: url(../img/ir/sprite.png); background-position: -1198px -610px; width: 40px; height: 41px; }
.icon-main-reciept { background-image: url(../img/ir/sprite.png); background-position: -328px -340px; width: 90px; height: 88px; }
.icon-main-remote { background-image: url(../img/ir/sprite.png); background-position: -916px 0px; width: 94px; height: 74px; }
.icon-main-shop { background-image: url(../img/ir/sprite.png); background-position: -300px -568px; width: 90px; height: 84px; }
.icon-map-pin-land { background-image: url(../img/ir/sprite.png); background-position: -1138px -720px; width: 50px; height: 50px; }
.icon-map-pin-line { background-image: url(../img/ir/sprite.png); background-position: -1198px -660px; width: 40px; height: 40px; }
.icon-map-pin { background-image: url(../img/ir/sprite.png); background-position: -1090px -794px; width: 24px; height: 24px; }
.icon-medical-expense-support { background-image: url(../img/ir/sprite.png); background-position: -490px -1018px; width: 60px; height: 60px; }
.icon-message-center { background-image: url(../img/ir/sprite.png); background-position: -806px -400px; width: 100px; height: 70px; }
.icon-message-exclamation { background-image: url(../img/ir/sprite.png); background-position: -806px -480px; width: 100px; height: 70px; }
.icon-message-qa { background-image: url(../img/ir/sprite.png); background-position: -806px -560px; width: 100px; height: 70px; }
.icon-message-wrench { background-image: url(../img/ir/sprite.png); background-position: -1198px -710px; width: 40px; height: 40px; }
.icon-message { background-image: url(../img/ir/sprite.png); background-position: -1198px -760px; width: 40px; height: 40px; }
.icon-microsd { background-image: url(../img/ir/sprite.png); background-position: -1090px -828px; width: 24px; height: 24px; }
.icon-my-page-holding-products { background-image: url(../img/ir/sprite.png); background-position: -1138px -780px; width: 50px; height: 50px; }
.icon-my-page-iot { background-image: url(../img/ir/sprite.png); background-position: -1138px -840px; width: 50px; height: 50px; }
.icon-my-page-video { background-image: url(../img/ir/sprite.png); background-position: -872px -1137px; width: 50px; height: 50px; }
.icon-new { background-image: url(../img/ir/sprite.png); background-position: -595px -834px; width: 16px; height: 16px; }
.icon-note-120 { background-image: url(../img/ir/sprite.png); background-position: -370px 0px; width: 120px; height: 120px; }
.icon-note-96 { background-image: url(../img/ir/sprite.png); background-position: -424px -462px; width: 96px; height: 96px; }
.icon-notice { background-image: url(../img/ir/sprite.png); background-position: -1198px -810px; width: 40px; height: 40px; }
.icon-opinion { background-image: url(../img/ir/sprite.png); background-position: -806px -640px; width: 100px; height: 70px; }
.icon-oven { background-image: url(../img/ir/sprite.png); background-position: -606px 0px; width: 96px; height: 96px; }
.icon-pagination-first { background-image: url(../img/ir/sprite.png); background-position: -697px -834px; width: 13px; height: 12px; }
.icon-pagination-last { background-image: url(../img/ir/sprite.png); background-position: -720px -834px; width: 13px; height: 12px; }
.icon-pagination-next { background-image: url(../img/ir/sprite.png); background-position: -1120px -1061px; width: 7px; height: 12px; }
.icon-pagination-prev { background-image: url(../img/ir/sprite.png); background-position: -1001px -84px; width: 7px; height: 12px; }
.icon-paper-check { background-image: url(../img/ir/sprite.png); background-position: -712px -282px; width: 80px; height: 80px; }
.icon-paper-money { background-image: url(../img/ir/sprite.png); background-position: -1138px -900px; width: 50px; height: 50px; }
.icon-paper-notice { background-image: url(../img/ir/sprite.png); background-position: 0px -754px; width: 100px; height: 70px; }
.icon-paper-wrench { background-image: url(../img/ir/sprite.png); background-position: -110px -754px; width: 100px; height: 70px; }
.icon-pencil { background-image: url(../img/ir/sprite.png); background-position: -1138px -960px; width: 50px; height: 50px; }
.icon-personal-info { background-image: url(../img/ir/sprite.png); background-position: -1138px -1020px; width: 50px; height: 50px; }
.icon-phone { background-image: url(../img/ir/sprite.png); background-position: 0px -1088px; width: 50px; height: 50px; }
.icon-photo { background-image: url(../img/ir/sprite.png); background-position: -1020px -980px; width: 22px; height: 22px; }
.icon-podium { background-image: url(../img/ir/sprite.png); background-position: -606px -106px; width: 96px; height: 96px; }
.icon-previous-installation01 { background-image: url(../img/ir/sprite.png); background-position: -240px -864px; width: 70px; height: 70px; }
.icon-previous-installation02 { background-image: url(../img/ir/sprite.png); background-position: -320px -864px; width: 70px; height: 70px; }
.icon-previous-installation03 { background-image: url(../img/ir/sprite.png); background-position: -400px -864px; width: 70px; height: 70px; }
.icon-printer-120 { background-image: url(../img/ir/sprite.png); background-position: -370px -130px; width: 120px; height: 120px; }
.icon-printer-60 { background-image: url(../img/ir/sprite.png); background-position: -560px -1018px; width: 60px; height: 60px; }
.icon-prize { background-image: url(../img/ir/sprite.png); background-position: -220px -754px; width: 100px; height: 70px; }
.icon-professional-cleaning01 { background-image: url(../img/ir/sprite.png); background-position: -480px -864px; width: 70px; height: 70px; }
.icon-professional-cleaning02 { background-image: url(../img/ir/sprite.png); background-position: -560px -864px; width: 70px; height: 70px; }
.icon-professional-cleaning03 { background-image: url(../img/ir/sprite.png); background-position: -640px -864px; width: 70px; height: 70px; }
.icon-qna-a { background-image: url(../img/ir/sprite.png); background-position: -770px -674px; width: 20px; height: 20px; }
.icon-qna-q { background-image: url(../img/ir/sprite.png); background-position: -770px -704px; width: 20px; height: 20px; }
.icon-question-blue { background-image: url(../img/ir/sprite.png); background-position: -880px -754px; width: 20px; height: 20px; }
.icon-ram { background-image: url(../img/ir/sprite.png); background-position: -1198px -860px; width: 40px; height: 40px; }
.icon-receipt-emotional { background-image: url(../img/ir/sprite.png); background-position: -330px -754px; width: 100px; height: 70px; }
.icon-receipt-reprint { background-image: url(../img/ir/sprite.png); background-position: -440px -754px; width: 100px; height: 70px; }
.icon-receiver-31 { background-image: url(../img/ir/sprite.png); background-position: -1090px -94px; width: 31px; height: 30px; }
.icon-receiver-message { background-image: url(../img/ir/sprite.png); background-position: -712px -372px; width: 80px; height: 80px; }
.icon-receiver { background-image: url(../img/ir/sprite.png); background-position: -60px -1088px; width: 50px; height: 50px; }
.icon-reload-mail { background-image: url(../img/ir/sprite.png); background-position: -1198px -910px; width: 40px; height: 40px; }
.icon-reward-100 { background-image: url(../img/ir/sprite.png); background-position: -550px -754px; width: 100px; height: 70px; }
.icon-reward-96 { background-image: url(../img/ir/sprite.png); background-position: -606px -212px; width: 96px; height: 96px; }
.icon-right-arrow { background-image: url(../img/ir/sprite.png); background-position: -944px -814px; width: 14px; height: 10px; }
.icon-samsung-dex { background-image: url(../img/ir/sprite.png); background-position: -120px -1088px; width: 50px; height: 50px; }
.icon-samsung-galaxywearable { background-image: url(../img/ir/sprite.png); background-position: -180px -1088px; width: 50px; height: 50px; }
.icon-samsung-gear360 { background-image: url(../img/ir/sprite.png); background-position: -240px -1088px; width: 50px; height: 50px; }
.icon-samsung-kies { background-image: url(../img/ir/sprite.png); background-position: -300px -1088px; width: 50px; height: 50px; }
.icon-samsung-smartswitch { background-image: url(../img/ir/sprite.png); background-position: -360px -1088px; width: 50px; height: 50px; }
.icon-savi-50 { background-image: url(../img/ir/sprite.png); background-position: -420px -1088px; width: 50px; height: 50px; }
.icon-savi-64 { background-image: url(../img/ir/sprite.png); background-position: -74px -944px; width: 64px; height: 64px; }
.icon-scale { background-image: url(../img/ir/sprite.png); background-position: -660px -754px; width: 100px; height: 70px; }
.icon-search-24 {background-image: url(../img/ir/sprite.png);background-position: -1090px -860px;width: 26px;height: 26px;}
.icon-search-30 { background-image: url(../img/ir/sprite.png); background-position: -1090px -174px; width: 30px; height: 30px; }
.icon-search-white { background-image: url(../img/ir/sprite.png); background-position: -1052px -980px; width: 21px; height: 20px; }
.icon-servi-shadow { background-image: url(../img/ir/sprite.png); background-position: -916px -84px; width: 75px; height: 90px; }
.icon-servi { background-image: url(../img/ir/sprite.png); background-position: 0px 0px; width: 200px; height: 200px; }
.icon-service-cart { background-image: url(../img/ir/sprite.png); background-position: -720px -864px; width: 70px; height: 70px; }
.icon-service-online { background-image: url(../img/ir/sprite.png); background-position: -630px -1018px; width: 60px; height: 60px; }
.icon-service_care-plus { background-image: url(../img/ir/sprite.png); background-position: -700px -1018px; width: 60px; height: 60px; }
.icon-setting-18 { background-image: url(../img/ir/sprite.png); background-position: -541px -834px; width: 18px; height: 18px; }
.icon-setting { background-image: url(../img/ir/sprite.png); background-position: -480px -1088px; width: 50px; height: 50px; }
.icon-share { background-image: url(../img/ir/sprite.png); background-position: -1090px -896px; width: 24px; height: 24px; }
.icon-shield-check { background-image: url(../img/ir/sprite.png); background-position: -540px -1088px; width: 50px; height: 50px; }
.icon-shoppingbag { background-image: url(../img/ir/sprite.png); background-position: -1198px -960px; width: 40px; height: 40px; }
.icon-sns-band { background-image: url(../img/ir/sprite.png); background-position: -1198px -1010px; width: 40px; height: 40px; }
.icon-sns-blog-30 { background-image: url(../img/ir/sprite.png); background-position: -1090px -213px; width: 30px; height: 30px; }
.icon-sns-blog-36 { background-image: url(../img/ir/sprite.png); background-position: -1091px -213px; width: 36px; height: 36px; }
.icon-sns-facebook-40 { background-image: url(../img/ir/sprite.png); background-position: -1198px -1060px; width: 40px; height: 40px; }
.icon-sns-googleplus-40 { background-image: url(../img/ir/sprite.png); background-position: -308px -160px; width: 40px; height: 40px; }
.icon-sns-kakao-30 { background-image: url(../img/ir/sprite.png); background-position: -1090px -254px; width: 30px; height: 30px; }
.icon-sns-kakao-40 { background-image: url(../img/ir/sprite.png); background-position: -1024px -1088px; width: 40px; height: 40px; }
.icon-sns-naver-30 { background-image: url(../img/ir/sprite.png); background-position: -1090px -294px; width: 30px; height: 30px; }
.icon-sns-naver-40 { background-image: url(../img/ir/sprite.png); background-position: -1074px -1088px; width: 40px; height: 40px; }
.icon-sns-twitter-40 { background-image: url(../img/ir/sprite.png); background-position: -1124px -1088px; width: 40px; height: 40px; }
.icon-sns-youtube-30 { background-image: url(../img/ir/sprite.png); background-position: -1090px -332px; width: 30px; height: 30px; }
.icon-sns-youtube-36 { background-image: url(../img/ir/sprite.png); background-position: -1090px -331px; width: 36px; height: 36px; }
.icon-sns-instagram-30 { background-image: url(../img/ir/sprite.png); background-position: -1088px -1133px; width: 30px; height: 30px; }
.icon-sns-instagram-36 { background-image: url(../img/ir/sprite.png); background-position: -1088px -1133px; width: 36px; height: 36px; }
.icon-sns-facebook-30 { background-image: url(../img/ir/sprite.png); background-position: -1125px -1133px; width: 30px; height: 30px; }
.icon-sns-facebook-36 { background-image: url(../img/ir/sprite.png); background-position: -1125px -1133px; width: 36px; height: 36px; }
.icon-speaker { background-image: url(../img/ir/sprite.png); background-position: -606px -318px; width: 96px; height: 96px; }
.icon-sq { background-image: url(../img/ir/sprite.png); background-position: -607px -1146px; width: 50px; height: 50px; }
.icon-stock-alarm { background-image: url(../img/ir/sprite.png); background-position: -770px -754px; width: 100px; height: 70px; }
.icon-store-galaxy { background-image: url(../img/ir/sprite.png); background-position: -1090px -374px; width: 30px; height: 30px; }
.icon-store-google { background-image: url(../img/ir/sprite.png); background-position: -1090px -414px; width: 29px; height: 30px; }
.icon-system-compensation { background-image: url(../img/ir/sprite.png); background-position: 0px -568px; width: 92px; height: 96px; }
.icon-tool { background-image: url(../img/ir/sprite.png); background-position: -600px -1088px; width: 50px; height: 50px; }
.icon-trash { background-image: url(../img/ir/sprite.png); background-position: -660px -1088px; width: 50px; height: 50px; }
.icon-usb-to-usb { background-image: url(../img/ir/sprite.png); background-position: -720px -1088px; width: 50px; height: 50px; }
.icon-usb { background-image: url(../img/ir/sprite.png); background-position: -780px -1088px; width: 50px; height: 50px; }
.icon-user-off { background-image: url(../img/ir/sprite.png); background-position: -1090px -930px; width: 24px; height: 24px; }
.icon-user-on { background-image: url(../img/ir/sprite.png); background-position: -1090px -964px; width: 24px; height: 24px; }
.icon-video-player { background-image: url(../img/ir/sprite.png); background-position: -111px -1148px; width: 40px; height: 40px; }
.icon-video-thumbnail { background-image: url(../img/ir/sprite.png); background-position: -900px -1088px; width: 48px; height: 48px; }
.icon-video { background-image: url(../img/ir/sprite.png); background-position: -621px -834px; width: 16px; height: 17px; }
.icon-wa { background-image: url(../img/ir/sprite.png); background-position: -667px -1146px; width: 70px; height: 50px; }
.icon-washer { background-image: url(../img/ir/sprite.png); background-position: -606px -424px; width: 96px; height: 96px; }
.icon-window-os { background-image: url(../img/ir/sprite.png); background-position: -116px -340px; width: 100px; height: 93px; }
.icon-worldwide { background-image: url(../img/ir/sprite.png); background-position: -770px -1018px; width: 60px; height: 60px; }
.icon-wrench-driver { background-image: url(../img/ir/sprite.png); background-position: -840px -1088px; width: 50px; height: 50px; }
.icon-app-service {background-image: url(../img/ir/sprite.png); background-position: -934px -1134px;  width: 84px;  height: 62px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon-3-man { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-again-search { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-aircon-60 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-arrow-down-18 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-arrow-down { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-arrow-left-12 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-arrow-right-12 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-arrow-up-26 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-arrow-up { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-bell { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-black-q { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-blue-check { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-box { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-breaf-case { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-btn-djvu { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-btn-pdf { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-building-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-building-60 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-building-64 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-call-center { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-camera-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-camera { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  /* .icon-care-plus { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }*/
  .icon-carendar-60 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-carendar { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-cargotruck-24 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-cargotruck-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-cargotruck-check-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-cargotruck-check-50 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-cart-20 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-cart-24 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-ccm { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-cd { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-center-phone { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-center { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-chatbot { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-checklist-pen { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-checklist { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-savi-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-ci-vertical { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-ci { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-circle-cart { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-circle-engineer { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-circle-iot-white { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-circle-pencil { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-close-14 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-code-scan { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-coupon-percent { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-creditcard { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-delete-input { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-delivery { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-door-to-door { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-download-under-bar { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-download-under-bar-w { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-education-expense-support { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-email { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-emblem { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-error-404 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-etc-expense-support { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-exclamation-blue { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-exclamation-white { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-favorite_off { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-favorite_on { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-fax { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-download { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-exel { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-exif { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-gif { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-hwp { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-jpg { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-pdf { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-ppt { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-txt { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-word { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-file-zip { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-folder-check { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-folder-down-arrow { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-gallery { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-gift { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-headset { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-heart-off { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-heart-on { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-history-back { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-home-supportive01 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-home-supportive02 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-home-supportive03 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-home { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-info-sky { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-info-white { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoit_01 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoit_02 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoit_03 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoit_04 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoit_05 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoit_06 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infonum_01 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infonum_02 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infonum_03 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeinstall_01 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeinstall_02 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeinstall_03 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeinstall_04 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeserve_01 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeserve_02 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeserve_03 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeserve_04 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeserve_05 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-inforeserve_06 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_01 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_02 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_03 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_04 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_05 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_06 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_07 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_08 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-infoservice_09 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-insurance-expense-support { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-22 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-92 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-air-dressor { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-air-furifier { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-aircon { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-dryer { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-electronic-cooker { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-oven { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-refrigerator { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-robot-cleaner { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-smart-home-adapter { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-tv { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot-washer { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iot { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-self { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-join-adult { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-join-kid { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-kicc-easyescrow { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-kraia { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-ks-sqi { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-ksqi { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-ksqi-purple { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-isms { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-iso { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-ks-cqi { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-100 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-120 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-50 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-64 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-96 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-edge-50 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-edge-down-50 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-graph-60 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-line-60 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-mouse-100 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-mouse-96 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-remote { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-search { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-shield { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-laptop-touch { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-led-tv-120 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-led-tv-96 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-like-16 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-like-heart { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-like { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-like_23 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-location { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-lock { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-login-email { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-login-main { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-login-reservation { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-login { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-mac-os { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-main-building { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-main-chatbot { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-main-doortodoor { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-main-envelop { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-main-more { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-main-reciept { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-main-remote { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-main-shop { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-map-pin-land { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-map-pin-line { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-map-pin { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-medical-expense-support { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-message-center { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-message-exclamation { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-message-qa { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-message-wrench { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-message { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-microsd { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-my-page-holding-products { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-my-page-iot { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-my-page-video { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-new { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-note-120 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-note-96 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-notice { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-opinion { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-oven { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-pagination-first { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-pagination-last { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-pagination-next { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-pagination-prev { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-paper-check { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-paper-money { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-paper-notice { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-paper-wrench { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-pencil { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-personal-info { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-phone { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-photo { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-podium { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-previous-installation01 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-previous-installation02 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-previous-installation03 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-printer-120 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-printer-60 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-prize { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-professional-cleaning01 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-professional-cleaning02 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-professional-cleaning03 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-qna-a { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-qna-q { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-question-blue { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-ram { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-receipt-emotional { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-receipt-reprint { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-receiver-31 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-receiver-message { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-receiver { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-reload-mail { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-reward-100 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-reward-96 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-right-arrow { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-samsung-dex { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-samsung-galaxywearable { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-samsung-gear360 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-samsung-kies { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-samsung-smartswitch { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-savi-50 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-savi-64 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-scale { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-search-24 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-search-30 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-search-white { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-servi-shadow { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-servi { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-service-cart { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-service-online { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-service_care-plus { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-setting-18 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-setting { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-share { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-shield-check { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-shoppingbag { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-band { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-blog-30 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-blog-36 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-facebook-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-googleplus-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-kakao-30 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-kakao-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-naver-30 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-naver-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-twitter-40 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-youtube-30 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-youtube-36 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-instagram-30 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-instagram-36 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-facebook-30 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sns-facebook-36 { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-speaker { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-sq { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-stock-alarm { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-store-galaxy { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-store-google { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-system-compensation { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-tool { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-trash { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-usb-to-usb { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-usb { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-user-off { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-user-on { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-video-player { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-video-thumbnail { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-video { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-wa { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-washer { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-window-os { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-worldwide { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-wrench-driver { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; }
  .icon-app-service { background-image: url(../img/ir/sprite@2x.png); background-size: 1238px 1198px; } }
/* FORM */
/* Button */
.btn__12 { display: inline-block; min-width: 472px; height: 68px; padding: 17px 30px 17px 30px; border: 1px solid #000; background-color: #fff; font-size: 0; text-align: center; }
.btn__12 span { display: inline-block; line-height: 0.5; font-size: 23px; font-weight: 700;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  }
.btn__32 { display: inline-block; min-width: 80px; height: 32px; padding: 8px 15px 10px 15px; border: 1px solid #000; background-color: #fff; font-size: 0; text-align: center; }
.btn__32 span { display: inline-block; line-height: 1; font-size: 14px; font-weight: 700; }
.btn__40 { display: inline-block; min-width: 96px; height: 40px; padding: 13px 20px; border: 1px solid #000; background-color: #fff; font-size: 0; text-align: center; }
.btn__40 span { display: inline-block; line-height: 1; font-size: 14px; font-weight: 700; }
.btn__50 { display: inline-block; min-width: 130px; height: 50px; padding: 17px 30px 17px 30px; border: 1px solid #000; background-color: #fff; font-size: 0; text-align: center; }
.btn__50 span { display: inline-block; line-height: 1; font-size: 16px; font-weight: 700; }
.btn__000 { background-color: #000; color: #fff; }
.btn__sky { background-color: #0072de; border:1px solid #0072de; color: #fff; }
.btn__76 { background-color: #767676; border:1px solid #767676; color: #fff; }
.btn__40 { display: inline-block; min-width: 96px; height: 40px; padding: 13px 20px; border: 1px solid #000; background-color: #33333; font-size: 0; text-align: center; }


@media (max-width: 359px) {
  .btn__32 { padding: 8px 5px 10px 5px; }
  .btn__40 { padding: 13px 5px; }
  .btn__50 { padding: 17px 10px 17px 10px; }
}

.btn__12.style-radius { border-radius: 12px; }
.btn__32.style-radius { border-radius: 32px; }
.btn__40.style-radius { border-radius: 40px; }
.btn__50.style-radius { border-radius: 50px; }
.btn__3240 { display: inline-block; min-width: 80px; height: 34px; padding: 8px 15px 0 15px; border: 1px solid #000; background-color: #fff; font-size: 0; text-align: center; }
.btn__3240 span { display: inline-block; line-height: 1; font-size: 14px; font-weight: 700; }
.btn__3240.style-radius { border-radius: 32px; }
@media (min-width: 1024px) { .btn__3240 { min-width: 96px; height: 40px; padding: 13px 20px; }
  .btn__3240.style-radius { border-radius: 40px; } }
.btn__4050 { display: inline-block; min-width: 96px; height: 40px; padding: 13px 20px; border: 1px solid #000; background-color: #fff; font-size: 0; text-align: center; }
.btn__4050 span { display: inline-block; line-height: 1; font-size: 14px; font-weight: 700; }
.btn__4050.style-radius { border-radius: 40px; }
@media (min-width: 1024px) { .btn__4050 { min-width: 130px; height: 50px; padding: 13px 30px; }
  .btn__4050 span { font-size: 16px; }
  .btn__4050.style-radius { border-radius: 50px; } }
.btn-area { text-align: center; font-size: 0; }
.btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; }
.btn-wrap > a, .btn-wrap > button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.btn-area > a + a, .btn-area > a + button, .btn-area > button + button, .btn-area > button + a, .btn-wrap > a + a, .btn-wrap > a + button, .btn-wrap > button + button, .btn-wrap > button + a { margin-left: 15px; vertical-align: top; }
.btn-wrap > a.full + a.full, .btn-wrap > a.full + button.full, .btn-wrap > button.full + button.full, .btn-wrap > button.full + a.full { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 5px; margin-left: 0; }
.btn-wrap > button.is-disabled { opacity: 0.3; cursor: default; }
.btn__32 + .btn__32, .btn__40 + .btn__40, .btn__50 + .btn__50 { margin-left: 15px; }
@media (max-width: 1023px) {
  .btn__32 + .btn__32, .btn__40 + .btn__40, .btn__50 + .btn__50 + .btn__12 { margin-left: 10px; }
  .btn__12 { min-width:100%; }
  .btn__12 span {  line-height: 0.5; font-size:16px; }
}
.btn__side-menu { position: relative; width: 24px; height: 24px; }
.btn__side-menu:before, .btn__side-menu:after { content: ''; }
.btn__side-menu span { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.btn__side-menu:before, .btn__side-menu:after, .btn__side-menu span:only-child { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 22px; height: 2px; background-color: #000; }
.btn__side-menu:before { margin-top: -7px; }
.btn__side-menu:after { margin-top: 7px; }
.btn__history-back { display: inline-block; position: relative; min-width: 60px; height: 60px; background-color: #fff; font-size: 0; }
.btn__history-back i { margin-top: 20px; margin-left: 22px; margin-right: 20px; }
@media (max-width: 1023px) { .btn-print { display: none; } }
/* Form */
.error-msg { color: #d0021b; font-size: 14px; }
.info-msg { color: #000; font-size: 14px; }
.info-msg.color__red { color: #d0021b; }
.required:after { content: ' *'; color: #d0021b; }
.required-msg { font-size: 14px; }
.required-msg:before { content: '* '; color: #d0021b; }
/* input[type="text"] input[type="password"] */
.form__text { display: block; position: relative; width: 100%; }
.form__text .input {display: block; width: 100%; padding: 2px; border: 1px solid #a9a9a9;  }
.form__text.in-box .input { border-color: #ddd; }
.form__text input[type="text"], .form__text input[type="tel"], .form__text input[type="number"], .form__text input[type="email"], .form__text input[type="url"], .form__text input[type="password"] { width: 100%; height: 34px; padding: 0 30px 0 18px; line-height: 32px; font-size: 16px; color: #767676; background-color: #fff; }
.form__text input[type="text"]:readonly, .form__text input[type="tel"]:readonly, .form__text input[type="number"]:readonly, .form__text input[type="email"]:readonly, .form__text input[type="url"]:readonly, .form__text input[type="password"]:readonly { color: #999; }
.form__text input[type="text"]:disabled, .form__text input[type="tel"]:disabled, .form__text input[type="number"]:disabled, .form__text input[type="email"]:disabled, .form__text input[type="url"]:disabled, .form__text input[type="password"]:disabled { background-color: #fbfbfb; }
.form__text .btn__delete-input { position: absolute; right: 7px; top: 12px; font-size: 0; }
.form__text .info-msg, .form__text .error-msg { display: block; margin-top: 3px; font-size: 14px; }
.form__text.line-style .input { display: inline-block; width: 100%; padding: 3px 0 2px 0; border: none; border-bottom: 1px solid #a9a9a9; }
.form__text.line-style input[type="text"], .form__text.line-style input[type="tel"], .form__text.line-style input[type="number"], .form__text.line-style input[type="email"], .form__text.line-style input[type="url"], .form__text.line-style input[type="password"] { width: 100%; height: 34px; padding: 0 30px 0 0; line-height: 34px; font-size: 16px; }
.form__text.line-style input[type="text"]:disabled, .form__text.line-style input[type="tel"]:disabled, .form__text.line-style input[type="number"]:disabled, .form__text.line-style input[type="email"]:disabled, .form__text.line-style input[type="url"]:disabled, .form__text.line-style input[type="password"]:disabled { background-color: transparent; }
.form__text.search-type { position: relative; }
.form__text.search-type input[type="text"] {width: calc(100% - 60px);height: 44px;line-height: 44px;}
.form__text.search-type input {padding: 5px 50px 5px 0px; margin-left:20px; }
.form__text.search-type .btn-search { position: absolute; right: 0; top: 1px; width: 50px; height: 48px; }
.form__text.search-type .btn-search i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.form__text.search-type .btn__delete-input { right: 57px; top: 19px; }
.form__text.val-bytes { position: relative; }
.form__text.val-bytes:after { content: ''; display: block; clear: both; }
.form__text.val-bytes .error-msg, .form__text.val-bytes .info-msg { float: left; width: calc(100% - 90px); }
.form__text.val-bytes .bytes { float: right; margin-top: 3px; font-size: 14px; }
.form__text.val-bytes .bytes .total:before { content: ' / '; }
.form__text.val-bytes .bytes .total:after { content: 'Bytes'; }
/* 인증 번호 */
.form-authentication .form__text .remain-time { position: absolute; right: 0; top: 9px; color: #2189ff; }
.form-authentication .form__text .btn__delete-input { right: 50px; }
.form-authentication .form__text .input { padding-right: 70px; }
.form-authentication .form__text .input input { padding-right: 10px; }
@media (max-width: 1023px) {.form-authentication .btn-area, .form-authentication02 .btn-area { margin-top: 20px; } }
@media (min-width: 1024px) { .form-authentication:after, .form-authentication02:after { content: ''; display: block; clear: both; }
  .form-authentication .form__text, .form-authentication02 .form__text { float: left; width: calc(100% - 150px); }
  .form-authentication .btn-area, .form-authentication02 .btn-area { float: right; }
  .form-authentication .btn-area button, .form-authentication02 .btn-area button { width: 130px; } }
/* input[type="radio"] */
.form__radio { display: block; position: relative; }
.form__radio .input { display: inline-block; font-size: 0; vertical-align: top; }
.form__radio input[type="radio"] { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.form__radio input[type="radio"]:focus + label { outline: 1px dotted #000; }
.form__radio input[type="radio"] + label { display: inline-block; padding-top: 1px; padding-left: 36px; font-size: 16px; line-height: 1.5; }
.form__radio input[type="radio"] + label:before, .form__radio input[type="radio"] + label:after { content: ''; position: absolute; border-radius: 50%; }
.form__radio input[type="radio"] + label:before { left: 0; top: 0; width: 26px; height: 26px; border: 1px solid #555; }
.form__radio input[type="radio"]:checked + label:before { border-color: #0072de; }
.form__radio input[type="radio"]:checked + label:after { left: 4px; top: 4px; width: 18px; height: 18px; background-color: #0072de; }
.form__radio input[type="radio"]:disabled + label:before { border-color: #ddd; }
.form__radio input[type="radio"]:checked:disabled + label:after { background-color: #ddd; }
.form__radio .error-msg { display: block; padding-left: 36px; }
.form__radio-alone { position: relative; display: inline-block; height: 26px; }
.form__radio-alone input[type="radio"] { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.form__radio-alone input[type="radio"] + label { display: inline-block; width: 26px; height: 26px; text-indent: 0; font-size: 16px; line-height: 1.5; }
.form__radio-alone input[type="radio"] + label:before, .form__radio-alone input[type="radio"] + label:after { content: ''; position: absolute; top: 0; border-radius: 50%; }
.form__radio-alone input[type="radio"] + label:before { left: 0; width: 26px; height: 26px; border: 1px solid #555; }
.form__radio-alone input[type="radio"]:checked + label:before { border-color: #0072de; }
.form__radio-alone input[type="radio"]:checked + label:after { left: 4px; top: 4px; width: 18px; height: 18px; background-color: #0072de; }
.form__radio-alone input[type="radio"]:disabled + label:before { border-color: #ddd; }
.form__radio-alone input[type="radio"]:checked:disabled + label:after { background-color: #ddd; }
.form__radio-alone input[type="radio"]:focus + label { outline: 1px dotted #000; }
/* input[type="checkbox"] */
.form__checkbox { position: relative; min-height: 26px; }
.form__checkbox .input { display: inline-block; font-size: 0; }
.form__checkbox input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.form__checkbox input[type="checkbox"] + label { position: relative; display: inline-block; min-height: 26px; padding-top: 2px; padding-left: 36px; font-size: 16px; line-height: 1.5; }
.form__checkbox input[type="checkbox"] + label:before, .form__checkbox input[type="checkbox"] + label:after { content: ''; position: absolute; top: 0; }
.form__checkbox input[type="checkbox"] + label:before { left: 0; width: 26px; height: 26px; border: 1px solid #555; border-radius: 50%; background-color: #fff; }
.form__checkbox input[type="checkbox"]:focus + label { outline: 1px dotted #000; }
.form__checkbox input[type="checkbox"]:checked + label:before { border-color: #0072de; background-color: #0072de; }
.form__checkbox input[type="checkbox"]:checked + label:after { left: 7px; top: 8px; width: 12px; height: 8px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.form__checkbox input[type="checkbox"]:disabled + label:before { border-color: #ddd; background-color: #ddd; }
.form__checkbox input[type="checkbox"]:checked:disabled + label:after { background-color: #ddd; }
.form__checkbox .error-msg { display: block; padding-left: 36px; }
.form__checkbox-alone { position: relative; display: inline-block; height: 26px; }
.form__checkbox-alone .input { display: inline-block; font-size: 0; }
.form__checkbox-alone input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.form__checkbox-alone input[type="checkbox"] + label { display: inline-block; min-width: 26px; height: 26px; }
.form__checkbox-alone input[type="checkbox"] + label:before, .form__checkbox-alone input[type="checkbox"] + label:after { content: ''; position: absolute; top: 0; }
.form__checkbox-alone input[type="checkbox"] + label:before { left: 0; width: 26px; height: 26px; border: 1px solid #555; border-radius: 50%; background-color: #fff; }
.form__checkbox-alone input[type="checkbox"]:focus + label { outline: 1px dotted #000; }
.form__checkbox-alone input[type="checkbox"]:checked + label:before { border-color: #0072de; background-color: #0072de; }
.form__checkbox-alone input[type="checkbox"]:checked + label:after { left: 7px; top: 7px; width: 12px; height: 8px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.form__checkbox-alone input[type="checkbox"]:disabled + label:before { border-color: #ddd; background-color: #ddd; }
.form__checkbox-alone input[type="checkbox"]:checked:disabled + label:after { background-color: #ddd; }
/* input[type="checkbox"] */
.form__checkbox.in-shop { position: relative; }
.form__checkbox.in-shop .input { display: inline-block; font-size: 0; vertical-align: top; }
.form__checkbox.in-shop input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.form__checkbox.in-shop input[type="checkbox"] + label { display: inline-block; min-height: 20px; padding-left: 24px; font-size: 16px; line-height: 1.5; }
.form__checkbox.in-shop input[type="checkbox"] + label:before, .form__checkbox.in-shop input[type="checkbox"] + label:after { content: ''; position: absolute; top: 3px; }
.form__checkbox.in-shop input[type="checkbox"] + label:before { left: 0; width: 20px; height: 20px; border: 1px solid #555; border-radius: 6px; background-color: #fff; }
.form__checkbox.in-shop input[type="checkbox"]:checked + label:before { border-color: #0072de; background-color: #0072de; }
.form__checkbox.in-shop input[type="checkbox"]:checked + label:after { left: 5px; top: 8px; width: 10px; height: 6px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.form__checkbox.in-shop input[type="checkbox"]:disabled + label:before { border-color: #ddd; background-color: #ddd; }
.form__checkbox.in-shop input[type="checkbox"]:checked:disabled + label:after { background-color: #ddd; }
.form__checkbox.in-shop input[type="checkbox"]:focus + label { outline: 1px dotted #000; }
.form__checkbox.in-shop .error-msg { display: block; padding-left: 24px; }
.form__checkbox-alone.in-shop { height: 20px; }
.form__checkbox-alone.in-shop .input { display: inline-block; font-size: 0; vertical-align: top; }
.form__checkbox-alone.in-shop input[type="checkbox"] + label { width: 20px; min-width: 20px; height: 20px; }
.form__checkbox-alone.in-shop input[type="checkbox"] + label:before, .form__checkbox-alone.in-shop input[type="checkbox"] + label:after { top: 0; }
.form__checkbox-alone.in-shop input[type="checkbox"] + label:before { width: 20px; height: 20px; border-radius: 6px; }
.form__checkbox-alone.in-shop input[type="checkbox"]:checked + label:before { border-color: #0072de; background-color: #0072de; }
.form__checkbox-alone.in-shop input[type="checkbox"]:checked + label:after { left: 5px; top: 5px; width: 10px; height: 6px; }

/* Select */
@media (max-width: 1920px) {
  .tit_01 {display:none;}
  .tit_01-btn {display:none;}
  .form__select2 {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
  .select_01 {display: none;}
  .form__select2 .tit_01-btn {width: 165px;}
  .form__select2 .tit_02-btn {display:none}
}

@media (max-width: 1023px) {
  .form__select2 .tit_01-btn{display: none;}
  .form__select2 .tit_02-btn {display:block;width: 115px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; color: #fff; margin: 20px; background-color: #333333;}
}

.select_01 {display: flex; flex-wrap: wrap;}
.form__select .select_01 {width: 100%; height: 90px; justify-content: space-between; align-items: center; background-color: #ececec;}
.tit_01 {display:block ; margin: 20px; font-weight: 700;}
.tit_01-btn {display:block ; width:115px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; color: #fff; margin: 20px; background-color: #333333;}
/* Select */
.form__select { display: block; position: relative; }
.form__select a, .form__select .btn__toggle-select { display: block; padding-left: 20px; font-size: 16px; color: #000; background-color: #fff; }
.form__select .btn__toggle-select { position:relative; display: inline-block; width: 100%; height: 40px; line-height: 0; border: 1px solid #a9a9a9; text-align: left; font-size: 0; }
.form__select .btn__toggle-select span { font-size: 16px; line-height: 38px; display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; color: #767676;}
.app-footer .footer-link .form__select .no-select span strong {margin-left:90px; color: #414141; font-size : 18px;}
@media (max-width: 1023px) {
  .app-footer .footer-link .form__select .no-select span strong {margin-left:120px;color: #414141; font-size : 18px;}
}
@media (max-width: 580px) {
  .app-footer .footer-link .form__select .no-select span strong {margin-left:44px;color: #414141; font-size : 18px;}
}
@media (max-width: 480px) {
  .app-footer .footer-link .form__select .no-select span strong {margin-left:20px;color: #414141; font-size : 18px;}
}
.form__select.is-selected .btn__toggle-select span { color: #000; }
.form__select .btn__toggle-select:after { content: ''; position: absolute; right: 8px; top: 12px;width: 10px; height: 10px; border-left: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.form__select .btn__toggle-select.is-active:after { top:29px; -webkit-transform:  rotate(135deg); transform: rotate(135deg); }
.form__select.is-active .select { display: inline-block; }
.form__select .select { overflow: hidden; z-index: 100; display: none; background-color: #fff; border: 1px solid #a9a9a9; }
.form__select .select a:focus { border:2px solid #000; }
.form__select.is-active .select ul { overflow: auto; }
.form__select .select .is-active a { color: #0072de; }
.form__select .select a { min-height: 50px; padding: 14px 20px 12px 20px; line-height: 1.5; }
.form__select .select a:hover { background-color: #f7f7f7; }
.form__select.is-disabled .btn__toggle-select { background-color: #fbfbfb; color: #999; }
.form__select.is-disabled .btn__toggle-select:after { border-color: #a9a9a9; }
.form__select.in-box .btn__toggle-select, .form__select.in-box .select { border-color: #ddd; }

.form__select2 .select_01 {width: 100%; height: 90px; justify-content: space-between; align-items: center; background-color: #ececec;}
.form__select2 { display: block; position: relative; }
.form__select2 a, .form__select2 .btn__toggle-select { display: block; }
.form__select2 .btn__toggle-select { position:relative; display: inline-block; width: 100%; height: 60px; padding-right: 35px; line-height: 0; border: 1px solid #a9a9a9; text-align: left; font-size: 0; }
.form__select2 .btn__toggle-select span { font-size: 16px; line-height: 38px; display: inline-block; overflow: hidden; padding: 0 20px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; /*color: #767676;*/ color: #000; font-weight: 700; }
.form__select2.is-selected .btn__toggle-select span { color: #000; }
.form__select2 .btn__toggle-select:after { content: ''; position: absolute; right: 14px; /*top: 12px;*/ top: 22px ; width: 10px; height: 10px; border-left: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.form__select2 .btn__toggle-select.is-active:after { top:29px; -webkit-transform:  rotate(135deg); transform: rotate(135deg); }
.form__select2.is-active .select { display: inline-block; }
.form__select2 .select { overflow: hidden; z-index: 100; display: none; background-color: #fff; border: 1px solid #a9a9a9; }
.form__select2 .select a:focus { border:2px solid #000; }
.form__select2.is-active .select ul { overflow: auto; }
.form__select2 .select .is-active a { color: #0072de; }
.form__select2 .select a { min-height: 50px; padding: 14px 20px 12px 20px; line-height: 1.5; }
.form__select2 .select a:hover { background-color: #f7f7f7; }
.form__select2.is-disabled .btn__toggle-select { background-color: #fbfbfb; color: #999; }
.form__select2.is-disabled .btn__toggle-select:after { border-color: #a9a9a9; }
.form__select2.in-box .btn__toggle-select, .form__select2.in-box .select { border-color: #ddd; }




@media (max-width: 1023px) { .form__select .select { position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 20px; border-radius: 10px 10px 0 0; border-bottom: none; -webkit-box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); }
  .form__select .select > .tit { display: block; padding-bottom: 15px; line-height: 1; font-weight: 700; font-size: 18px; border-bottom: 1px solid #000; }
  .form__select .select ul { max-height: 204px; }
  .form__select .select li { border-bottom: 1px solid #d8d8d8; }
  .form__select .select li:last-child { border-bottom: none; }
  .form__select .select .btn__close-select { right: 10px; top: 15px; position: absolute; width: 34px; height: 34px; padding: 10px; font-size: 0; }
  .form__select .select .btn__close-select:before, .form__select .select .btn__close-select:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 20px; height: 2px; background-color: #181818; }
  .form__select .select .btn__close-select:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .form__select .select .btn__close-select:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .form__select .select .btn__close-select span { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; } }
@media (min-width: 1024px) { .form__select .select { position: absolute; left: 0; top: 40px; width: 100%; border-top: none; }
  .form__select .select > .tit, .form__select .select > .btn__close-select { display: none; }
  .form__select .select .option-list, .form__select .select ul { max-height: 200px; }
  .form__select .select .option-list ul { overflow: visible; max-height: none; } }
.form__select.line-style .btn__toggle-select { padding-left: 0; border: none; border-bottom: 1px solid #a9a9a9; }
.form__select.line-style .select { border-radius: 10px; border-top: 1px solid #a9a9a9; }
.form__select.line-style.is-disabled .btn__toggle-select { background-color: transparent; }
@media (max-width: 1023px) { .form__select.line-style .select { border-radius: 10px 10px 0 0; } }
@media (min-width: 1024px) { .form__select.selct-to-button .btn__toggle-select { display: none; }
  .form__select.selct-to-button .select { position: static; display: block; border: none; background-color: transparent; }
  .form__select.selct-to-button .select ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .form__select.selct-to-button .select li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; border: 1px solid #a9a9a9; }
  .form__select.selct-to-button .select li.is-active { border: none; background-color: #000; }
  .form__select.selct-to-button .select li.is-active a { background-color: #000; color: #fff; }
  .form__select.selct-to-button .select li + li { margin-left: 10px; }
  .form__select.selct-to-button .select a { min-height: 38px; max-height: 38px; padding: 8px 10px 0 10px; }
  .form__select.line-style.is-active .btn__toggle-select { border-bottom: 1px solid transparent; } }
/* Textarea */
.form__textarea textarea { width: 100%; min-height: 200px; padding: 10px; border: 1px solid #a9a9a9; font-size: 16px; -webkit-box-shadow: none; box-shadow: none; }
.form__textarea textarea::-webkit-input-placeholder { font-size: 16px; }
.form__textarea textarea::-moz-placeholder { font-size: 16px; }
.form__textarea textarea:-ms-input-placeholder { font-size: 16px; }
.form__textarea textarea::-ms-input-placeholder { font-size: 16px; }
.form__textarea textarea::placeholder { font-size: 16px; }
.form__textarea textarea + .info-msg, .form__textarea textarea + .error-msg { display: block; margin-top: 3px; font-size: 14px; }
.form__textarea.val-bytes { position: relative; }
.form__textarea.val-bytes:after { content: ''; display: block; clear: both; }
.form__textarea.val-bytes .error-msg, .form__textarea.val-bytes .info-msg { float: left; width: calc(100% - 120px); }
.form__textarea.val-bytes .bytes { float: right; margin-top: 3px; font-size: 14px; }
.form__textarea.val-bytes .bytes .total:before { content: ' / '; }
.form__textarea.val-bytes .bytes .total:after { content: 'Bytes'; }
.form__attachment-files:after { content: ''; display: block; clear: both; }
.form__attachment-files-list ul { min-height: 40px; padding: 7px 20px; border: 1px solid #a9a9a9; }
.form__attachment-files-list ul + p { text-align: right; font-size: 14px; }
.form__attachment-files-list li + li { margin-top: 4px; }
.form__attachment-files-list li button.btn__remove { margin-left: 10px; font-size: 0; vertical-align: middle; }
.form__attachment-files-list li.new:before { content: '[NEW] '; color: #0072de; }
.form__attachment-files-list li span { word-break: break-all; }
.form__attachment-files .form__attachment-files-desc { font-size: 14px; }
.form__attachment-files .form__attachment-files-desc ul { padding-left: 15px; }
.form__attachment-files .form__attachment-files-desc li:before { content: '- '; }
.form__attachment-files .btn-add { padding: 0; }
.form__attachment-files .btn-add span { display: block; height: 100%; }
.form__attachment-files .btn-area label { display: inline-block; height: 40px; padding: 13px 20px; line-height: 1; cursor: pointer; min-width: 96px; border: 1px solid #000; font-size: 14px; border-radius: 40px; font-weight: 700; }
.form__attachment-files .btn-area label.is-focus { outline: 1px dotted #000; }
@media (max-width: 1023px) { .form__attachment-files .form__attachment-files-desc { margin-top: 16px; }
  .form__attachment-files .btn-area label { height: 32px; padding: 8px 20px; min-width: 80px; } }
@media (min-width: 1024px) { .form__attachment-files { position: relative; padding-right: 112px; }
  .form__attachment-files .btn-area label { position: absolute; right: 0; top: 0; } }
/* TAB */
@media (max-width: 1023px) { .tab__flex { position: relative; }
  .tab__flex .btn__toggle-tab { font-size: 16px; font-weight: 700; }
  .tab__flex:not(.no-rwd) .btn__toggle-tab { display: block; width: 100%; height: 50px; padding-left: 20px; padding-right: 50px; border: 1px solid #a9a9a9; text-align: left; }
  .tab__flex:not(.no-rwd) .btn__toggle-tab:after { content: ''; position: absolute; right: 20px; top: 22px; border-top: 8px solid #000; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; }
  .tab__flex:not(.no-rwd) .tab { display: none; overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; padding: 25px 20px; background-color: #fff; border: 1px solid #a9a9a9; border-bottom: 0; border-radius: 10px 10px 0 0; }
  .tab__flex:not(.no-rwd) .tab > .tit { display: block; padding-bottom: 15px; line-height: 1; font-weight: 700; font-size: 18px; border-bottom: 1px solid #000; }
  .tab__flex:not(.no-rwd) .tab ul { overflow: auto; max-height: 200px; }
  .tab__flex:not(.no-rwd) .tab li { border-bottom: 1px solid #d8d8d8; }
  .tab__flex:not(.no-rwd) .tab a { display: block; height: 50px; line-height: 50px; padding: 0 20px; }
  .tab__flex:not(.no-rwd) .tab .is-active a { color: #0072de; }
  .tab__flex:not(.no-rwd) .tab .btn__close-tab { right: 20px; top: 25px; position: absolute; width: 14px; height: 14px; font-size: 0; }
  .tab__flex:not(.no-rwd) .tab .btn__close-tab:before, .tab__flex:not(.no-rwd) .tab .btn__close-tab:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #181818; }
  .tab__flex:not(.no-rwd) .tab .btn__close-tab:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .tab__flex:not(.no-rwd) .tab .btn__close-tab:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .tab__flex:not(.no-rwd) .tab .btn__close-tab > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .tab__flex.is-active .tab { display: block; }
  .tab__flex.no-rwd .btn__toggle-tab, .tab__flex.no-rwd .tab > .tit, .tab__flex.no-rwd .tab > .btn__close-tab { display: none; }
  .tab__flex.no-rwd .tab ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .tab__flex.no-rwd .tab ul:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000; }
  .tab__flex.no-rwd .tab li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; border: 1px solid #ddd; border-bottom: 1px solid #000; background-color: #fff; }
  .tab__flex.no-rwd .tab li + li { border-left: 0; }
  .tab__flex.no-rwd .tab li > a { display: block; padding: 12px 25px; }
  .tab__flex.no-rwd .tab li.is-active { border-color: #000; border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 700; } }
@media (min-width: 1024px) { .tab__flex .btn__toggle-tab, .tab__flex .tab > .tit, .tab__flex .tab > .btn__close-tab { display: none; }
  .tab__flex .tab ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .tab__flex .tab ul:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000; }
  .tab__flex .tab li { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 20%; border: 1px solid #ddd; border-bottom: 1px solid #000; background-color: #fff; }
  .tab__flex .tab li + li { border-left: 0; }
  .tab__flex .tab li > a { display: block; padding: 12px 25px; }
  .tab__flex .tab li.is-active { border-color: #000; border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 700; } }
.tab__button { display: -webkit-box; display: -ms-flexbox; display: flex; }
.tab__button > button { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 12px 10px; border: 1px solid #ddd; }
.tab__button > button span { font-size: 16px; color: #767676; }
.tab__button > button + button { margin-left: -1px; }
.tab__button > button.is-active, .tab__button > button:hover, .tab__button > button:focus { border-color: #000; border-left-width: 1px; z-index: 1; }
.tab__button > button:hover span, .tab__button > button:focus span, .tab__button > button.is-active span { color: #000; font-weight: 700; }
/* BOX */
.box-radius { border: 1px solid #ddd; }
.box-radius.border-none { border: none; }
.btn-scan-area + .btn__4050 { margin-left: 15px; }
@media (max-width: 1023px) { .box-radius { border-radius: 10px; } }
@media (min-width: 1024px) { .box-radius { border-radius: 20px; } }
.btn-select-photo { padding-top: 0; padding-bottom: 0; }
.btn-select-photo i { margin-right: 7px; vertical-align: -5px; }
.layer-wrap { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 400; background-color: rgba(0, 0, 0, 0.75); }
.layer[data-layer-name="mainRolling"] .main-rolling-banner .swiper-slide img { max-width:370px; }
.layer { display: none; background-color: #fff; }
.layer-wrap.is-active, .layer.is-active { display: block; }
.layer > .tit { display: block; font-size: 24px; font-weight: 700; line-height: 1; padding-bottom: 16px; border-bottom: 2px solid #000; }
.layer .btn__close-layer { position: absolute; background-color: #fff; width: 40px; height: 40px; position: absolute; width: 40px; height: 40px; padding: 13px; border-radius: 50%; }
.layer .btn__close-layer > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
.layer .btn__close-layer > span:before, .layer .btn__close-layer > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #222; }
.layer .btn__close-layer > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.layer .btn__close-layer > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.layer .btn__close-layer > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.layer[data-style="confirm"] .btn__close-layer { border: 1px solid #ddd; }
/* Confirm 형*/
.layer[data-style="confirm"] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 15px; border: 1px solid #ddd; }
.layer[data-style="confirm"] { width: 320px; }
.layer[data-style="confirm"] .layer-cont { padding: 40px 20px; }
.layer[data-style="confirm"] .confirm-msg { text-align: center; font-weight: 700; word-break: break-all; }
.layer[data-style="confirm"] .btn-area { margin-top: 20px; }
.layer[data-style="confirm"] .btn__close-layer { left: 50%; bottom: -60px; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 12px; }
.layer[data-style="confirm"].center-fixed .layer-cont { padding-top: 39px; }
/* Description */
.layer[data-style="description"] .cont-wrap { margin-top: 20px; }
.layer[data-style="description"] .img_wrap { text-align: center; }
@media (max-width: 1023px) { .layer > .layer-cont { width: 100%; }
  .layer > .tit { font-size: 20px; }
  .layer[data-style="bottom"], .layer[data-style="description"] { overflow: hidden; position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px 20px 20px 20px; background-color: #fff; -webkit-box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.35); box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.35); border-radius: 10px 10px 0 0; }
  .layer[data-style="full"] { position: fixed; top: 0; left: 0; right: 0; height: 100%; padding: 25px 20px; background-color: #fff; overflow-y: scroll;}
  .layer[data-style="bottom"] .layer-cont, .layer[data-style="description"] .layer-cont { max-height: calc(80vh - 73px); }
  .layer[data-style="full"] .layer-cont { overflow-y: auto; min-height: 100px; height: calc(100% - 38px); }
  .layer[data-style="full"] .btn-wrap { margin-top: 20px; }
  .layer[data-style="bottom"] .btn__close-layer, .layer[data-style="full"] .btn__close-layer, .layer[data-style="description"] .btn__close-layer { right: 7px; top: 12px; }
  .layer[data-style="description"] .data-sec { max-height: 60vh; }
  .layer .mCustomScrollbar { margin-right: -15px !important; padding-right: 15px !important; }
  .layer .mCustomScrollbar[data-mcs-axis="x"], .layer .mCustomScrollbar .mCustomScrollbar { margin-right: 0 !important; padding-right: 0 !important; }
  .layer[data-layer-name="holdPresen"] .layer-cont { max-height: calc(100vh - 368px); }
  .layer[data-layer-name="positionInformation"] .layer-cont { max-height: calc(100vh - 155px); } }
@media (min-width: 1024px) { .layer { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 15px; }
  .layer[data-style="bottom"], .layer[data-style="full"] { width: 800px; padding: 40px 40px; }
  .layer[data-style="description"] { width: 400px; padding: 40px 40px; }
  .layer[data-style="bottom"] .btn__close-layer, .layer[data-style="full"] .btn__close-layer, .layer[data-style="description"] .btn__close-layer { left: 50%; bottom: -60px; -webkit-transform: translateX(-50%); transform: translateX(-50%); outline-color: #fff; }
  .layer[data-style="confirm"] { width: 400px; }
  .layer[data-style="description"] .data-sec { max-height: 400px; }
  .layer[data-style="bottom"] .layer-cont { max-height: calc(100vh - 280px); min-height: 330px;  }
  .layer[data-style="full"] .layer-cont { max-height: calc(100vh - 280px);  }
  .layer[data-layer-name="holdPresen"] .layer-cont { max-height: calc(100vh - 368px); }
  .layer[data-layer-name="positionInformation"] .layer-cont { max-height: calc(100vh - 345px); }
  .layer .mCustomScrollbar { margin-right: -20px !important; padding-right: 20px !important; }
  .layer .mCustomScrollbar[data-mcs-axis="x"], .layer .mCustomScrollbar .mCustomScrollbar { margin-right: 0 !important; padding-right: 0 !important; }
  .layer[data-style="bottom"].center-fixed, .layer[data-style="full"].center-fixed, .layer[data-style="description"].center-fixed { padding-top: 39px; } }
@media screen and (min-width: 1024px) and (max-height: 640px) { .layer-wrap { overflow-y: auto; right: auto; bottom: auto; width: 100%; height: 100%; }
  .layer { position: absolute; top: 40px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .layer[data-style="bottom"] .layer-cont, .layer[data-style="full"] .layer-cont, .layer[data-style="description"] .layer-cont { max-height: calc(100vh - 222px); }
  .layer[data-layer-name="holdPresen"] .layer-cont { max-height: calc(100vh - 310px); }
  .layer[data-layer-name="positionInformation"] .layer-cont { max-height: calc(100vh - 287px); } }
@media screen and (min-width: 1024px) and (min-height: 1080px) { .layer[data-style="bottom"] .layer-cont, .layer[data-style="full"] .layer-cont, .layer[data-style="description"] .layer-cont { max-height: 600px; } }
/* 용어설명 팝업 */
.layer[data-layer-name="layerExplanation"] .layer-cont { padding-top: 15px; }
.layer[data-layer-name="layerExplanation"] .img-box { text-align: center; }
.layer[data-layer-name="centerInfoSMS"] .layer-cont { padding-top: 16px; }
.layer[data-layer-name="centerInfoSMS"] .layer-cont > .bullet__14 { color: #767676; }
.layer[data-layer-name="centerInfoSMS"] .layer-cont > .bullet__14 li:before { background-color: #767676; }
.layer[data-layer-name="centerInfoSMS"] .btn-area { margin-top: 30px; }
.layer[data-layer-name="centerInfoSMS"] .center-info-sms { margin-top: 16px; padding-top: 30px; }
.center-info-sms { border-top: 1px solid #000; border-bottom: 1px solid #b2b2b2; }
.center-info-sms .form__text input { height: 40px; line-height: 40px; }
.center-info-sms .form__text .btn__delete-input { top: 8px; }
.center-info-sms li:last-child { padding: 0 0 30px; }
.center-info-sms li > .box-radius { width: 100%; font-size: 14px; padding: 28px 30px; }
.center-info-sms li + li { margin-top: 20px; }
@media (max-width: 1023px) { .center-info-sms li > .tit { display: block; margin-bottom: 6px; }
  .center-info-sms li > .box-radius { padding: 20px; } }
@media (min-width: 1024px) { .center-info-sms li { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .center-info-sms li > .tit { width: 180px; line-height: 40px; padding-left: 20px; }
  .center-info-sms li > div { line-height: 40px; }
  .center-info-sms .form__text .input { position: relative; width: 300px; }
  .center-info-sms li > .box-radius { line-height: 1.5; }
  .center-info-sms .form__text .error-msg { line-height: 1.5; } }
/* Main Layer */
.layer[data-layer-name="mainNotice"] { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 40px); max-width: 380px; padding: 0; border-radius: 0; border: 1px solid #ddd; }
.layer[data-layer-name="mainNotice"] .btn-wrap { position: relative; }
.layer[data-layer-name="mainNotice"] .btn-wrap:before { content: ''; position: absolute; top: 10px; left: 50%; bottom: 10px; width: 1px; background-color: #ddd; }
.layer[data-layer-name="mainNotice"] .btn-wrap button { height: 50px; font-size: 16px; }
@media (min-width: 1024px) { .layer[data-layer-name="mainNotice"] .layer-cont .img { position: relative; width: 100%; height: 428px; background-color: #fff; }
  .layer[data-layer-name="mainNotice"] .layer-cont .img img { width: 100%; height: 100%; } }
.layer[data-layer-name="mainEditor"] { position: fixed; top: 50%; left: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 40px); max-width: 380px; padding: 0; border-radius: 0; border: 1px solid #ddd; }
.layer[data-layer-name="mainEditor"] > .tit { padding: 20px 30px; border-bottom: none; background-color: #0072de; color: #fff; font-size: 24px; line-height: 30px; }
.layer[data-layer-name="mainEditor"] .layer-cont { max-height: 50vh; padding: 36px 30px; }
.layer[data-layer-name="mainEditor"] .mCustomScrollbar { padding-right: 30px !important; margin-right: 0 !important; }
.layer[data-layer-name="mainEditor"] .btn-wrap { position: relative; border-top: 1px solid #ddd; }
.layer[data-layer-name="mainEditor"] .btn-wrap:before { content: ''; position: absolute; top: 10px; left: 50%; bottom: 10px; width: 1px; background-color: #ddd; }
.layer[data-layer-name="mainEditor"] .btn-wrap button { height: 50px; font-size: 16px; }
@media screen and (max-width: 414px) { .layer[data-layer-name="mainRolling"] { padding: 60px 0; -webkit-box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.35); box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.35); }
  .layer[data-layer-name="mainRolling"] .btn-wrap { position: absolute; top: 20px; left: 20px; right: 20px; display: block; }
  .layer[data-layer-name="mainRolling"] .btn-wrap:after { content: ''; display: block; clear: both; }
  .layer[data-layer-name="mainRolling"] .btn-wrap button { float: left; font-size: 16px; }
  .layer[data-layer-name="mainRolling"] .btn-wrap button:first-child { border-bottom: 1px solid #000; }
  .layer[data-layer-name="mainRolling"] .btn-wrap button:last-child { float: right; }
  .layer[data-layer-name="mainRolling"] .main-rolling-banner .swiper-container { padding: 0 20px; }
  .layer[data-layer-name="mainRolling"] .main-rolling-banner .swiper-slide { width: calc(100vw - 40px); }
  .layer[data-layer-name="mainRolling"] .main-rolling-banner .swiper-slide img {  width: 100%; max-width:100%; }
  .layer[data-layer-name="mainRolling"] .swiper-button-next, .layer[data-layer-name="mainRolling"] .swiper-button-prev { display: none; }
  .layer[data-layer-name="mainRolling"] .swiper-pagination { left: 0; right: 0; bottom: 24px; } }
@media screen and (min-width: 415px) { .layer[data-layer-name="mainRolling"] { overflow: visible; position: fixed; top: 50%; left: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 380px; padding: 0; border-radius: 0; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; }
  .layer[data-layer-name="mainRolling"] .btn-wrap { position: relative; height: 50px; }
  .layer[data-layer-name="mainRolling"] .btn-wrap:before { content: ''; position: absolute; top: 10px; left: 50%; bottom: 10px; width: 1px; background-color: #ddd; }
  .layer[data-layer-name="mainRolling"] .btn-wrap button { height: 43px; margin-top: 5px; font-size: 16px; }
  .layer[data-layer-name="mainRolling"] .main-rolling-banner { position: relative; }
  .layer[data-layer-name="mainRolling"] .swiper-button-next, .layer[data-layer-name="mainRolling"] .swiper-button-prev { display: block; overflow: hidden; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.35); margin-top: -20px; }
  .layer[data-layer-name="mainRolling"] .swiper-button-next { right: 0; }
  .layer[data-layer-name="mainRolling"] .swiper-button-prev { left: 0; }
  .layer[data-layer-name="mainRolling"] .swiper-button-next:after, .layer[data-layer-name="mainRolling"] .swiper-button-prev:after { background: none; width: 18px; height: 18px; }
  .layer[data-layer-name="mainRolling"] .swiper-button-next:after { border-right: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: translateX(-5px) rotate(45deg); transform: translateX(-5px) rotate(45deg); }
  .layer[data-layer-name="mainRolling"] .swiper-button-prev:after { border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: translateX(5px) rotate(45deg); transform: translateX(5px) rotate(45deg); }
  .layer[data-layer-name="mainRolling"] .swiper-pagination { display: block; left: 0; right: 0; bottom: 10px; }
  .layer[data-layer-name="mainRolling"] .layer-cont { max-height: 100vh; } }
.layer[data-layer-name="personalInformationConsignment"] .sec-box { padding-left: 0; padding-right: 0; }
.layer[data-layer-name="personalInformationConsignment"] .sec-box > .tit__05 { display: block; }
.layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment { margin: 25px 0; }
.layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment thead th:first-child { width: 308px; }
.layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment tbody td { padding-left: 20px; padding-right: 20px; text-align: left; }
.layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment thead th:last-child, .layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment tbody td:last-child { border-left: 1px solid #ddd; }
.layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 { margin-top: 25px; }
.layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 tr:first-child td { border-top: 1px solid #ddd; }
.layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 td { padding: 10px 20px; border-bottom: 1px solid #ddd; text-align: center; }
.layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 td + td { border-left: 1px solid #ddd; }
@media (max-width: 1023px) { .layer[data-layer-name="personalInformationConsignment"] .sec-box:first-child > .tit__05 { margin-top: 16px; }
  .tbl-personal-info-consignment thead th:last-child { width: 400px; }
  .layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 td { width: 240px; }
  .layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 { width: 720px; } }
@media (min-width: 1024px) { .layer[data-layer-name="personalInformationConsignment"] .sec-box:first-child > .tit__05 { margin-top: 26px; }
  .tbl-personal-info-consignment thead th:last-child { width: auto; }
  .layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 td:first-child { width: 33%; }
  .layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 td:nth-child(2) { width: 33%; }
  .layer[data-layer-name="personalInformationConsignment"] .tbl-personal-info-consignment02 td:nth-child(3) { width: auto; } }
.layer[data-layer-name="remoteControlAgree"] .layer-cont { padding-top: 20px; }
.layer[data-layer-name="remoteControlAgree"] .box-radius { margin-top: 20px; margin-bottom: 16px; padding: 36px 40px; }
.layer[data-layer-name="remoteControlAgree"] .box-radius .tit { display: block; margin-bottom: 12px; font-size: 24px; }
.layer[data-layer-name="remoteControlAgree"] .btn-area { margin-top: 30px; }
.layer[data-layer-name="remoteControlAgree"] .error-msg { margin-top: 20px; text-align: center; }
.reservation-info-simple { width: 100%; max-width: 300px; margin: 0 auto; font-size: 18px; }
.reservation-info-simple li { position: relative; padding-left: 14px; font-size: 18px; }
.reservation-info-simple li:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.reservation-info-simple ul { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.reservation-info-simple p { padding: 0 15px; }
.layer[data-layer-name="cancelReservation"] .layer-cont { padding-top: 20px; }
.layer[data-layer-name="cancelReservation"] .btn-area { margin-top: 30px; }
.reason-cancellation { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.reason-cancellation li .reason-cancellation-textbox { margin-top: 20px; }
@media (max-width: 1023px) { .reason-cancellation { margin-top: 16px; padding-top: 16px; padding-bottom: 16px; }
  .reason-cancellation li > .tit { display: block; margin-bottom: 11px; }
  .reason-cancellation > li + li { margin-top: 26px; } }
@media (min-width: 1024px) { .reason-cancellation { margin-top: 16px; }
  .reason-cancellation > li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0; }
  .reason-cancellation li > .tit { width: 190px; padding-top: 7px; padding-left: 30px; }
  .reason-cancellation li > .tit + div { width: calc(100% - 190px); }
  .reason-cancellation > li + li { border-top: 1px solid #ddd; } }
/* 엔지니어 얼굴 확인*/
.layer[data-layer-name="cs_men_layer"] { width: auto; }
.layer[data-layer-name="cs_men_layer"] .layer-cont { padding: 10px; }
.layer[data-layer-name="cs_men_layer"] .layer-cont .img_box { border-radius: 20px; overflow: hidden; }
/* 주소 찾기 */
/*address_layer_wrap*/
.layer[data-layer-name^="address_layer"] > .tit { border-bottom: none; }
.layer[data-layer-name^="address_layer"] .layer_tab_section { position: relative; z-index: 1; }
.layer[data-layer-name^="address_layer"] .layer-cont { padding-top: 50px; margin-top: -50px; }

/* 주소 찾기 內 시/도, 군/구 셀렉트박스 사이즈(220720추가) */

/* 주소 찾기 內 시/도, 군/구 셀렉트박스 사이즈(220720추가) */
@media (min-width: 1024px) {
  .layer[data-layer-name^="address_layer"] .form__select .select li { float: left; width: 50%; display: block; vertical-align: top; text-align: left;min-height: 30px; }
  .layer[data-layer-name^="address_layer"] .form__select .select a { min-height: 30px; padding: 8px 8px 6px 16px; line-height: 1.2; font-size: 14px; }
}
.layer[data-layer-name^="address_layer"] .address_list_wrap ul li button { font-size: 14px; padding: 7px 0; display: block; width: 100%; text-align: left; }
@media (min-width: 1024px) {
  .layer[data-layer-name^="address_layer"] .form__select .select .option-list  { max-height:280px; }
}

@media (max-width: 1023px) { .layer[data-layer-name^="address_layer"] .tab__flex.no-rwd .tab li > a { padding-left: 15px; padding-right: 10px; } }
@media (max-width: 1023px) and (max-width: 359px) { .layer[data-layer-name^="address_layer"] .tab__flex.no-rwd .tab li > a { padding-left: 5px; padding-right: 5px; } }
.layer[data-layer-name^="address_layer"] .layer-cont .layer-text-sec { margin-top: 25px; }
.layer[data-layer-name^="address_layer"] .layer_tab_section .tab__flex .tab li { max-width: 50%; }
.layer[data-layer-name^="address_layer"] .layer_tab_section .tab__flex .tab ul:before { bottom: 1px; }
.layer[data-layer-name^="address_layer"] .layer-text-sec .bullet__16 li .dot_text_sub_text { display: block; font-size: 14px; margin-top: 5px; }
.layer[data-layer-name^="address_layer"] .layer-text-sec .bullet__16 li .dot_text_sub_text + .dot_text_sub_text { margin-top: 0; }
.layer[data-layer-name^="address_layer"] .layer-text-sec .bullet__16 li .dot_text_sub_text.red { color: #d0021b; }
.layer[data-layer-name^="address_layer"] .layer-text-sec .bullet__18 li .dot_text_sub_text { display: block; font-size: 16px; margin-top: 5px; }
.layer[data-layer-name^="address_layer"] .layer-text-sec .bullet__18 li .dot_text_sub_text + .dot_text_sub_text { margin-top: 0; }
.layer[data-layer-name^="address_layer"] .layer-text-sec .bullet__18 li .dot_text_sub_text.red { color: #d0021b; }
.layer[data-layer-name^="address_layer"] .layer-text-sec .bullet__18 li .btn__sky { margin-left: -105px; }
.layer[data-layer-name^="address_layer"] .search_box_item { width: 100%; }
.layer[data-layer-name^="address_layer"] .content_search_box .content .form__select { width: calc(50% - 5px); }
.layer[data-layer-name^="address_layer"] .content_search_box { position: relative; width: 100%; padding: 0; border: none; border-radius: 0; background-color: transparent; }
.layer[data-layer-name^="address_layer"] .address_list_wrap { position: relative; border: 1px solid #dddddd; min-height: 140px; margin: 20px 0 0px; overflow: hidden; }
.layer[data-layer-name^="address_layer"] .address_list_wrap .address_list_box { padding: 0 20px; }
.layer[data-layer-name^="address_layer"] .address_list_wrap .address_list_box .no_list { text-align: center; font-size: 16px; padding: 57px 0; }
.layer[data-layer-name^="address_layer"] .address_list_wrap .layer-scroll { max-height: 240px; margin-right: -0px; padding-right: 0; }
.layer[data-layer-name^="address_layer"] .address_list_wrap ul li { border-bottom: 1px solid #ddd; }
.layer[data-layer-name^="address_layer"] .address_list_wrap ul > li:hover button, .layer[data-layer-name^="address_layer"] .address_list_wrap ul > li button:focus { color: #0072de; }
.layer[data-layer-name^="address_layer"] .address_list_wrap ul li button { font-size: 16px; padding: 11px 0; display: block; width: 100%; text-align: left; }
.layer[data-layer-name^="address_layer"] .address_input_box { padding-bottom: 0; margin-top: 20px; }
.layer[data-layer-name^="address_layer"] .address_input_box > span + span { margin-top: 20px; }
.layer[data-layer-name^="address_layer"] .btn-area { border-top: none; margin-top: 30px; }
@media (max-width: 1023px) { .layer[data-layer-name^="address_layer"] .search_box_item .form__text { width: 100%; }
  .layer[data-layer-name^="address_layer"] .search_box_item .btn-search { display: block; width: 100%; }
  .layer[data-layer-name^="address_layer"] .search_box_item .item_search_input .form__text { width: 100%; }
  .layer[data-layer-name^="address_layer"] .search_box_item.wid_50 .form__select { width: 100%; }
  .layer[data-layer-name^="address_layer"] .search_box_item.wid_50 .form__select:nth-child(2) { margin-left: 0; margin-top: 10px; }
  .layer[data-layer-name^="address_layer"] .search_box_item { width: 100%; margin-left: 0; } }
.layer[data-layer-name^="address_layer"] .search_form_item02 { width: 100%; }
.layer[data-layer-name^="address_layer"] .search_form_item02 .item_search_input { width: 100%; }
.layer[data-layer-name^="address_layer"] .search_form_item02 .item_search_input .form__text { display: inline-block; width: calc(100% - 50px); }
.layer[data-layer-name^="address_layer"] .search_form_item02 .item_search_input .btn-search { float: right; width: 40px; height: 40px; background-color: #000; }
.layer[data-layer-name^="address_layer"] .search_form_item02 .item_search_input .btn-search i { vertical-align: middle; }
@media (max-width: 1023px) { .layer[data-layer-name^="address_layer"] .search_form_item { margin-top: 10px; }
  .layer[data-layer-name^="address_layer"] .search_form_item02 .item_search_input .form__text { width: 100%; }
  .layer[data-layer-name^="address_layer"] .search_box_item .item_search_input .btn-search { float: none; width: 100%; margin-left: 0; margin-top: 10px; font-size: 16px; }
  .layer[data-layer-name^="address_layer"] .search_box_item .item_search_input .btn-search i { text-indent: 0; background-image: none; font-style: normal; width: auto; height: auto; } }
/* 회원 탈퇴 */
.layer[data-layer-name="member_out"] .icon_left_title { padding-left: 30px; position: relative; }
.layer[data-layer-name="member_out"] .title_18_size h5 { font-size: 18px; }
.layer[data-layer-name="member_out"] .icon_left_title i { vertical-align: middle; display: inline-block; position: absolute; left: 0; top: 3px; }
.layer[data-layer-name="member_out"] .member-list-info { margin-top: 10px; margin-left: 10px; }
.layer[data-layer-name="member_out"] .layer-member-promise_cancel .member-list-info { margin-top: 0; margin-left: 0; }
.layer[data-layer-name="member_out"] .layer-member-out-sec { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #000; }
.layer[data-layer-name="member_out"] .layer-member-promise_cancel { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #000; }
.layer[data-layer-name="member_out"] .layer-order-input dl { display: table; width: 100%; padding: 25px 0; border-bottom: 1px solid #ddd; }
.layer[data-layer-name="member_out"] .layer-order-input dl:last-child { border-bottom: none; }
.layer[data-layer-name="member_out"] .layer-order-input dl > dt { display: table-cell; width: 190px; padding: 0 0 0 30px; line-height: 40px; vertical-align: top; font-weight: 700; }
.layer[data-layer-name="member_out"] .layer-order-input dl > dd { display: table-cell; width: calc(100% - 190px); vertical-align: middle; }
.layer[data-layer-name="member_out"] .layer-order-input dl > dd .ord-input-mid { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.layer[data-layer-name="member_out"] .layer-order-input .form__textarea { margin-top: 20px; }
.layer[data-layer-name="member_out"] .layer-order-input dl > dd textarea { line-height: 24px; }
.layer[data-layer-name="member_out"] .layer-order-input .view-cont .form__select .select ul { max-height: 94px; }
.layer[data-layer-name="member_out"] .layer-order-input .letter-count { float: right; margin-top: 5px; color: #000; font-size: 14px; }
.layer[data-layer-name="member_out"] .member-out-info { border-top: 1px solid #ddd; padding-top: 20px; }
.layer[data-layer-name="member_out"] .member-out-info .sec-cont { padding: 26px 0; background-color: #f7f7f7; border-radius: 20px; font-weight: 700; text-align: center; }
.layer[data-layer-name="member_out"] .btn-area { padding: 30px 0; }
.layer[data-layer-name="member_out"] .layer-scroll { max-height: calc(100vh - 395px); }
@media (max-width: 1023px) { .layer[data-layer-name="member_out"] .layer-scroll { max-height: 100%; }
  .layer[data-layer-name="member_out"] .layer-order-input dl { padding: 26px 0; }
  .layer[data-layer-name="member_out"] .layer-order-input dl > dt { display: block; width: 100%; padding: 20px 0 0 0; }
  .layer[data-layer-name="member_out"] .layer-order-input dl > dt:first-of-type { padding-top: 0; }
  .layer[data-layer-name="member_out"] .layer-order-input dl > dd { display: block; width: 100%; }
  .layer[data-layer-name="member_out"] .layer-order-input dl > dd .ord-input-mid { width: 100%; /* max-width:400px;*/ -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
  .layer[data-layer-name="member_out"] .layer-order-input dl > dd textarea { line-height: 24px; min-height: 200px; }
  .layer[data-layer-name="member_out"] .mCustomScrollbar { margin-right: 0; }
  .layer[data-layer-name="member_out"] .layer-order-input .view-cont .form__select .select ul { max-height: 204px; }
  .layer[data-layer-name="member_out"] .member-out-info .sec-cont { padding: 30px; border-radius: 10px; } }
.l-member-join { text-align: center; }
.l-member-join > .tit { display: block; font-size: 18px; }
.l-member-join ul { margin-top: 27px; }
.l-member-join li + li { margin-top: 25px; padding-top: 20px; border-top: 1px solid #ddd; }
.l-member-join .btn-area { margin-top: 16px; }
.l-member-join > p { margin-top: 10px; }
.l-go-mypage { text-align: center; }
.l-go-mypage > .tit { display: block; font-size: 18px; }
.l-go-mypage ul { margin-top: 27px; }
.l-go-mypage li + li { margin-top: 25px; padding-top: 20px; border-top: 1px solid #ddd; }
.l-go-mypage .btn-area { margin-top: 16px; }
.l-go-mypage > p { margin-top: 10px; }
/* iotSelfDiagnosis*/
.layer[data-layer-name="iotSelfDiagnosis"] .layer-cont { overflow: hidden; }
.layer[data-layer-name="iotSelfDiagnosis"] .layer-cont .layer-cont-tit { font-size: 18px; margin-top: 24px; padding-bottom: 26px; border-bottom: 1px solid #ddd; }
.layer[data-layer-name="iotSelfDiagnosis"] .layer-cont .editor-view { padding: 24px 24px 24px 0; }
.layer[data-layer-name="iotSelfDiagnosis"] table { width: 720px; }
.layer[data-layer-name="iotSelfDiagnosis"] .more-info-banner { border-top: 1px solid #ddd; padding-bottom: 30px; }
.layer[data-layer-name="iotSelfDiagnosis"] .more-info-banner p { padding-top: 26px; padding-bottom: 16px; }
.layer[data-layer-name="iotSelfDiagnosis"] .more-info-banner .infoNotBox { width: 100%; }
.layer[data-layer-name="member_address_edit"] .confirm-msg { font-weight: normal; }
@media (max-width: 1023px) { .layer[data-layer-name="iotSelfDiagnosis"] .layer-cont .layer-cont-tit { margin-top: 14px; padding-bottom: 17px; }
  .layer[data-layer-name="iotSelfDiagnosis"] .editor-view .listNum02 { padding-left: 15px; } }
@media (min-width: 1024px) { .layer[data-layer-name="iotSelfDiagnosis"] .more-info-banner .banner-box { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .layer[data-layer-name="iotSelfDiagnosis"] .more-info-banner .banner-box > a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .layer[data-layer-name="iotSelfDiagnosis"] .more-info-banner .banner-box > a + a { margin-left: 24px; } }
/* 모델명 사진선택 이용방법 안내 */
.layer[data-layer-name="modelPhotoGuide"] .layer-cont p:first-child span { display: block; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide, .layer[data-layer-name="modelPhotoGuide"] .model-photo-caution { margin-top: 36px; }
.layer[data-layer-name="modelPhotoGuide"] .layer-cont strong { font-size: 18px; }
.layer[data-layer-name="modelPhotoGuide"] div[class^=model-photo-] > .tit { display: block; margin-bottom: 15px; line-height: 1; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li { padding: 20px 20px 16px 20px; text-align: center; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li:nth-child(1) { background-color: #f5f7fe; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li:nth-child(2) { background-color: #f7f5f2; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li > strong { display: block; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li > strong:before { content: '< '; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li > strong:after { content: ' >'; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li .img { margin-top: 15px; font-size: 0; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li .img i + i { margin-left: 25px; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li p { margin-top: 21px; font-size: 14px; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-caution li { position: relative; padding-left: 10px; font-size: 14px; }
.layer[data-layer-name="modelPhotoGuide"] .model-photo-caution li:before { content: ''; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #000; }
.layer[data-layer-name="modelPhotoGuide"] .layer-cont .not-today { margin-top: 26px; padding: 19px 20px; border: 1px solid #ddd; }
.layer .not-today .form__checkbox.in-shop input[type="checkbox"] + label { padding-left: 34px; }
@media (max-width: 1023px) { .layer[data-layer-name="modelPhotoGuide"] .layer-cont { padding-top: 16px; }
  .layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li { border-radius: 10px; }
  .layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li + li { margin-top: 10px; }
  .layer[data-layer-name="modelPhotoGuide"] .layer-cont .not-today { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; } }
@media (min-width: 1024px) { .layer[data-layer-name="modelPhotoGuide"] .layer-cont { padding-top: 16px; }
  .layer[data-layer-name="modelPhotoGuide"] .model-photo-guide li { border-radius: 20px; }
  .layer[data-layer-name="modelPhotoGuide"] .model-photo-guide ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .layer[data-layer-name="modelPhotoGuide"] .model-photo-guide ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .layer[data-layer-name="modelPhotoGuide"] .model-photo-guide ul li + li { margin-left: 24px; }
  .layer[data-layer-name="modelPhotoGuide"] .layer-cont .not-today { position: relative; text-align: center; border-radius: 20px; }
  .layer[data-layer-name="modelPhotoGuide"] .layer-cont .not-today .form__checkbox { position: absolute; left: 120px; top: 26px; } }
/* 고객의 소리 > 불편합니다 */
.layer[data-layer-name="blockContent"] .annotation { margin-top: 26px; font-size: 18px; font-weight: 700; line-height: 22px; }
.layer[data-layer-name="blockContent"] .blocked-content { margin-top: 20px; border-top: 1px solid #000; }
.layer[data-layer-name="blockContent"] .blocked-content dt, .layer[data-layer-name="blockContent"] .blocked-content dd { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .layer[data-layer-name="blockContent"] .layer-cont { padding-top: 16px; }
  .layer[data-layer-name="blockContent"] .blocked-content p { margin-top: 12px; } }
@media (min-width: 1024px) { .layer[data-layer-name="blockContent"] .layer-cont { padding-top: 26px; }
  .layer[data-layer-name="blockContent"] .blocked-content dt, .layer[data-layer-name="blockContent"] .blocked-content dd { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .layer[data-layer-name="blockContent"] .blocked-content dt .tit, .layer[data-layer-name="blockContent"] .blocked-content dd .tit { -ms-flex-negative: 0; flex-shrink: 0; width: 110px; text-align: center; }
  .layer[data-layer-name="blockContent"] .blocked-content dd .tit, .layer[data-layer-name="blockContent"] .blocked-content dd .tit + p { min-height: 150px; } }


.listPage { margin-top: 30px; text-align: center; }
.listPage span { font-size: 14px; font-weight: bold; }
.listPage .btnRound { margin-left: 17px; border: 1px solid #000; }
/* PAGINATION */
.app-pagination { text-align: center; font-size: 0; }
.app-pagination > a { position: relative; display: inline-block; width: 40px; height: 40px; border: 1px solid #ddd; vertical-align: top; }
.app-pagination > a i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.app-pagination > a.is-disabled { cursor: default; }
.app-pagination > a.is-disabled i { opacity: 0.62; }
.app-pagination > a + a { margin-left: 10px; }
.app-pagination > span { display: inline-block; width: 120px; font-size: 17px; line-height: 38px; vertical-align: top; }
.app-pagination .current { color: #0072de; }
.app-pagination .total { color: #000; }
.app-pagination .total:before { content: ' / '; }
@media (max-width: 359px) { .app-pagination > span { width: 100px; } }
.label__24 { display: inline-block; height: 24px; padding: 5px 12px; border-radius: 24px; line-height: 1; font-size: 0; text-align: center; }
.label__24 span { font-style: normal; font-weight: 700; font-size: 14px; }
.label__24.bg__000, .label__24.bg__999, .label__24.bg__red, .label__24.bg__76, .label__24.bg__sky, .label__24.bg__green, .label__24.bg__navy, .label__24.bg__sky, .label__24.bg__gray, .label__24.bg__yellow { color: #fff; }
/* Table */
/* 일반 테이블 */
.tbl__normal { border-bottom: 1px solid #ddd; }
.tbl__normal thead th, .tbl__normal tbody td { padding: 5px 10px; font-size: 16px; text-align: center; vertical-align: middle; }
.tbl__normal thead th { height: 50px; background-color: #f6f6f6; font-weight: 700; text-align: center; border-top: 1px solid #000; }
.tbl__normal tbody td { height: 60px; background-color: #fff; border-top: 1px solid #ddd; }
@media (min-width: 1024px) { .tbl__normal thead th { height: 60px; padding: 10px; }
  .tbl__normal tbody td { height: 70px; padding: 10px; } }
/* 모바일 리스트 변형 */
.tbl__rwd { width: 100%; border-top: 1px solid #000; }
.tbl__rwd .tbl__rwd-header { display: none; }
.tbl__rwd .tbl__rwd-content > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd; }
@media (min-width: 1024px) { .tbl__rwd .tbl__rwd-header, .tbl__rwd .tbl__rwd-content { display: table; width: 100%; border-bottom: none; }
  .tbl__rwd .tbl__rwd-header > li, .tbl__rwd .tbl__rwd-content > li { display: table-row; }
  .tbl__rwd .tbl__rwd-header > li > div, .tbl__rwd .tbl__rwd-content > li > div { display: table-cell; vertical-align: middle; text-align: center; border-bottom: 1px solid #ddd; }
  .tbl__rwd .tbl__rwd-header > li > div { height: 60px; background-color: #f6f6f6; font-weight: 700; }
  .tbl__rwd .tbl__rwd-content > li > div { height: 70px; } }
/* 모바일 카드형 테이블 */
.tbl__rwd-card { border-top: 1px solid #000; }
.tbl__rwd-card .tbl__rwd-card-header { display: none; }
.tbl__rwd-card.with-btn-area .card-btn-area { font-size: 0; }
.tbl__rwd-card .no-data-txt { width: 100%; text-align: center; font-size: 16px; font-weight: 700; }
.tbl__rwd-card .form__checkbox { display: inline-block; width: 26px; height: 26px; }
.tbl__rwd-card .form__radio { display: inline-block; width: 26px; height: 26px; }
.tbl__rwd-card .form__checkbox.in-shop { display: inline-block; width: 20px; height: 20px; }
.tbl__rwd-card.with-btn-area .card-btn-area a { vertical-align: top; }
@media (max-width: 1023px) { .tbl__rwd-card .tbl__rwd-card-content a { text-decoration: underline; }
  .tbl__rwd-card .tbl__rwd-card-content .card-btn-area a { text-decoration: none; }
  .tbl__rwd-card .tbl__rwd-card-content > li:not(.no-data) { margin-top: 20px; padding: 10px 10px 15px 10px; border-radius: 15px; border: 1px solid #d8d8d8; }
  .tbl__rwd-card .tbl__rwd-card-content .reg-number { margin-bottom: 15px; padding: 13px 0; background-color: #f6f6f6; border-radius: 10px; text-align: center; }
  .tbl__rwd-card .tbl__rwd-card-content .reg-number a { font-weight: 700; text-decoration: underline; }
  .tbl__rwd-card .tbl__rwd-card-content div:after { content: ''; display: block; clear: both; }
  .tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) { padding: 5px 0; }
  .tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area):before { content: attr(data-th); float: left; width: 100px; padding-left: 25px; font-weight: 700; }
  .tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > span, .tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > a { float: left; width: calc(100% - 100px); padding-left: 35px; word-break: break-all; }
  .tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > span.form__checkbox { float: none; padding: 0; width: auto; }
  .tbl__rwd-card.with-btn-area .tbl__rwd-card-content > li:not(.no-data) { padding-bottom: 0; }
  .tbl__rwd-card.with-btn-area .card-btn-area { margin-top: 15px; margin-left: -10px; margin-right: -10px; padding: 20px 0; text-align: center; border-top: 1px solid #d8d8d8; }
  .tbl__rwd-card .no-data-txt { padding: 120px 0; } }
@media (min-width: 1024px) { .tbl__rwd-card .tbl__rwd-card-header, .tbl__rwd-card .tbl__rwd-card-content { display: table; width: 100%; }
  .tbl__rwd-card .tbl__rwd-card-header > li, .tbl__rwd-card .tbl__rwd-card-content > li { display: table-row; }
  .tbl__rwd-card .tbl__rwd-card-header > li > div, .tbl__rwd-card .tbl__rwd-card-content > li > div { display: table-cell; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; }
  .tbl__rwd-card .tbl__rwd-card-header > li > div { height: 60px; background-color: #f6f6f6; font-weight: 700; }
  .tbl__rwd-card .tbl__rwd-card-content > li > div { height: 70px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .tbl__rwd-card .tbl__rwd-card-content > li.no-data > div, .tbl__rwd-card .tbl__rwd-card-content > li > div.no-data { height: auto; padding: 100px 0; }
  .tbl__rwd-card .no-data-txt { padding: 200px 0; border-bottom: 1px solid #d8d8d8; } }
/* 원하는 정보 박스 개별 박스 */
.infoNotBox { position: relative; display: block; width: calc((100% - 48px)/3); padding: 27px 100px 27px 40px; border: 1px solid #ddd; border-radius: 20px; word-break: keep-all; }
.infoNotBox.infoitem02 { width: calc((100% - 24px)/2); }
.infoNotBox .iconBox { position: absolute; right: 40px; top: 50%; width: 50px; height: 50px; margin-top: -25px; }
.infoNotBox .iconBox i { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
.infoNotBox dt { font-size: 24px; font-weight: bold; }
.infoNotBox dt + dd { margin-top: 12px; }
.infoNotBox dd { font-size: 14px; line-height: 22px; }
.infoNotBox .btnBox { margin-top: 25px; }
.infoNotBox .btnBox .btnRoundBg { padding: 9px 20px; }
@media (max-width: 1023px) { /* 원하는 정보 박스 */
  .infoNotBox { width: 100%; padding: 30px 80px 30px 30px; border-radius: 10px; }
  .infoNotBox.infoitem02 { width: 100%; }
  .infoNotBox + .infoNotBox { margin-top: 20px; }
  .infoNotBox dt { font-size: 20px; }
  .infoNotBox dd { line-height: 24px; } }
@media (max-width: 1023px) and (max-width: 359px) { .infoNotBox { padding-left: 20px; } }
/* 소프트 웨어 다운로드 */
.item__software { border: 1px solid #ddd; background-color: #f7f7f7; }
.item__software p span { display: block; color: #767676; font-size: 14px; line-height: 1; }
.item__software p strong {display: block;color: #000; font-size: 18px; }
.item__software p button span { color: #000; }


@media (max-width: 1023px) { .item__software-wrap > .item__software + .item__software { margin-top: 10px; }
  .item__software { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 22px 20px; border-radius: 10px; }
  .item__software i { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .item__software p { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: calc(100% - 70px); } }

@media (min-width: 1024px) { .item__software-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .item__software-wrap > .item__software { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 264px; height: 200px; }
  .item__software-wrap > .item__software + .item__software { margin-left: 18px; }
  .item__software { padding: 28px 20px; border-radius: 20px; }
  .item__software i { float:right; }
  .item__software p { margin-top: 15px; }
  .item__software p button { position: absolute; bottom: 30px; }
  .self-repair .item__software-wrap { flex-wrap: wrap; }
  .self-repair .item__software-wrap > .item__software { max-width: none; height: 136px; }
  .self-repair .item__software-wrap > .item__software + .item__software { margin-left: 0; }
  .self-repair .item__software { flex: 1 0 22%; }
  .self-repair .item__software.layout_top { margin-top: 18px; }
  .self-repair .item__software.layout_right, .manual-download.layout_right { margin-right: 18px; }
  .manual-download-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
  .manual-download-wrap > .manual-download { height: 230px; }
  .manual-download { flex: 1 0 45%; }
  .manual-download .bullet__16 li { font-size: 15px; } }

/* Email */
.email-input { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.email-input .error-msg { white-space: nowrap; }
.email-input > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.email-input .email-url { position: relative; padding-left: 30px; }
.email-input .email-url:before { content: '@'; position: absolute; left: 0; top: 0; width: 30px; height: 40px; padding-right: 7px; line-height: 40px; text-align: center; }
@media (max-width: 1023px) { .email-input .email-select { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 20px; } }
@media (min-width: 1024px) { .email-input .email-select { margin-left: 20px; } }
/* 안내 문구 */
.annotation { position: relative; padding-left: 28px; }
.annotation i[class*='icon-exclamation'] { position: absolute; left: 0; top: 1px; }
/* Bullet */
.bullet__20 li { position: relative; padding-left: 12px; font-size: 20px; }
.bullet__20 li:before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.bullet__18 li { position: relative; padding-left: 12px; font-size: 18px; }
.bullet__18 li:before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.bullet__16 li { position: relative; padding-left: 12px; font-size: 16px; }
.bullet__16 li:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.bullet__14 li { position: relative; padding-left: 10px; font-size: 14px; }
.bullet__14 li:before { content: ''; position: absolute; top: 9px; left: 4px; width: 2px; height: 2px; border-radius: 50%; background-color: #000; }
/* 년/월 선택 (셀렉트박스) */
.select-yymm { display: -webkit-box; display: -ms-flexbox; display: flex; }
.select-yymm > li { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 23px; }
.select-yymm > li:after { position: absolute; right: 0; top: 0; line-height: 40px; }
.select-yymm > li:first-child:after { content: '년'; }
.select-yymm > li:last-child:after { content: '월'; }
.select-yymm ~ .error-msg { float: left; width: 100%; margin-top: 3px; }
@media (max-width: 1023px) { .select-yymm > li + li { margin-left: 15px; }
  .select-yymm + .form__checkbox { display: block; margin-top: 10px; } }
@media (min-width: 1024px) { .select-yymm > li + li { margin-left: 40px; } }
/* 예약 일/시간 */
.reserve-date > li + li { margin-top: 30px; }
@media (max-width: 1023px) { .reserve-date-wrap { padding-top: 26px; }
  .reserve-date-wrap .reserve-date { padding: 0; }
  .reserve-date { padding: 26px 0; }
  .reserve-date > li > .tit { display: block; margin-bottom: 16px; }
  .reserve-date > li .select-datetime + ul, .reserve-date > li .select-cs-pro + ul { margin-top: 10px; } }
@media (min-width: 1024px) { .reserve-date-wrap { padding: 40px 30px 0 30px; }
  .reserve-date-wrap .reserve-date { padding: 0; }
  .reserve-date { padding: 40px 30px; }
  .reserve-date > li:after { content: ''; display: block; clear: both; }
  .reserve-date > li > .tit { float: left; width: 204px; }
  .reserve-date > li > .tit + div { float: left; width: calc(100% - 204px); }
  .reserve-date > li .select-datetime + ul, .reserve-date > li .select-cs-pro + ul { margin-top: 16px; } }
.select-datetime { padding: 20px 20px 10px 20px; }
.select-datetime > li > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; }
.select-datetime .btn__32 { width: 80px; padding-left: 10px; padding-right: 10px; border-color: #ddd; }
.select-datetime .btn__32.is-active, .select-datetime .btn__32:hover { background-color: #0072de; color: #fff; border-color: #0072de; }
.select-datetime .btn__32 + .btn__32 { margin-left: 0; }
.select-cs-pro > li { line-height: 1; }
.select-cs-pro > li.is-active .cs-pro-img { position: relative; background-color: #fff; }
.select-cs-pro > li.is-active .cs-pro-img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; outline: solid; outline-color: #2189ff; outline-width: 2px; }
.select-cs-pro > li.is-active .cs-pro-name { font-weight: 700; }
.select-cs-pro + .error-msg { margin-top: 6px; }
.cs-pro-img { display: inline-block; border: 1px solid #ddd; background-color: #fff; }
.cs-pro-name { line-height: 1; text-align: center; }
.cs-pro-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cs-pro-info .cs-pro-name { margin-left: 15px; }
@media (max-width: 1023px) { .select-datetime > li > b { display: block; margin-bottom: 7px; }
  .select-datetime > li + li { margin-top: 10px; padding-top: 17px; border-top: 1px solid #ddd; }
  .select-datetime .btn__32 { margin-right: 10px; margin-bottom: 10px; }
  .select-datetime > li > div { width: calc(100% + 10px); }
  .select-cs-pro { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 11px 0 19px; font-size: 0; line-height: 1; }
  .select-cs-pro > li { margin-right: 8px; margin-bottom: 20px; }
  .select-cs-pro > li .cs-pro-name { margin-top: 10px; font-size: 14px; }
  .cs-pro-img { width: 88px; height: 116px; }
  .cs-pro-name { font-size: 14px; } }
@media (min-width: 1024px) { .select-datetime { padding: 30px 40px 15px 40px; }
  .select-date { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .select-date li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .select-date li, .select-datetime > li { position: relative; }
  .select-datetime > li b { position: absolute; left: 0; top: 0; width: 100px; margin-top: 4px; }
  .select-datetime > li b + div { margin-left: 100px; width: calc(100% - 85px); }
  .select-date > li + li { position: relative; margin-left: 25px; padding-left: 41px; }
  .select-date > li + li:before { content: ''; position: absolute; top: 0; bottom: 15px; left: 0; width: 1px; background-color: #ddd; }
  .select-date > li + li b { left: 40px; }
  .select-time > li + li { width: 100%; margin-top: 10px; padding-top: 17px; border-top: 1px solid #ddd; }
  .select-time > li + li b { top: 17px; }
  .select-datetime .btn__32 { margin-right: 15px; margin-bottom: 15px; }
  .select-cs-pro { padding: 30px 0 0 40px; }
  .select-cs-pro:after { content: ''; display: block; clear: both; }
  .select-cs-pro > li { float: left; margin-right: 40px; margin-bottom: 30px; }
  .select-cs-pro > li .cs-pro-img { display: block; }
  .select-cs-pro > li .cs-pro-name { margin-top: 15px; font-size: 16px; }
  .cs-pro-img { width: 110px; height: 146px; } }
/* 주소 검색 신규 */
.form__address-search > li + li { margin-top: 5px; }
@media (max-width: 1023px) { .form__address-search > li:first-child:after { content: ''; display: block; clear: both; }
  .form__address-search > li:first-child .form__text { float: left; width: calc(100% - 120px); }
  .form__address-search > li:first-child .btn__40 { float: right; } }
@media (min-width: 1024px) { .form__address-search:after { content: ''; display: block; clear: both; }
  .form__address-search > li { float: left; width: calc(50% - 10px); }
  .form__address-search > li .form__text { width: 100%; }
  .form__address-search > li:first-child { width: 100%; }
  .form__address-search > li:first-child .form__text { float: left; width: calc(50% - 135px); }
  .form__address-search > li:first-child .btn__40 { float: left; width: 120px; margin-left: 15px; }
  .form__address-search > li:last-child { float: right; } }
/* 주소 검색 회원 */
.form__member-address:after { content: ''; display: block; clear: both; }
.form__member-address .form__radio { float: left; }
.form__member-address .form__radio + .form__radio { margin-left: 30px; }
.form__member-address .form__address-search, .form__member-address .form__address-search-new { float: left; width: 100%; margin-top: 10px; }
.form__member-address .form__address-search-new.mt0 { margin-top: 0; }
.form__address-search-new > li + li { margin-top: 10px; }
@media (max-width: 359px) { .form__member-address .form__radio + .form__radio { margin-left: 0; float: right; } }
@media (max-width: 1023px) { .form__address-search-new > li:first-child:after { content: ''; display: block; clear: both; }
  .form__address-search-new > li:first-child .form__select { float: left; width: calc(100% - 105px); }
  .form__address-search-new > li:first-child .btn__40 { float: right; }
  .form__address-search-new .save-new-address { float: left; margin-top: 10px; } }
@media (min-width: 1024px) { .form__address-search-new li:after { content: ''; display: block; clear: both; }
  .form__address-search-new > li:first-child .form__select { float: left; width: calc(50% - 125px); }
  .form__address-search-new > li:first-child .btn__40 { float: left; margin-left: 15px; }
  .form__address-search-new > li:first-child .save-new-address { float: left; margin-left: 10px; margin-top: 7px; } }
/* SWIPER */
.swiper-pagination { font-size: 0; }
.swiper-button-prev, .swiper-button-next { width: 27px; height: 44px; margin-top: -22px; }
.swiper-button-next:after, .swiper-button-prev:after { width: 18px; height: 32px; background: url(../img/common/swiper-arrow.png) no-repeat; background-size: 41px; font-size: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.swiper-button-next:after { background-position: 100% 0; }
.swiper-pagination-bullet { width: 12px; height: 12px; margin-left: 5px; margin-right: 5px; border: 1px solid #000; opacity: 1; background-color: #fff; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; }
.swiper-button-prev:focus,
.swiper-button-next:focus {  outline:solid 2px #000 !important; -webkit-focus-ring-color auto 1px !important;  }

@media (max-width: 1023px) { .swiper-button-next, .swiper-button-prev { display: none; }
  .swiper-pagination { display: block; } }
@media (min-width: 1024px) { .swiper-button-next, .swiper-button-prev { display: block; }
  .swiper-pagination { display: none; } }
.shop-main { padding-top: 0; }
.bottom-line-none { border-bottom: 0; }
/* mobile line gray bg */
.m-section-bg { display: none; }
.necessary-txt { position: absolute; bottom: 0; right: 0; }
.necessary-txt span { color: #d0021b; font-weight: 700; }
.mark-text { margin-top: 15px; padding-left: 25px; text-indent: -15px; }
@media (max-width: 1023px) { /* mobile line gray bg */
  .m-section-bg { display: block; width: 100%; height: 9px; border-top: 1px solid #ddd; background: #e4e4e4; } }
/* shop menu */
.shop-menu-container { display: none; }
@media (max-width: 1023px) { .shop-menu-container { display: block; position: fixed; left: 0; top: 60px; width: 100%; height: 60px; background: #fff; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); z-index: 200; }
  .shop-menu-container ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: auto; margin: 0 auto; }
  .shop-menu-container ul li { width: auto; padding: 0 15px; }
  .shop-menu-container ul li a { display: block; padding: 17px 0; color: #767676; }
  .shop-menu-container ul li.active a { font-weight: 700; border-bottom: 2px solid #000; color: #000; } }
/* .swiper-pagination */
.swiper-pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; z-index: 1; width: 100%; text-align: center; }
.swiper-pagination-wrap .pause { display: inline-block; position: relative; top: -1px; width: 8px; height: 16px; margin: 0 7px; }
.swiper-pagination-wrap .pause::before, .swiper-pagination-wrap .pause::after { content: ""; position: absolute; top: 0; width: 2px; height: 16px; background-color: #fff; }
.swiper-pagination-wrap .pause::before { left: 0; }
.swiper-pagination-wrap .pause::after { right: 0; }
.swiper-pagination-wrap .swiper-pagination { position: relative; height: 12px; }
.swiper-pagination-wrap .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 7px; border: 1px solid #555; border-radius: 8px; background-color: transparent; vertical-align: top; opacity: 1; }
.swiper-pagination-wrap .swiper-pagination-bullet-active { border: 1px solid #000; background: #000; }
/* pagination */
.pagination-number { display: inline-block; width: 100%; text-align: center; }
.pagination-number li { display: inline-block; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; vertical-align: middle; }
.pagination-number li a { color: #999; }
.pagination-number li.active a { font-weight: 700; color: #000; }
.pagination-number li a { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 5px; }
.pagination-number li.page-arrow-btn { width: 40px; border: 1px solid #e4e4e4; }
@media (max-width: 1023px) { .pagination-number li { margin: 0 1%; } }
/* shopVisual visual */
.shop-visual .swiper-slide { margin-bottom: 24px; overflow: hidden; }
.shop-visual .visual-cont a, .shop-visual .visual-cont { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 200px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.shop-visual .visual-cont a:focus { width: calc(100% - 10px); height: calc(100% - 10px); outline:solid 2px #2189FF; }
.shop-visual .swiper-pagination-wrap .swiper-pagination-bullet:focus { outline:solid 2px #2189FF; }
.shop-visual .visual-cont p:first-of-type { margin-bottom: 6px; font-weight: 700; }
@media screen and (max-width: 1023px) { .shop-visual .visual-cont p:first-of-type { font-size: 26px; line-height: 32px; } }
@media screen and (min-width: 1024px) { .shop-visual .visual-cont p:first-of-type { font-size: 34px; line-height: 42px; } }
.shop-visual .visual-cont p { color: #fff; font-size: 18px; }
.shop-visual .visual-cont p br { display: none; }
.shop-visual .visual-cont .shop-visual-img-pc { height: 200px; max-width: 1920px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }
.shop-visual .visual-cont .shop-visual-img-mo { display: none; }
.shop-visual .swiper-pagination { display: block; }
@media (max-width: 1023px) { .shop-visual { padding: 59px 0 0 0; }
  .shop-visual .visual-cont { height: 80vw; padding: 0 17vw; }
  .shop-visual .visual-cont p { font-size: 4.6vw; }
  .shop-visual .visual-cont p:first-of-type { margin-bottom: 2vw; font-size: 7.2vw; line-height: 1.5; }
  .shop-visual .visual-cont p br { display: block; }
  .shop-visual .visual-cont .shop-visual-img-pc { display: none; }
  .shop-visual .visual-cont .shop-visual-img-mo { display: block; height: auto; width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } }
/* shop search */
.shop-search-wrap { border-bottom: 1px solid #ddd; padding: 60px 0; }
.shop-search { max-width: 812px; margin: 0 auto; text-align: center; }
.shop-search .search-type { text-align: left; }
.shop-search .form__text.search-type input[type="text"] { height: 44px; line-height: 44px; }
.shop-search .form__text.search-type .input { background-color: #fff; border-radius:22px;}
.shop-search .form__text.search-type .btn-search { width: 44px; height: 44px; top: 3px; right: 3px; }
.shop-search .form__text.search-type .btn__delete-input { top: 16px; }
.shop-search .form__text.search-type .error-msg { margin-left: 10px; }
.shop-search .search-chk { display: -webkit-box; display: -ms-flexbox; display: flex; }
.shop-search .search-chk button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.shop-search .search-chk a { border-bottom: 1px solid #222; -webkit-box-sizing: inherit; box-sizing: inherit; }
.shop-search .search-chk a i { width: 15px; height: 15px; margin: 2px 0 0 8px; background-position: 0 -400px; }
.shop-search-result { background-color: #313131; padding: 40px; margin-top: 30px; }
.shop-search-result .search-select .search-tag a { color: #fff; outline-color: #fff; }
.shop-search-result .form__text.search-type .error-msg { color: #fff; }
.shop-search-result .shop-search .search-chk button { outline-color: #fff; }
@media (max-width: 1023px) { .shop-search-wrap { border-bottom: none; padding: 0 20px; }
  .shop-search { padding: 30px 0; border-bottom: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
  .shop-search .search-type { width: 100%; }
  .shop-search .search-chk { width: 100%; max-width: 480px; margin: 20px auto 0 auto; font-size: 16px; text-align: center; }
  .shop-search .search-chk button { padding-left: 10px; padding-right: 10px; }
  .shop-search .search-chk button + button { margin-left: 10px; }
  .shop-search .search-chk .icon-photo { display:none; }}
@media (max-width: 1023px) and (max-width: 359px) { .shop-search .search-chk .btn-select-photo i { display: none; } }
@media (min-width: 1024px) { .shop-search { position: relative; width: 812px; margin: 0 auto; padding-bottom: 55px; }
  .shop-search .search-chk { position: absolute; bottom: 0; left: 50%; width: 618px; -webkit-transform: translate(-50%); transform: translate(-50%); }
  .shop-search .search-chk button + button { margin-left: 15px; }
  .shop-search .search-select { margin-top: 16px; padding-top: 0; } }
/* shop product contents depth */
.shop-prd-menu { margin-bottom: 55px; }
.shop-prd-menu .shop-prd-tit { padding: 80px 0 10px; line-height: 1; text-align: center; font-size: 34px; }
.shop-prd-menu .shop-notice-wrap { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-left: 24px; padding-right: 24px; }
.shop-prd-menu .shop-notice-wrap ul { background-color: #f7f7f7; padding: 20px; border-radius: 12px; }
.shop-prd-menu .prd-depth01 .prd-dep01-sld { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; text-align: center; }
.shop-prd-menu .prd-depth01 { pointer-events: none; overflow: hidden; }
.shop-prd-menu .prd-depth01 .prd-dep01-sld { width: auto; overflow: hidden; }
.shop-prd-menu .prd-depth01 .prd-dep01-sld li { pointer-events: auto; padding: 0 28px; font-size: 16px; }
.oneself-search-list .shop-prd-menu .prd-depth01 .prd-dep01-sld li { padding: 0 15px; font-size: 20px; color: #444; cursor: pointer;}
.shop-prd-menu .prd-depth01 .prd-dep01-sld li.active a { font-weight: 700; border-bottom: 2px solid #000; }
.oneself-search-list .shop-prd-menu .prd-depth01 .prd-dep01-sld li.active a { font-weight: 700; color: #0072de; border-bottom: 2px solid #0072de;}
.shop-prd-menu .prd-depth02 .prd-depth02-pc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 auto; text-align: center; }
.shop-prd-menu .prd-depth02 .prd-depth02-pc li { width: 20%; max-width: 280px; margin-right: -1px; padding: 2px; border: 1px solid #ddd; }
.shop-prd-menu .prd-depth02 .prd-depth02-pc li.active { border: 1px solid #000; z-index: 2; font-weight: 700; }
.shop-prd-menu .prd-depth02 .prd-depth02-pc li a { display: block; line-height: 46px; }
.shop-prd-menu .prd-depth02 .prd-depth02-m { display: none; }
@media (max-width: 1023px) {
  .shop-prd-menu { margin-bottom: 30px; padding-top: 9px; }
  .oneself-search-list .shop-prd-menu { margin-bottom: 30px; padding-top: 0px;}
  .shop-prd-menu .shop-prd-tit { padding: 14px 0; border-bottom: 1px solid #ddd; font-size: 18px; line-height: 20px; }
  .shop-prd-menu [class^="prd-depth"] ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .shop-prd-menu .prd-depth01 { border-bottom: 1px solid #ddd; pointer-events: auto; }
  .shop-prd-menu .prd-depth01 .prd-dep01-sld { height: 50px; line-height: 50px; padding-bottom: 0; }
  .oneself-search-list .shop-prd-menu .prd-depth01 .prd-dep01-sld { height: 100px; line-height: 50px; padding-bottom: 0; }
  .shop-prd-menu .prd-depth01 .prd-dep01-sld li { padding: 0 15px; font-size: 16px; color: #444; }
  .oneself-search-list .shop-prd-menu .prd-depth01 .prd-dep01-sld li { padding: 0 15px; font-size: 16px; color: #444; width: 30%;}
  .shop-prd-menu .prd-depth01 .prd-dep01-sld li.active a { font-weight: 700; color: #000; }
  .oneself-search-list .shop-prd-menu .prd-depth01 .prd-dep01-sld li.active a { font-weight: 700; color: #0072de;  border-bottom: 2px solid #0072de;}
  .shop-prd-menu .prd-depth02 .prd-depth02-pc { display: none; }
  .shop-prd-menu .prd-depth02 .prd-depth02-m { display: block; }
  .form__select .btn__toggle-select.shop-menu-select { height: 50px; text-align: center; padding-left: 50px; border-bottom: 1px solid #ddd; font-weight: 700; }
  .form__select .btn__toggle-select.shop-menu-select:after { top: 16px; right: 25px; }
  .form__select .btn__toggle-select.shop-menu-select span { line-height: 50px; }
  .prd-depth02-m .form__select.line-style.is-active .btn__toggle-select { border-bottom: 1px solid #ddd; }
}
@media (min-width: 1024px) {
  .oneself-search-list .shop-prd-menu .prd-depth01 .prd-dep01-sld li {  margin-left: 20px; margin-right: 20px;}
  .shop-prd-menu .prd-depth01 .prd-dep01-sld { width: auto; padding-bottom: 35px; overflow: hidden; }
}



/* shop-prd-list */
.count-wrap { position: relative; margin-bottom: 20px; }
.count-wrap:after { content: ""; display: block; clear: both; }
.shop-count-select { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; right: 0; bottom: 0; }
.shop-count-select > li { position: relative; font-size: 14px; width: 110px; }
.shop-count-select > li:first-child { margin-right: 18px; }
.shop-count-select .form__select .btn__toggle-select span { font-size: 14px; }
.shop-count-select .form__select .select a { font-size: 14px; }
@media (max-width: 1023px) { .shop-count-select > li { width: 100px; }
  .shop-count-select > li:first-child { margin-right: 10px; }
  .shop-count-select .form__select .btn__toggle-select { height: 35px; } }
/* prdListWrap */
.shop-item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 20px; }
.shop-item-wrap .item { position: relative; width: calc(25% - 18px); vertical-align: top; margin: 0 24px 24px 0; padding: 20px 0 30px 0; border: 1px solid #ddd; border-radius: 20px; }
.shop-item-wrap .item:nth-of-type(4n) { margin-right: 0; }
.shop-item-wrap .item .item-thumb { position: relative; width: 100%; height: 0; padding-top: calc(100% - 2px); background: #fff; }
.shop-item-wrap .item .item-thumb a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; }
.shop-item-wrap .item .item-thumb a img { width: 100%; max-width: 100%; }
.shop-item-wrap .item .item-thumb.temp-soldout a img { opacity: 0.3; }
.shop-item-wrap .item .item-thumb.temp-soldout:after { content: "일시품절"; display: block; position: absolute; top: calc(50% - 10px); left: 0; width: 100%; height: 16px; font-size: 18px; font-weight: 700; text-align: center; }
.shop-item-wrap .item .item-thumb.comming-soon a img { opacity: 0.3; }
.shop-item-wrap .item .item-thumb.comming-soon:after { content: "출시예정"; display: block; position: absolute; top: calc(50% - 10px); left: 0; width: 100%; height: 16px; font-size: 18px; font-weight: 700; text-align: center; }
.shop-item-wrap .item .item-tit { margin-bottom: 7px; padding: 0 20px; text-align: center; }
.shop-item-wrap .item .item-tit .item-desc { display: block; margin: 0px 0 5px 0; color: #767676; font-size: 14px; }
.shop-item-wrap .item .item-tit .item-name { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: 700; }
.shop-item-wrap .item .item-price { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 14px; padding: 0 20px; }
.shop-item-wrap .item .item-price .price { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.shop-item-wrap .item .item-price .price span { margin-right: 4px; font-size: 18px; font-weight: 700; }
.shop-item-wrap .item .item-price .discount { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: 10px; text-decoration: line-through; font-size: 14px; color: #767676; }
.shop-item-wrap .item .item-price .discount span { margin-right: 2px; font-size: 16px; }
.shop-item-wrap .item .item-price .item-btn { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 20px; }
.shop-item-wrap .item .item-price .item-btn button + button { margin-left: 8px; }
.shop-item-wrap .item .item-price .item-btn button i { top: 2px; }
.shop-item-wrap .item .attach { position: absolute; top: 20px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 20px; font-size: 14px; font-weight: 700; }
.shop-item-wrap .item .attach span { padding: 0 10px 0 0; font-weight: 700; margin-right: 3px; line-height: 1; }
.shop-item-wrap .item .attach .black { color: #000; }
.shop-item-wrap .item .attach .blue { color: #1428a0; }
.shop-item-wrap .item .attach .red { color: #d0021b; }
.shop-item-wrap .item .attach .gray { color: #767676; }
.shop-item-wrap .item .attach .sky { color: #0072de; }
@media (min-width: 1024px) and (max-width: 1439px) { /* prdListWrap */
  .shop-item-wrap .item { width: calc(25% - 15px); margin: 0 20px 20px 0; } }
@media (max-width: 1023px) { .count-wrap .count-txt .m-hide { display: none; }
  /* prdListWrap */
  .shop-item-wrap { margin-bottom: 10px; }
  .shop-item-wrap .item { width: calc(50% - 5px); margin: 0 10px 10px 0; padding: 24px 0 20px; border-radius: 10px; }
  .shop-item-wrap .item:nth-of-type(2n) { margin-right: 0; }
  .shop-item-wrap .item .item-thumb { margin-bottom: 12px; }
  .shop-item-wrap .item .item-tit { margin-bottom: 19px; padding: 0 10px; text-align: left; }
  .shop-item-wrap .item .item-tit span { font-size: 13px; padding: 1px 0; margin: 0 4px 10px 0; }
  .shop-item-wrap .item .item-tit .item-desc { display: none; }
  .shop-item-wrap .item .item-tit .item-name { height: 40px; line-height: 20px; font-size: 16px; }
  .shop-item-wrap .item .item-price { padding: 0 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .shop-item-wrap .item .item-price .discount { display: none; }
  .shop-item-wrap .item .item-price .item-btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; }
  .shop-item-wrap .item .item-price .item-btn button + button { margin-left: 5px; }
  .shop-item-wrap .item .item-price .item-btn button i { top: 0; vertical-align: top; }
  .shop-item-wrap .item .item-desc { display: none; }
  .shop-item-wrap .item .item-price div { font-size: 13px; }
  .shop-item-wrap .item .attach { top: 13px; padding: 0 10px; font-size: 12px; } }
/* view image */
.view-pc-tit { position: relative; }
.view-pc-tit:after { content: ''; display: block; left: 0; bottom: 0; width: 100%; border-bottom: 2px solid #000; padding-top: 30px; }
.view-prev-btn { float: right; }
.view-prev-btn i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 1px; right: 3px; }
.view-m-tit { display: none; }
.view-prd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-top: 30px; padding-bottom: 96px; overflow: hidden; }
.view-prd-img { position: relative; width: 50%; height: auto; float: left; }
.view-prd-img .attach { position: absolute; left: 138px; top: 20px; z-index: 9; }
.view-prd-img .attach span { display: inline-block; text-align: center; margin-right: 10px; line-height: 20px; font-size: 14px; background: #fff; font-weight: 700; letter-spacing: 1px; }
.view-prd-img .attach span.best { color: #0072de; }
.view-prd-img .attach span.new { color: #232ea9; }
.view-prd-img .attach span.comming { color: #178300; }
.view-prd-img .attach span.caoupon { color: #d0021b; }
.view-prd-img .attach span.member { color: #000; }
.view-prd-img .view-controls { position: relative; width: 98px; height: auto; float: left; margin-right: 24px; padding: 4px; }
.view-prd-img .view-controls .swiper-slide { display: block; height: 94px !important; }
.view-prd-img .view-controls .swiper-slide > a { position: relative; display: block; width: 100%; height: 100%; border: 1px solid #ddd; }
.view-prd-img .view-controls .swiper-slide img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; }
.view-prd-img .view-controls .swiper-slide.swiper-slide-thumb-active a { border: 1px solid #222; }
.view-prd-img .swiper-tabs-content { position: relative; overflow: inherit; max-width: 565px; height: 100%; width: calc(100% - 122px); float: left; }
.view-prd-img .swiper-tabs-content .swiper-slide { border: 1px solid #ddd; width: 100%; background: #fff; display: block; height: 0; padding-bottom: 100%; text-align: center; }
.view-prd-img .swiper-tabs-content .swiper-slide img { max-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.view-prd-img .swiper-tabs-content.temp-soldout .swiper-slide img { opacity: 0.3; }
.view-prd-img .swiper-tabs-content.temp-soldout .swiper-slide:after { content: "일시품절"; display: block; position: absolute; top: calc(50% - 10px); left: 0; width: 100%; height: 16px; font-size: 24px; font-weight: 700; text-align: center; }
.view-prd-img .swiper-tabs-content.coming-soon .swiper-slide img { opacity: 0.3; }
.view-prd-img .swiper-tabs-content.coming-soon .swiper-slide:after { content: "출시예정"; display: block; position: absolute; top: calc(50% - 10px); left: 0; width: 100%; height: 16px; font-size: 24px; font-weight: 700; text-align: center; }
.view-prd-img .swiper-pagination-wrap { display: none; }
/* view description */
.view-desc { max-width: 566px; width: 45%; float: right; }
.view-desc dl:not(:first-child) { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; }
.view-desc dl dt { max-width: 100px; font-weight: 700; float: left; padding-top: 15px; }
.view-desc dl dd { width: calc(100% - 100px); margin-left: 100px; text-align: right; padding-top: 15px; color: #000; }
.view-desc dl dt:first-of-type, .view-desc dl dd:first-of-type { padding-top: 0; }
.view-desc dl dd span { font-weight: 700; color: #767676; }
.view-desc dl dd span.strikethrough { text-decoration: line-through; }
.view-desc dl dd.price span { color: #000; }
.view-desc dl dd.price span em { font-size: 20px; }
.view-desc [type=button] { width: 25px; height: 25px; border: 1px solid #ddd; padding: 0; background: #fff; cursor: pointer; }
.view-desc [type=number] { text-align: center; width: 64px; }
.view-desc dd .coupon { margin: -4px 15px 0 0; border: 1px solid #666; }
.view-desc .view-order-holder { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.view-desc .view-order-holder button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; }
/* order 장바구니/구매하기*/
.view-order-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; }
.view-order-holder p { margin-right: 40px; color: #000; }
.view-order-holder p span { margin-left: 20px; color: #000; font-size: 18px; font-weight: 700; }
.view-order-holder p em { margin-left: 2px; color: #666; font-size: 14px; }
.view-order-holder button { width: 180px; height: 50px; margin: 0 0 0 10px; }
.view-order-holder .btn__50 + .btn__50 { margin-left: 10px; }
.view-order-holder button:first-of-type { margin: 0; }
.view-order-holder button:disabled { border: 0; background-color: #ddd; color: #fff; cursor: default; }
.view-order-holder .coming-soon { border: 1px solid #ddd; color: #767676; }
.view-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; height: 70px; max-width: 100%; padding: 0; -webkit-box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.15); background-color: #fff; bottom: -90px; position: fixed; width: 100%; z-index: 1; }
.view-bottom .area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 24px; background: #fff; }
.view-bottom p { color: #000; }
.view-bottom p span { margin-left: 20px; color: 000; font-size: 18px; font-weight: 700; }
.view-bottom p em { margin-left: 2px; color: #555; font-size: 14px; }
.view-bottom .view-order-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; }
.view-order-holder button.favorites { width: 50px; padding: 15px 13px; border: 1px solid #ddd; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
/* view-type01 */
.view-img { border-bottom: 1px solid #e4e4e4; }
.view-img a { display: block; position: absolute; right: 40px; bottom: 120px; width: 502px; height: 54px; }
.view-detail-text { overflow: hidden; max-height: 170px; padding: 10px 4px 10px 10px; background-color: #f7f7f7; border-radius: 10px; }
.view-detail-text .view-text { padding: 20px 28px; }
.view-detail-text .view-text span { font-weight: 700; }
.view-detail-text .view-text a { margin: 0 5px; }
.view-detail-text .mCSB_scrollTools .mCSB_draggerRail { width: 0; }
.view-detail-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #bababa; }
@media (max-width: 1023px) { .view-detail-text { overflow-y: auto; } }
/* introduce 상품설명 */
.motionA { -webkit-transition: 0.2s all; transition: 0.2s all; }
.view-tab-menu { height: 60px; overflow: initial; background: #fff; }
.view-tab-menu .tab { max-width: 1392px; margin: 0 auto; background: #fff; }
.view-tab-menu:before { content: ""; position: absolute; width: 100%; height: 1px; border-top: 1px solid #e4e4e4; background: transparent; }
.view-tab-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; position: relative; }
.view-tab-menu li { border-bottom: 1px solid #ddd; height: 60px; width: 100%; margin-bottom: 0; }
.view-tab-menu li.active { border-bottom: 1px solid #000; font-weight: 700; }
.view-tab-menu li a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.prd-introduce .introduceWrap { max-width: 1204px; margin: 0 auto; }
.prd-introduce .btnHolder { text-align: center; display: none; position: relative; }
/* 20210105 추가 */
.prd-introduce .detail-hide + .btnHolder { margin-top: 20px; }
.prd-introduce .more { height: 40px; padding: 0 20px; font-size: 14px; font-weight: 700; border-radius: 20px; border: 1px solid #e1e1e1; }
.prd-introduce .more i { width: 5px; height: 10px; background-position: 0 -60px; margin: 4px 0 0 8px; }
.prd-introduce h2 { font-size: 28px; font-weight: 700; margin: 0; }
.prd-introduce .title { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px 0 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.prd-introduce .title button { margin-left: auto; }
.prd-introduce .view-detail img { max-width: 100%; }
.prd-introduce h3 { font-size: 18px; font-weight: 700; margin: 24px 0 15px; }
.prd-introduce h3 i { margin-right: 20px; }
.prd-introduce .view-detail table { width: 100%; table-layout: auto; border-collapse: inherit; border-top: 1px solid #000; }
.prd-introduce .view-detail table th { font-weight: 700; vertical-align: middle; }
.prd-introduce .view-detail .editor-view table { width: 1204px; border-collapse: collapse; border-top: 0; }
.prd-introduce .view-detail .question-list { margin-bottom: 30px; border-top: 1px solid #000; }
.prd-introduce .view-detail .question-list li { border-bottom: 1px solid #ddd; }
.prd-introduce .view-detail .question-list li.active .reply { display: block; }
.prd-introduce .view-detail .question-list li > a { display: -webkit-box; display: -ms-flexbox; display: flex; }
.prd-introduce .view-detail .question-list li a > div { display: inline-block; padding: 25px; }
.prd-introduce .view-detail .question-list li a > div:nth-child(1) { text-align: center; font-weight: 700; color: #999; }
.prd-introduce .view-detail .question-list li a .item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
.prd-introduce .view-detail .question-list li a .item span:nth-of-type(1) { width: 150px; margin-left: auto; text-align: center; position: relative; }
.prd-introduce .view-detail .question-list li a .item span:nth-of-type(2) { width: 87px; text-align: center; }
.prd-introduce .view-detail .question-list li .no-data { padding: 30px 0; }
.prd-introduce .view-detail .question-list .question-list-head { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 60px; background-color: #f7f7f7; text-align: center; font-weight: 700; }
.prd-introduce .view-detail .question-list .question-list-head div:nth-child(1) { width: 120px; }
.prd-introduce .view-detail .question-list .question-list-head div:nth-child(2) { width: calc(100% - 375px); }
.prd-introduce .view-detail .question-list .question-list-head div:nth-child(3) { width: 150px; }
.prd-introduce .view-detail .question-list .question-list-head div:nth-child(4) { width: 70px; }
.prd-introduce .view-detail .question-list .complete a > div:nth-child(1) { color: #0072de; }
.prd-introduce .view-detail .question-list .reply { background: #f7f7f7; display: none; padding: 0 25px; border-top: 1px solid #ddd; }
.prd-introduce .view-detail .question-list .reply div { position: relative; padding: 18px 0 24px 28px; color: #222; }
.prd-introduce .view-detail .question-list .reply .answer { border-top: 1px solid #ddd; }
.prd-introduce .view-detail .question-list .reply i { position: absolute; left: 0; top: 20px; }
.prd-introduce .view-detail .question-list .reply .btnHolder { padding: 0; text-align: right; display: block; }
.prd-introduce .view-detail .question-list .reply .btnHolder a { padding: 10px; color: #666; font-size: 14px; }
.prd-introduce .view-detail .question-list .reply .date { color: #0072de; margin-top: 30px; font-weight: 700; }
.prd-introduce .view-detail .question-list .no-data { padding: 40px 0; }
.prd-introduce .view-detail .tableB thead { display: none; }
.prd-introduce .view-detail .tableB th { background: #f7f7f7; width: 260px; padding: 14px 30px; border-bottom: 1px solid #ddd; text-align: left; }
.prd-introduce .view-detail .tableB td { padding: 14px 30px; border-bottom: 1px solid #ddd; }
.prd-introduce .view-detail .step { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% + 20px); margin: 20px 0 0  -10px; }
.prd-introduce .view-detail .step li { background: #f7f7f7; border-radius: 15px; padding: 24px 30px; min-width: 160px; margin: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.prd-introduce .view-detail .step h3 { margin: 0 0 18px; line-height: 24px; }
.prd-introduce .view-detail .step li p:nth-of-type(2) { margin-top: 12px; text-indent: -9px; margin-left: 9px; font-size: 14px; }
.prd-introduce .view-detail .step li i { vertical-align: bottom; }
.prd-introduce .view-detail .item .icon-lock { float: left; margin-top: 2px; margin-right: 10px; }
.prd-introduce .title.acco i { margin-left: auto; display: none; }
.prd-introduce .title.acco.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.prd-introduce .title.acco a { display: none; font-size: 0; }
.prd-introduce .title.acco + .view-detail > p { text-indent: -30px; margin-left: 30px; }
.prd-introduce .view-detail h3 span { color: #d0021b; }
.prd-introduce .title.exchange + .view-detail > h3, .prd-introduce .title.as + .view-detail > h3 { text-indent: -20px; margin: 0 0 0 20px; padding: 15px 0; }
.app.sticky .view-tab-menu .tab { position: fixed; top: 0; left: 50%; z-index: 200; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.app.sticky header { display: none; }
.app.sticky .view-bottom { bottom: 0; }
.prd-introduce .question-list .label__24 { width: 62px; height: 24px; padding: 5px; border-radius: 24px; text-align: center; font-size: 14px; line-height: 1; background-color: #767676; color: #fff; }
.prd-introduce .question-list .complete .label__24 { background-color: #0072de; }
.view-footer { margin-bottom: 70px; }
.view-footer .btn__top { bottom: 90px; }
.view-footer .btn__top.no-fixed { bottom: calc(100% + 20px); }
.view-footer .app-floating-btn { bottom: 220px; }
.view-footer .app-floating-btn.no-fixed.no-fixed { bottom: calc(100% + 150px); }
@media (max-width: 1023px) { .product-view { padding-top: 0; }
  .view-pc-tit { display: none; }
  .view-m-tit { display: block; padding-top: 30px; font-size: 22px; margin-left: 20px; margin-right: 20px; }
  .view-m-tit:after { content: ''; display: block; left: 0; bottom: 0; width: 100%; border-bottom: 2px solid #000; padding-top: 20px; }
  .view-prd { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 0 0 40px; }
  .view-prd-img { width: 100%; padding: 0 20px; }
  .view-prd-img:after { content: ''; display: block; clear: both; }
  .view-prd-img .attach { left: 20px; }
  .view-prd-img .view-controls { display: none; }
  .view-prd-img .swiper-tabs-content { float: none; width: 100%; max-width: 450px; }
  .view-prd-img .swiper-tabs-content .swiper-slide { border: none; }
  .view-prd-img .swiper-pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
  .view-prd-img .swiper-pagination { margin: 10px 0 20px; }
  .view-desc .btnHolder { margin-top: 14px; }
  /* view description */
  .view-desc { max-width: 100%; width: 100%; margin-top: 20px; padding: 0 20px; }
  .view-desc dl:not(:first-child) { margin-top: 0; }
  .view-desc dl dt { padding-bottom: 10px; padding-top: 0; }
  .view-desc dl dd { padding-bottom: 10px; padding-top: 0; }
  .view-bottom p { display: none; }
  .view-order-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
  .view-order-holder button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: auto; padding-left: 0; padding-right: 0; }
  .view-desc .view-order-holder button { height: 50px; }
  .view-desc .view-order-holder button.favorites { width: 50px; }
  .view-bottom .view-order-holder .favorites { width: 50px; height: 50px; }
  .view-tab-menu { height: 50px; }
  .view-tab-menu .tab { height: 50px; }
  .view-tab-menu li { height: 50px; }
  .view-tab-menu li:nth-child(n+4) { display: none; }
  .view-tab-menu li.active { border-bottom: 2px solid #000; }
  .prd-introduce .introduceWrap { padding: 0; }
  /* introduce 상품설명*/
  .prd-introduce h2 { font-size: 24px; }
  .prd-introduce .view-detail.detail-hide { height: 500px; overflow: hidden; }
  .prd-introduce .btnHolder { display: block; position: relative; }
  .prd-introduce .view-detail .tableB th { width: auto; min-width: 100px; padding: 14px; }
  .prd-introduce .view-detail .step { display: block; width: 100%; margin: 20px 0 0 0; }
  .prd-introduce .view-detail .step li { display: block; float: none; width: 100%; padding: 20px 20px; margin: 5px 0; border-radius: 10px; }
  .prd-introduce .view-detail .question-list .question-list-head { display: none; }
  .prd-introduce .view-detail .question-list ul li { min-width: 401px; }
  .prd-introduce .view-detail .question-list .reply { padding: 0; font-size: 16px; }
  .prd-introduce .view-detail .question-list .reply div { padding: 16px 14px 16px 36px; }
  .prd-introduce .view-detail .question-list .reply i { top: 20px; left: 10px; }
  .prd-introduce .view-detail .question-list li a > div { padding: 20px 15px; }
  .prd-introduce .view-detail .question-list li a > div:nth-child(1) { width: 62px; padding: 20px 0; }
  .prd-introduce .view-detail .question-list li a .item .itemTitle { margin-bottom: 5px; }
  .prd-introduce .view-detail .question-list li a .item { display: block; }
  .prd-introduce .view-detail .question-list li a .item span { text-align: left; color: #444; width: auto; padding-right: 30px; font-size: 14px; }
  .prd-introduce .view-detail .question-list li a .item span:not(:last-child):before { content: ""; position: absolute; right: 15px; top: 4px; width: 1px; height: 13px; background: #ddd; }
  .prd-introduce .title { margin-top: 44px; pointer-events: auto; }
  .prd-introduce .title.acco a { display: block; position: absolute; width: 100%; height: 100%; }
  .prd-introduce .title.delivery + .view-detail table { margin-top: -5px; }
  .prd-introduce .title.acco:before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: -16px; background: #0a0a0a; }
  .prd-introduce .title.acco i { display: inline-block; }
  .prd-introduce .title.acco + .view-detail { display: none; }
  .prd-introduce .title.acco.active + .view-detail { display: block; }
  .prd-introduce .view-detail .step p { display: none; }
  .prd-introduce .view-detail .step h3 { margin: 0; }
  .app.sticky .view-tab-menu .tab { top: 60px; } }
/* popup input area */
.pop-prd-quetion .q-top-tit { position: relative; width: 100%; height: 20px; margin-top: 30px; font-size: 14px; }
.pop-prd-quetion .pop-input-area dl:first-child dd { line-height: 40px; }
.pop-input-area { margin: 15px 0 0 0; padding: 30px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.pop-input-area dl { display: table; width: 100%; margin-bottom: 20px; }
.pop-input-area dl:last-of-type { margin: 0; }
.pop-input-area dt { display: table-cell; width: 160px; padding: 0 0 0 30px; vertical-align: top; font-weight: 700; line-height: 40px; }
.pop-input-area dd { display: table-cell; width: calc(100% - 190px); }
.pop-input-area dd .content-area textarea { height: 140px; }
.pop-input-area dd .form__checkbox { margin-top: 10px; }
.pop-bottom-btn { text-align: center; }
@media (max-width: 1023px) { .pop-input-area { padding: 25px 0 20px 0; }
  .pop-input-area dt { display: block; width: 100%; margin-bottom: 10px; padding: 0; line-height: 1; }
  .pop-input-area dd { display: block; width: 100%; }
  .pop-input-area dl { margin-bottom: 25px; }
  .pop-input-area dl:last-of-type { border-bottom: 0; } }
@media (min-width: 1024px) { .pop-prd-quetion .pop-input-area dt { line-height: 40px; } }
/* 관련제품 모델 전체보기 */
.pop-prd-lst-all ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.pop-prd-lst-all li { width: 22.75%; margin-right: 3%; margin-bottom: 20px; }
.pop-prd-lst-all li:nth-of-type(4n) { margin-right: 0; }
.pop-prd-lst-all li dl dt .prd-list-img { position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden; }
.pop-prd-lst-all li dl dt .prd-list-img img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pop-prd-lst-all li dl dd { margin-top: 13px; }
.pop-prd-lst-all li dl dd .model-num { line-height: 16px; font-size: 16px; color: #000; text-align: center; }
.pop-prd-lst-all li dl dd .model-name { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #000000; font-weight: 700; }
@media (max-width: 1023px) { .pop-prd-lst-all { margin-top: 20px; max-height: calc(100% - 75px); }
  .pop-prd-lst-all li { width: 48%; margin-right: 4%; }
  .pop-prd-lst-all li:nth-of-type(2n) { margin: 0; } }
@media (min-width: 1024px) { .pop-prd-lst-all { height: 500px; padding-top: 30px; } }
/* 재입고 알림 */
.stock-alarm { position: relative; }
.stock-alarm .des-wrap { border: 1px solid #ddd; margin: 26px 0 0 0; padding: 30px 30px 30px 200px; border-radius: 20px; line-height: 18px; }
.stock-alarm .des-wrap .desTit { font-size: 18px; font-weight: 700; margin-bottom: 14px; }
.popBtnWrap { width: 100%; text-align: center; margin: 30px 0; }
.popBtnWrap .popCloseBtn { width: 100%; }
.calender-select { display: table; }
.calender-select li { display: table-cell; padding-bottom: 6px; min-width: 35px; max-width: 200px; text-align: center; line-height: 0; vertical-align: middle; }
.calender-select li .form__text .input { display: -webkit-box; display: -ms-flexbox; display: flex; }
.calender-select li .form__text input:-moz-read-only { cursor: default; }
.calender-select li .form__text input:read-only { cursor: default; }
.calender-select li .form__text .icon-carendar { width: 22px; }
.calender-select li:first-child .form__text .icon-carendar { opacity: 0.35; cursor: default; }
@media (max-width: 1023px) { .stock-alarm .des-wrap { border-radius: 10px; margin: 20px 0 0 0; padding: 20px 20px 30px 20px; background-position: center 20px; text-align: center; }
  .stock-alarm .des-wrap .desTit { margin-bottom: 5px; } }
@media (min-width: 1024px) { .layer[data-layer-name="SSMU_004_1_2P"] .layer-cont { overflow: auto; }
  .stock-alarm { max-height: 450px; }
  .stock-alarm .des-wrap .stock-alarm-img { position: absolute; left: 40px; top: 25px; } }
/* popup 일정 달력 */
.calendar-popup { width: 100%; min-height: 480px; background-color: #fff; padding: 20px; }
.calendar-popup .calender { position: relative; width: 100%; height: 100%; }
.calendar-popup .calender .cal-head .calTit { font-weight: 700; margin-bottom: 16px; }
.calendar-popup .calender .cal-head .calender-close { position: absolute; top: 3px; right: 0; }
.calendar-popup .calender .cal-table { width: 100%; margin-bottom: 10px; }
.calendar-popup .calender .cal-table { border-top: 0; font-size: 14px; }
.calendar-popup .calender .cal-table th { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: none; border-left: 0; text-align: center; padding: 0; height: 40px; color: #666; line-height: 40px; }
.calendar-popup .calender .cal-table td { position: relative; border-left: 0; border-bottom: 0; padding: 0; text-align: center; line-height: 45px; }
.calendar-popup .calender .cal-table td a { display: block; width: 100%; height: 100%; color: inherit; }
.calendar-popup .calender .cal-table td.active { color: #fff !important; z-index: 2; }
.calendar-popup .calender .cal-table td.active:before { content: ""; position: absolute; top: 23px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 20px; background-color: #1428A0; z-index: -1; }
.calendar-popup .calender .cal-table td:first-of-type { color: #d0021b; }
.calendar-popup .calender .cal-table td:last-of-type { color: #1428A0; }
.calendar-popup .calender .cal-table td.dateDisable { color: #999; }
.calendar-popup .calender .cal-table td.dateDisable a { cursor: default; }
.calendar-popup .calender .cal-table td.dateholiday { color: #d0021b; }
.calendar-popup .calender .cal-table td .month { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 15px 0; font-size: 18px; line-height: 24px; font-weight: 700; color: #000; }
.calendar-popup .calender .yScroll .mCSB_inside > .mCSB_container { margin-right: 0; }
.calendar-popup .calender .yScroll .cal-table:not(:first-child) { display: none; }
.calendar-popup .calender .yScroll { height: 305px; }
.calendar-popup .calender .mSelBtn { text-align: center; }
@media (max-width: 1023px) { .calendar-popup { width: 100%; }
  .calendar-popup .calender .cal-table td.month .btnNext { display: none; }
  .calendar-popup .calender .yScroll { height: calc(100% - 141px); }
  .calendar-popup .calender .yScroll .cal-table:not(:first-child) { display: table; }
  .calendar-popup .calender .yScroll .mCSB_inside > .mCSB_container { margin-right: 10px; }
  .calendar-popup .calender .mSelBtn { display: block; padding: 10px 0; border-top: 1px solid #ddd; }
  .calendar-popup .calender .mSelBtn button { width: 100%; background: #000; color: #fff; height: 50px; border-radius: 0; }
  .layer[data-layer-name="SSMU_004_1_2P_1"] { top: 67px; max-height: calc(100vh - 53px); padding: 0; padding-bottom: 90px; }
  .layer[data-layer-name="SSMU_004_1_2P_1"] .layer-cont { max-height: calc(100vh - 157px); }
  .layer[data-layer-name="SSMU_004_1_2P_1"] .pop-bottom-btn { position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px; }
  .layer[data-layer-name="SSMU_004_1_2P_1"] .pop-bottom-btn .btn__40 { width: 100%; height: 50px; padding: 13px 20px; background-color: #000; color: #fff; border-radius: 0; } }
@media (min-width: 1024px) { .calendar-popup { border-radius: 20px; }
  .layer[data-layer-name="SSMU_004_1_2P_1"] { width: 364px; padding: 0; border: 1px solid #ddd; }
  .layer[data-layer-name="SSMU_004_1_2P_1"] .layer-cont { max-height: 1000px; } }
/* 팝업 개인정보 처리 위탁 내용 */
.tbl-privacy { margin-top: 25px; }
.tbl-privacy thead th { height: 50px; word-break: keep-all; }
.tbl-privacy thead th:first-of-type { width: 40%; }
.tbl-privacy tbody td { text-align: left; height: 50px; }
.tbl-privacy-list { margin-bottom: 20px; }
.tbl-privacy-list tbody tr:first-of-type td { border-top: 1px solid #000; }
.tbl-privacy-list tbody tr td { width: calc(100% / 3); border-right: 1px solid #ddd; }
.tbl-privacy-list tbody tr td:last-of-type { border-right: 0; }
.pop-piv-list { margin-top: 15px; }
.pop-piv-list li span { display: inline-block; width: 110px; font-weight: 700; }
.popup-title-18 { line-height: 1; font-size: 18px; margin-top: 30px; font-weight: 700; }
@media (min-width: 1024px) { .pop-info-privacy { max-height: 500px; } }
/* 쿠폰 안내 */
.pop-tbl-info { margin-top: 20px; table-layout: auto; border-collapse: inherit; }
.pop-tbl-info tbody th { width: 28%; max-width: 200px; padding: 20px; vertical-align: top; border-top: 1px solid #ddd; text-align: left; background-color: #f7f7f7; }
.pop-tbl-info tbody td { padding: 20px; text-align: left; }
.pop-tbl-info tbody tr:first-of-type th, .pop-tbl-info tbody tr:first-of-type td { border-top: 1px solid #000; }
.bullet-dashed li:before { content: ''; position: absolute; top: 10px; left: 0; width: 6px; height: 1px; background-color: #000; }
.coupon-info table p { word-break: break-all; }
@media (max-width: 1023px) { .pop-tbl-info tbody th { min-width: 106px; max-width: 200px; } }
@media (min-width: 1024px) { .coupon-info { height: 500px; } }
/* 취소,환불 안내 */
.ol-list-number { list-style: revert; }
.ol-list-number > li { position: relative; margin-left: 12px; font-size: 16px; list-style: decimal; }
@media (min-width: 1024px) { .layer[data-layer-name="SSMU_0006_P1"] .layer-cont { height: 435px; }
  .pop-refund-info { height: 500px; } }
/* alret popup */
.pop-alert-content { text-align: center; }
.pop-alert-content p { font-weight: 700; font-size: 18px; }
.pop-alert-content .btn-wid-120 { width: 120px; }
/* popup 배송지 선택 */
.tbl-pop-receive .receive-name { width: 80px; }
.tbl-pop-receive .receive-number { width: 140px; }
.tbl-pop-receive .receive-address { width: auto; }
.tbl-pop-receive .tbl__rwd-content .receive-address { text-align: left; }
.tbl-pop-receive .receive-select { width: 110px; }
@media (max-width: 1023px) { .tbl-pop-receive .tbl__rwd-content .receive-name { width: 100%; text-align: left; line-height: 1; margin-bottom: 13px; }
  .tbl-pop-receive .tbl__rwd-content .receive-number { width: 100%; text-align: left; line-height: 1; margin-bottom: 10px; }
  .tbl-pop-receive .tbl__rwd-content .receive-address { width: 100%; }
  .tbl-pop-receive .tbl__rwd-content li { position: relative; }
  .tbl-pop-receive .tbl__rwd-content .receive-select { width: auto; position: absolute; right: 0; top: 20px; } }
/* 쿠폰선택 */
.tbl-pop-coupon .tbl__rwd-content .pop-coupon-price { font-size: 14px; }
.tbl-pop-coupon .tbl__rwd-content .pop-coupon-price span { font-size: 16px; margin: 0 5px; font-weight: 700; }
.layer[data-layer-name="SSMU_007_4P"] > .tit { border-bottom: 0; }
@media (min-width: 1024px) { .layer[data-layer-name="SSMU_007_4P"] { width: 1024px; }
  .tbl-pop-coupon .pop-coupon-name { width: auto; }
  .tbl-pop-coupon .pop-coupon-sel { width: 300px; }
  .tbl-pop-coupon .pop-coupon-price { width: 130px; }
  .tbl-pop-coupon .tbl__rwd-content .pop-coupon-name { text-align: left; padding-left: 20px; }
  .tbl-pop-coupon .tbl__rwd-content .pop-coupon-sel { padding: 0 10px; text-align: left; }
  .tbl-pop-coupon { margin-bottom: 150px; } }
@media (max-width: 1023px) { .tbl-pop-coupon .tbl__rwd-content > li { padding: 30px 0; position: relative; }
  .tbl-pop-coupon .pop-coupon-name { width: calc(100% - 90px); }
  .tbl-pop-coupon .pop-coupon-sel { width: 100%; }
  .tbl-pop-coupon .pop-coupon-price { width: auto; position: absolute; right: 0; top: 30px; }
  .tbl-pop-coupon .tbl__rwd-content .pop-coupon-name { margin-bottom: 12px; } }
/* order step */
.order-step { position: relative; text-align: right; bottom: 20px; }
.order-step li { display: inline-block; position: relative; color: #4C4C4C; }
.order-step li.active { color: #000; font-weight: 700; }
.order-step li + li { padding-left: 23px; margin-left: 15px; }
.order-step li + li:before { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; border-right: 1px solid #4C4C4C; border-bottom: 1px solid #4C4C4C; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
@media (max-width: 1023px) { .order-step { display: none; } }
/* 샵 테이블 유닛 */
.model-num { text-align: left; margin-bottom: 5px; line-height: 1; font-size: 14px; color: #767676; }
.model-name { text-align: left; font-size: 16px; }
.shop-order-img a { position: relative; display: block; float: left; width: 80px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; overflow: hidden; }
.shop-order-img img { max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.shop-order-chk .form__checkbox.in-shop input[type="checkbox"] + label { width: 20px; height: 20px; }
.shop-order-chk .form__checkbox { vertical-align: middle; }
.shop-order-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; }
.shop-order-cnt button { width: 25px; height: 25px; border: 1px solid #ddd; cursor: pointer; font-size: 20px; line-height: 25px; }
.shop-order-cnt span { display: inline-block; width: 35px; text-align: center; }
.shop-order-prc { font-size: 16px; font-weight: 700; }
.shop-order-prc span { margin-left: 5px; font-size: 14px; font-weight: 400; }
.shop-tbl-botom { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.temp_soldout .shop-order-img a img, .tbl-coming-soon .shop-order-img a img { opacity: 0.3; }
.temp_soldout .shop-order-img a:after { content: "일시품절"; display: block; position: absolute; top: calc(50% - 10px); left: 0; width: 100%; height: 16px; font-size: 14px; font-weight: 700; text-align: center; }
.tbl-coming-soon .shop-order-img a:after { content: "출시예정"; display: block; position: absolute; top: calc(50% - 10px); left: 0; width: 100%; height: 16px; font-size: 14px; font-weight: 700; text-align: center; }
.temp_soldout .shop-order-cnt span, .tbl-coming-soon .shop-order-cnt span { color: #767676; }
.temp_soldout .shop-order-cnt button, .tbl-coming-soon .shop-order-cnt button { display: none; }
.temp_soldout button:disabled, .tbl-coming-soon button:disabled { background-color: #ddd; color: #fff; cursor: default; border: 1px solid #ddd; }
@media (max-width: 1023px) { .shop-order-chk { position: absolute; left: 20px; top: 20px; }
  .shop-order-btn button:not(.mobile-del-btn) { display: none; }
  .mobile-del-btn > span { position: relative; display: block; overflow: hidden; height: 14px; width: 14px; white-space: nowrap; text-indent: 100%; }
  .mobile-del-btn > span:before, .mobile-del-btn > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 1px; background-color: #222; }
  .mobile-del-btn > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .mobile-del-btn > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .temp_soldout .shop-order-cnt { display: none; } }
/* 장바구니/주문결제/주문완료 */
.shop-cart-wrap { position: relative; }
.shop-cart-list .tbl__rwd-content { font-size: 14px; }
.shop-no-data { display: inline-block; text-align: center; padding: 80px 0; font-weight: 700; width: 100%; font-size: 18px; }
.no-data { display: inline-block; text-align: center; padding: 80px 0; font-weight: 700; width: 100%; }
.back-btn-wrap { margin-top: 80px; text-align: center; }
/* 장바구니 - 구매하기 */
.order-payment { position: relative; text-align: right; margin-top: 30px; }
.order-payment .order-payment-btn p { display: none; }
.order-payment .order-payment-btn button.pc-only-unit { width: 120px; }
/* 장바구니 - 하단 안내 */
.ord-guide-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 80px; }
.ord-guide-wrap .ord-guide-box { width: calc(50% - 12.5px); padding: 30px; border-radius: 20px; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f7f7f7; }
.ord-guide-wrap .ord-guide-box:first-of-type { margin-right: 25px; }
.ord-guide-wrap .ord-guide-box ul { display: inline-block; margin-top: 10px; width: 100%; line-height: 1.8; }
.ord-guide-wrap .ord-guide-box .bullet__14 li:before { top: 10px; }
.ord-guide-wrap .ord-guide-box .guideRef li { float: left; font-size: 14px; }
.ord-guide-wrap .ord-guide-box .guideRef li + li { margin-left: 15px; }
.ord-guide-wrap .ord-guide-box .guideRef a { position: relative; border-bottom: 1px solid #000; }
.ord-guide-wrap .ord-guide-box .guideRef a i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 10px; }
/* 주문결제 테이블 */
.shop-order-list, .shop-order-list > ul > li { position: relative; }
/* 관심상품 테이블 */
.shop-like-list { margin-bottom: 30px; }
.shop-like-list, .shop-like-list > ul > li { position: relative; }
/* 주문완료 테이블 */
.shop-finish-txt { width: 100%; border-top: 2px solid #000; text-align: center; padding-top: 40px; }
.shop-finish-txt p { font-size: 28px; }
.shop-finish-txt .btn-area { margin-top: 25px; }
.shop-order-wrap .order-info-txt { line-height: 24px; padding-left: 28px; position: relative; }
.shop-order-wrap .order-info-txt i { position: absolute; left: 0; }
@media (min-width: 1024px) { .mobile-del-btn { display: none; }
  .shop-tbl-botom .tbl-botom-btn { width: 230px; }
  .m-shop-tble-top { display: none; }
  /* 장바구니 테이블 */
  .shop-cart-list .tbl__rwd-content > li > div { padding: 20px 0; }
  .shop-cart-list > ul > li > div a { display: block; }
  .shop-cart-list > ul > li > .shop-order-chk { width: 60px; }
  .shop-cart-list > ul > li > .shop-order-img { width: 120px; padding-right: 20px; padding-left: 20px; }
  .shop-cart-list > ul > li > .shop-order-name { width: auto; padding-right: 20px; padding-left: 20px; }
  .shop-cart-list > ul > li > .shop-order-opt { width: 120px; }
  .shop-cart-list > ul > li > .shop-order-mileage { width: 120px; }
  .shop-cart-list > ul > li > .shop-order-cnt { width: 135px; }
  .shop-cart-list > ul > li > .shop-order-prc { width: 130px; text-align: right; padding-right: 30px; }
  .shop-cart-list > ul > li > .shop-order-btn { width: 150px; padding-right: 20px; padding-left: 20px; }
  .shop-cart-list .tbl__rwd-header > li > .shop-order-prc { text-align: center; padding-right: 0; }
  /* 주문결제 테이블 */
  .shop-order-list .tbl__rwd-content > li > div { padding: 20px; }
  .shop-order-list > ul > li > div a { display: block; }
  .shop-order-list > ul > li > div:nth-child(1) { width: 120px; }
  .shop-order-list > ul > li > div:nth-child(2) { width: auto; }
  .shop-order-list > ul > li > div:nth-child(3) { width: 150px; }
  .shop-order-list > ul > li > div:nth-child(4) { width: 150px; }
  .shop-order-list > ul > li > div:nth-child(5) { width: 150px; }
  .shop-order-list > ul > li > div:nth-child(6) { width: 150px; }
  /* 관심상품 테이블 */
  .shop-like-wrap { margin-top: 24px; }
  .shop-like-list .tbl__rwd-content > li > div { padding: 20px; }
  .shop-like-list > ul > li > div.shop-order-chk { width: 60px; }
  .shop-like-list > ul > li > div a { display: block; }
  .shop-like-list > ul > li > div:nth-child(2) { width: 120px; }
  .shop-like-list > ul > li > div:nth-child(3) { width: auto; }
  .shop-like-list > ul > li > div:nth-child(4) { width: 150px; }
  .shop-like-list > ul > li > div:nth-child(5) { width: 150px; }
  .shop-like-list > ul > li > div:nth-child(6) { width: 150px; }
  /* 주문완료 테이블 */
  .shop-finish-list .tbl__rwd-content > li > div { padding: 20px; }
  .shop-finish-list > ul > li > div a { display: block; }
  .shop-finish-list > ul > li > div:nth-child(1) { width: 60px; }
  .shop-finish-list > ul > li > div:nth-child(2) { width: auto; }
  .shop-finish-list > ul > li > div:nth-child(3) { width: 200px; }
  .shop-finish-list > ul > li > div:nth-child(4) { width: 170px; }
  /**/
  .shop-order-wrap .order-info-txt { margin-top: 10px; }
  .shop-order-wrap .order-info-txt i { top: 1px; } }
@media (max-width: 1023px) { .order-page { padding-top: 0; }
  .shop-tbl-botom { display: none; }
  .back-btn-wrap { margin-top: 40px; }
  .m-shop-tble-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .m-shop-tble-top span .btn__32 + .btn__32 { margin-left: 5px; }
  .cart-footer { margin-bottom: 130px; }
  .cart-footer .btn__top { bottom: 130px; }
  .cart-footer .app-floating-btn { bottom: 200px; }
  .cart-footer .btn__top.no-fixed { bottom: calc(100% + 20px); }
  .cart-footer .app-floating-btn.no-fixed { bottom: calc(100% + 90px); }
  /* 장바구니 테이블 */
  .shop-cart-list.tbl__rwd .tbl__rwd-content > li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; min-height: 240px; border-radius: 0; border: 1px solid #ddd; margin-top: 15px; padding: 20px 0 0 0; overflow: hidden; }
  .shop-cart-list .tbl__rwd-content div { width: 100%; }
  .shop-cart-list .tbl__rwd-content div:before { content: attr(data-th); float: left; padding-right: 3px; }
  .shop-cart-list { border-top: 0; }
  .shop-cart-list > ul > li .shop-order-chk { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; width: 20px; margin-left: 17px; left: 0; top: 0; }
  .shop-cart-list > ul > li .shop-order-img { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; position: relative; width: 80px; margin-left: 20px; }
  .shop-cart-list > ul > li .shop-order-name { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; width: calc(100% - 60px); padding-left: 20px; margin-bottom: 20px; }
  .shop-cart-list > ul > li .shop-order-opt { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; position: absolute; bottom: 140px; left: 120px; }
  .shop-cart-list > ul > li .shop-order-mileage { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; position: absolute; bottom: 120px; left: 120px; }
  .shop-cart-list > ul > li .shop-order-cnt { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; position: absolute; bottom: 80px; left: 117px; }
  .shop-cart-list > ul > li .shop-order-prc { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; width: 100%; height: 50px; line-height: 49px; background-color: #f7f7f7; border-top: 1px solid #ddd; padding: 0 20px; margin-top: 30px; font-size: 18px; text-align: right; }
  .shop-cart-list .mobile-del-btn { position: absolute; bottom: 138px; right: 15px; padding: 5px; }
  /* 장바구니 - 구매하기 */
  .order-payment { position: fixed; padding-top: 15px; width: 100%; margin-top: 0; bottom: 0; left: 0; background: url("../img/shop/bg/bg_cart_m_payment.png") top left repeat-x; z-index: 50; }
  .order-payment .order-payment-btn { min-height: 90px; padding: 20px; background: #fff; }
  .order-payment .order-payment-btn p { display: block; width: 100%; }
  .order-payment p { text-align: center; font-size: 14px; color: #767676; }
  .order-payment .btn50 { width: 100%; margin: 8px 0 0 0; }
  /* 장바구니 - 하단 안내 */
  .ord-guide-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 40px; }
  .ord-guide-wrap .ord-guide-box { width: 100%; margin-top: 15px; padding: 25px 20px; }
  .ord-guide-wrap .ord-guide-box:first-of-type { margin: 0; }
  .ord-guide-wrap .ord-guide-box ul { margin-top: 10px; }
  /* 주문결제 테이블 */
  .shop-order-wrap { margin-top: -40px; }
  .shop-order-list .tbl__rwd-content div:before { content: attr(data-th); float: left; padding-right: 3px; }
  .shop-order-list > ul > li > div { width: 100%; font-size: 14px; }
  .shop-order-list > ul > li > div.shop-order-img { position: absolute; width: auto; left: 0px; top: 20px; }
  .shop-order-list > ul > li > div:nth-child(2) { margin-bottom: 10px; }
  .shop-order-list > ul > li > div:nth-child(2), .shop-order-list > ul > li > div:nth-child(3), .shop-order-list > ul > li > div:nth-child(4), .shop-order-list > ul > li > div:nth-child(5) { padding-left: 100px; clear: both; }
  .shop-order-list > ul > li > .shop-order-prc { position: absolute; width: auto; right: 0; bottom: 18px; font-size: 16px; }
  .shop-order-list > ul > li:last-child { border-bottom: 0; }
  /* 관심상품 테이블 */
  .shop-like-list .tbl__rwd-content > li { position: relative; min-height: 183px; border-radius: 0; border: 1px solid #ddd; margin-top: 15px; padding: 20px; }
  .shop-like-list { border-top: 0; }
  .shop-like-list > ul > li > div { width: 100%; }
  .shop-like-list > ul > li > div.shop-order-chk { width: auto; }
  .shop-like-list > ul > li > div.shop-order-img { position: absolute; width: auto; left: 20px; bottom: 20px; }
  .shop-like-list > ul > li > div:nth-child(3) { padding-left: 40px; }
  .shop-like-list > ul > li > div:nth-child(4) { position: absolute; text-align: right; right: 20px; bottom: 44px; line-height: 1; font-size: 14px; color: #767676; text-decoration: line-through; }
  .shop-like-list > ul > li > div:nth-child(5) { text-align: right; }
  .shop-like-list > ul > li > div:nth-child(5):before { content: attr(data-th); padding-right: 20px; }
  .shop-like-list > ul > li > div.shop-order-prc { position: relative; margin-top: 74px; right: 0; bottom: 0; color: #000; text-decoration: none; font-size: 16px; }
  .shop-like-list > ul > li > div.shop-order-prc:before { content: attr(data-th); padding-right: 20px; }
  .shop-like-list .mobile-del-btn { position: absolute; bottom: 80px; right: 15px; padding: 5px; }
  /* 주문완료 테이블 */
  .shop-finish-txt { border-top: 0; padding-top: 0; padding-bottom: 40px; }
  .shop-finish-txt p { font-size: 22px; }
  .shop-finish-txt .btn-area { margin-top: 15px; }
  .shop-finish-list { padding: 0 0 30px 0; }
  .shop-finish-list > ul > li { min-height: 121px; }
  .shop-finish-list > ul > li > div { width: 100%; font-size: 14px; }
  .shop-finish-list > ul > li > div.shop-order-img { position: absolute; width: auto; }
  .shop-finish-list > ul > li > div:nth-child(2) { padding-left: 100px; }
  .shop-finish-list > ul > li > div:nth-child(3) { padding-left: 100px; margin-top: 10px; }
  .shop-finish-list > ul > li > div:nth-child(4) { padding-left: 100px; }
  .m-drawer-wrap .collapse-cont { padding-bottom: 30px; }
  /**/
  .shop-order-wrap .order-info-txt { padding-top: 10px; padding-bottom: 16px; border-top: 1px solid #ddd; }
  .shop-order-wrap .order-info-txt i { top: 11px; } }
/* 주문정보 */
.order-info .ord-price { display: table; position: relative; width: 100%; padding: 40px 20px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.order-info .ord-price > div { display: table-cell; vertical-align: middle; width: 30%; }
.order-info .ord-price .final-price-tit { font-size: 28px; }
.order-info .ord-price .total-price { padding: 0 70px; width: 474px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.order-info .ord-price .total-price > ul > li { width: 100%; margin-top: 25px; font-size: 14px; }
.order-info .ord-price .total-price > ul > li:first-of-type { margin-top: 0; }
.order-info .ord-price .final-price { border: 0; text-align: right; font-weight: 700; }
.order-info .ord-price .final-price span { font-size: 34px; margin-right: 5px; }
.order-info .ord-price .final-price .shop-pre-point { display: block; font-size: 14px; font-weight: normal; }
[class*="order-info"] .price-value { min-width: 100px; float: right; font-size: 16px; text-align: right; }
[class*="order-info"] .price-value span { font-size: 18px; margin: 0 4px 0 10px; }
.sns-radio-warp { padding-top: 5px; }
.tbl-txt-r { float: right; }
@media (min-width: 1024px) { .mobile-only-unit { display: none; }
  .order-info2 { display: none; } }
@media (max-width: 1023px) { [class*="order-info"] .ord-price { display: block; padding: 0; border-top: 0; border-bottom: 0; }
  [class*="order-info"] .ord-price > div { display: block; border-right: 0; }
  [class*="order-info"] .ord-price .final-price-tit { padding: 0 20px; width: 100%; line-height: 40px; background-color: #444; font-size: 14px; color: #fff; }
  [class*="order-info"] .ord-price .total-price { width: 100%; padding: 0; }
  [class*="order-info"] .ord-price .total-price > ul > li { margin: 0; padding: 0 20px; width: 100%; background: #f7f7f7; line-height: 1; }
  .pc-only-unit { display: none; }
  /* 장바구니 - 주문정보 */
  .order-info { margin-top: 20px; }
  .order-info .ord-price .final-price { position: absolute; width: auto; top: 0; right: 20px; line-height: 40px; color: #fff; font-size: 16px; }
  .order-info .ord-price .final-price span { font-size: 18px; }
  .order-info .ord-price .final-price .shop-pre-point { display: none; }
  .order-info .ord-price .total-price { border: 0; }
  .order-info .ord-price .total-price > ul > li { line-height: 40px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
  .order-info .ord-price .total-price > ul > li:after { display: block; content: ''; clear: both; }
  /* 주문결제 - 주문정보 */
  .order-info2 { margin-left: -20px; margin-right: -20px; }
  .order-info2 .ord-price .total-price > ul > li:first-child { padding-top: 20px; }
  .order-info2 .ord-price .total-price > ul > li:last-child { padding-bottom: 20px; }
  .order-info2 .ord-price .total-price > ul > li { padding-bottom: 15px; font-size: 14px; }
  .order-info2 .ord-price .total-price > ul > li:after { content: ''; display: block; clear: both; } }
/* 모바일 아코디언 mobile accordian drawer */
.m-drawer-wrap { position: relative; }
.m-drawer-wrap .m-drawer-btn { display: none; }
@media (max-width: 1023px) { .m-drawer-wrap .m-drawer { display: none; }
  .m-drawer-wrap .m-drawer-btn { display: block; width: 100%; position: absolute; left: 0; text-align: right; }
  .m-drawer-wrap .m-drawer-btn span { display: inline-block; margin-right: 10px; }
  .m-drawer-wrap .m-drawer-btn i { -webkit-transition: 0.2s all; transition: 0.2s all; -webkit-transform-origin: center; transform-origin: center; }
  .m-drawer-wrap.active .m-drawer { display: block; }
  .m-drawer-wrap.active .m-drawer-btn span { display: none; }
  .m-drawer-wrap.active .m-drawer-btn i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .m-drawer-wrap > [class^="contit"] { margin-top: 25px !important; } }
/* 주문서 작성 */
.shop-order-tit { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.shop-order-tit .mark-txt { line-height: 36px; margin-top: 74px; margin-bottom: 19px; font-size: 14px; }
.shop-order-tit .mark-txt button,
.shop-order-tit .mark-txt button + button { line-height: 1; }
.shop-order-tit .order-tit-chk { position: absolute; left: 170px; bottom: 22px; }
.order-check-wrap { position: relative; }
.order-check { display: inline-block; position: relative; max-width: 1038px; width: calc(100% - 338px); }
.order-check h4.tit03 { position: relative; width: 100%; margin-bottom: 20px; }
.order-check h4.tit03 .formChk { margin: 0 0 0 14px; display: inline-block; font-size: 16px; font-weight: 400; position: relative; top: -3px; }
.order-check .markBtn { position: absolute; right: 0; top: -3px; }
.order-check .form__control-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.order-check .form__control-group .control-After { margin-left: 10px; }
.order-check .form__control { display: inline-block; vertical-align: top; padding-top: 5px; padding-left: 25px; }
.order-check .info-address { margin-top: 20px; }
.order-check .form__textarea { margin-top: 20px; }
.order-check .form__textarea textarea { min-height: 100px; }
.float-r { float: right; }

@media (min-width: 1024px) { .order-check .form__address-search-new > li:first-child .form__select, .order-check .form__address-search > li:first-child .form__text { max-width: 250px; width: 50%; } }
@media (max-width: 1023px) { .order-check-wrap { padding: 0; }
  .order-check { width: 100%; padding: 0 20px; }
  .order-check .form__control { padding-left: 0; }
  .order-check .info-address { margin-top: 10px; }
  .sec-box .shop-order-tit .tit__03 { max-width: calc(100% - 20px); margin-top: 25px; }
  .shop-order-tit { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .shop-order-tit .btn-box { width: 100%; text-align: left; margin-top:0px !important; }
  .shop-order-tit .mark-txt { line-height: 30px; margin-top: 25px; margin-bottom: 21px; }
  .shop-order-tit .order-tit-chk { left: 140px; }
  .order-footer { margin-bottom: 40px; }
  .order-footer .footer-pages, .order-footer .footer-company-info, .order-footer .footer-etc, .order-footer .app-floating-btn, .order-footer .btn__top { display: none; }
}
/* order input area */
[class^="order-input-area"] > dl > dt { display: table-cell; width: 237px; padding: 0 0 0 30px; line-height: 40px; vertical-align: top; font-weight: 700; }
[class^="order-input-area"] > dl > dd { display: table-cell; width: calc(100% - 237px); }
[class^="order-input-area"] > dl > dd textarea { line-height: 24px; }
[class^="order-input-area"] > dl > dd [class*="ordInput"] { line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
[class^="order-input-area"] > dl > dd .ord-input-mid { width: 330px; max-width: 330px; }
[class^="order-input-area"] > dl > dd.buisness-num .ord-input-mid { width: 430px; max-width: 430px; }
[class^="order-input-area"] > dl > dd p + p { margin-top: 20px; }
[class^="order-input-area"] + [class^="order-input-area"] { border-top: 1px solid #ddd; }
[class^="order-input-area"].bottom-no-line { border-bottom: 0; }
.hide-text { display: none; }
.input-txt-r input { text-align: right; padding: 0 10px; }
.order-input-area { padding: 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.order-input-area dl { display: table; table-layout: fixed; width: 100%; padding: 10px 0; font-size: 16px; }
.order-input-area2 { padding: 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.order-input-area2 dl { display: table; width: 100%; padding: 25px 0; }
.order-input-area2 dl + dl { padding-top: 0; }
.ord-form-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(50% - 40px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0; }
.ord-form-radio span + span { margin-left: 40px; }
.order-input-area + .order-input-area2 { border-top: 0; }
.order-input-area + .order-input-area2 dl { padding-top: 0; }
@media (min-width: 1024px) and (max-width: 1439px) { [class^="order-input-area"] > dl > dt { width: 22%; }
  .ord-form-radio { width: 255px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ord-form-radio span + span { margin-left: 5%; } }
@media (max-width: 1023px) { [class^="order-input-area"] > dl > dt { display: block; width: 100%; padding: 20px 0 0 0; }
  [class^="order-input-area"] > dl > dt:first-of-type { padding-top: 0; }
  [class^="order-input-area"] > dl > dd { display: block; width: 100%; }
  [class^="order-input-area"] > dl > dd .ord-input-mid, [class^="order-input-area"] > dl > dd .ordInputSht { width: 100%; max-width: 100%; }
  .ord-form-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; }
  .order-input-area { margin: 0; padding: 0 0 20px 0; border-bottom: 0; }
  .order-input-area dl:last-of-type { border-bottom: 0; }
  .order-input-area2 { margin: 0; padding: 0 0 20px 0; border-bottom: 0; }
  .order-input-area2 dl { padding: 15px 0; }
  .order-input-area2 dl:last-of-type { border-bottom: 0; }
  [class^="order-input-area"] > dl > dd.buisness-num .ord-input-mid { width: 100%; max-width: 100%; } }
/* input units */
/* input flex */
.input-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.input-flex > li + li { margin-left: 40px; }
.input-flex > li .btn__32 { margin-top: 5px; }
/* discount Benefit */
.dcBenefit dd > ul > li + li { margin-left: 10px; }
.dcBenefit dd > ul > li .btn32 { margin-left: 20px; }
.dcBenefit .txt-won { line-height: 40px; }
/* box contents in order pages */
.order .box-radius { padding: 28px 40px 23px; }
.order .box-radius .bullet__16 li { margin-bottom: 5px; line-height: 26px; }
.order .box-radius p { margin-bottom: 5px; line-height: 26px; }
/* 개인정보 수집 동의 */
.ord-agree-chk .box-radius { padding: 28px 40px; }
.ord-agree-chk .box-radius .bullet__16 li { margin-bottom: 5px; line-height: 26px; }
.ord-agree-chk .box-radius .bullet__16 li span { font-size: 18px; border-bottom: 1px solid #000; }
.ord-agree-chk .agreeChk { margin-top: 30px; margin-left: 20px; }
.ord-agree-chk .agreeChk li { max-width: 360px; width: 50%; float: left; }
.ord-agree-chk .agreeChk li p { margin-left: 35px; font-size: 14px; color: #d0021b; }
/* 이용안내 */
.ord-info-txt { position: relative; padding-left: 30px; margin-bottom: 20px; }
.ord-info-txt i { position: absolute; top: 2px; left: 0; }
.ord-info-box .box-radius { padding: 28px 40px; }
/* 결제 수단 payment select */
.pay-select { vertical-align: middle; }
.pay-sel-radio li { width: 160px; }
.pay-sel-radio li + li { margin-left: 0; }
.pay-sel-radio li .form__radio input[type="radio"]:disabled + label { color: #767676; }
/* 현금영수증 신청 reciept */
.cash-reciept li + li { margin-top: 20px; }
.cash-reciept .form__radio { width: 160px; }
/* 세금계산서 */
.buisness-num li:nth-of-type(2) { margin: 0 20px; }
.buisness-num li { display: -webkit-box; display: -ms-flexbox; display: flex; }
.buisness-num li span + span { margin-left: 20px; }
.buisness-detail { width: 100%; }
.buisness-detail dd .ordInputSht { max-width: 282px; width: 100%; }
.buisness-detail .topLine { border-top: 0; }
.buisness-detail .order-input-area { padding-bottom: 0; }
.buisness-detail .order-input-area + .order-input-area { border-top: 0; padding-top: 0; padding-bottom: 20px; }
.buisness-detail [class^="order-input-area"] > dl { display: -webkit-box; display: -ms-flexbox; display: flex; table-layout: auto; padding-left: 30px; }
.buisness-detail [class^="order-input-area"] > dl > dt { width: 237px; display: block; padding-left: 0; }
.buisness-detail [class^="order-input-area"] > dl > dd { width: calc(50% - 237px); display: block; padding-right: 32px; }
.buisness-detail [class^="order-input-area"] > dl > dt + dd + dt + dd { padding-right: 0; }
.buisness-detail [class^="order-input-area"] > dl > dd.view-cont { width: calc(100% - 237px); padding-right: 0; }
.order-check-wrap > .order-check:nth-child(1) .order-input-area dl dd .input-flex .ord-input-mid { margin-right: 40px; }
.order-check-wrap > .order-check .order-input-area dl dd .input-flex .sns-radio-warp { margin-left: 0; margin-right: 0; margin-top: 10px; }
@media (min-width: 1024px) and (max-width: 1439px) { .buisness-detail [class^="order-input-area"] > dl { padding-left: 15px; }
  .buisness-detail [class^="order-input-area"] > dl > dt { width: 20%; }
  .buisness-detail [class^="order-input-area"] > dl > dd { width: calc(60%/2); }
  .buisness-detail [class^="order-input-area"] > dl > dd.view-cont { width: 80%; } }
@media (max-width: 1023px) { .buisness-detail [class^="order-input-area"] > dl { display: block; padding-left: 0; }
  .buisness-detail [class^="order-input-area"] > dl > dd { width: 100%; padding-right: 0; }
  .buisness-detail [class^="order-input-area"] > dl > dd.view-cont { width: 100%; } }
@media (min-width: 1024px) { .order-check-wrap .order-input-area dl dd .input-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.no-member .adress-input { width: 100%; }
.no-member .adress-input span { margin-top: 5px; }
/* 결제예정금액 right floating */
.order-right-float { position: absolute; top: 129px; left: 50%; margin-left: 366px; width: 330px; }
.order-right-float.sticky-cen { position: fixed; }
.order-right-float.sticky-bottom { position: absolute; top: auto; bottom: 0; }
.order-info-fl { padding: 40px; border-top: 1px solid #000; background: #f7f7f7; }
.order-info-fl .price-list > li { line-height: 20px; margin-bottom: 20px; font-size: 14px; font-weight: 700; color: #000; }
.order-info-fl .price-list > li .price-value { font-size: 14px; font-weight: normal; }
.order-info-fl .price-list .dc-price { margin-top: 20px; padding: 20px; background: #fff; }
.order-info-fl .price-list .dc-price li { line-height: 15px; margin-bottom: 10px; color: #000; font-weight: 400; }
.order-info-fl .price-list .dc-price li:last-of-type { margin-bottom: 0; }
.order-info-fl .price-list .dc-price li span { font-size: 14px; color: #000; }
.order-info-fl .finExpPrice { margin-top: 30px; font-size: 16px; font-weight: 700; }
.order-info-fl .finExpPrice .finPrice { text-align: right; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #ddd; }
.order-info-fl .finExpPrice .finPrice span { font-size: 24px; margin: 0 4px 0 10px; }
.order-info-fl .finExpPrice .odrder-membership { font-size: 14px; color: #000; margin-bottom: 25px; }
.order-info-fl .finExpPrice .odrder-membership .price-value { font-size: 14px; font-weight: normal; }
.order-info-fl .finExpPrice .odrder-membership .price-value span { font-size: 16px; color: #000; }
.order-info-fl button { width: 100%; }
.input-membership ul:last-child { padding-top: 10px; }
.input-membership ul > li + li { margin-left: 10px; }
.input-membership ul.input-quarter > li + li { margin-left: 30px; }
.input-quarter .input input { width: calc(25% - 9.5px); padding: 0 10px; text-align: center; }
.input-quarter .input > span { width: 21px; text-align: center; }
.input-quarter + span[class*=msg] { display: block; }
[class^="order-input-area"] > dl > dd .input-quarter .ord-input-mid .info-msg { position: relative; padding-left: 10px; }
[class^="order-input-area"] > dl > dd .input-quarter .ord-input-mid .info-msg::before { content: "*"; position: absolute; left: 0; top: 2px; }
@media screen and (max-width: 1440px) { .order-right-float { position: absolute; top: 129px; left: auto; right: 24px; margin: 0; }
  .order-right-float.sticky-cen { position: fixed; }
  .order-right-float.sticky-bottom { position: absolute; bottom: 0; } }
@media (min-width: 1024px) { /* 세금계산서 */
  .buisness-num ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .buisness-num .ord-input-mid { max-width: 415px; }
  .no-member .adress-input { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .no-member .adress-input span + span { margin-left: 20px; }
  /* 결제 플로팅 바 */
  .order-info-fl { border-radius: 20px; border-top: 0; }
  /*맴버십 수정 */
  [class^="order-input-area"] > dl > dd .input-quarter { position: relative; }
  [class^="order-input-area"] > dl > dd .input-quarter .ord-input-mid { width: 100%; max-width: 100%; }
  [class^="order-input-area"] > dl > dd .input-quarter .ord-input-mid .input { width: 330px; }
  [class^="order-input-area"] > dl > dd .input-quarter .ord-input-mid button { position: absolute; left: 360px; top: 0; } }
@media (max-width: 1023px) { .input-membership ul.input-quarter { display: block; }
  .input-membership ul.input-quarter > li + li { margin-top: 10px; margin-left: 0; text-align: center; }
  /* input flex */
  .input-flex { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .input-flex.m-flex-non { width: 100%; display: block; }
  .input-flex.m-flex-non li + li { margin-top: 10px; margin-left: 0; }
  /* discount Benefit */
  .dcBenefit dd > ul > li:first-of-type { width: 100%; max-width: 100%; }
  /* 세금계산서 */
  .buisness-num li:nth-of-type(2) { margin: 0 20px 0 0; float: left; width: calc(100% - 100px); }
  .buisness-detail { border-top: 1px solid #ddd; }
  .buisness-detail:before { content: ''; position: absolute; top: -25px; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #ddd; }
  .buisness-detail .topLine { border-top: 1px solid #ddd; }
  .buisness-detail .adress-input { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
  /* 개인정보 수집 동의 */
  .ord-agree-chk { border-top: 1px solid #000; padding: 25px 0; }
  .ord-agree-chk .box-radius { padding: 0 0 10px 0; border: 0; }
  .ord-agree-chk .box-radius .listType02 li { margin-bottom: 5px; line-height: 26px; }
  .ord-agree-chk .agreeChk { margin-top: 0; margin-left: 0; border-top: 1px solid #ddd; }
  .ord-agree-chk .agreeChk ul { position: relative; }
  .ord-agree-chk .agreeChk li { max-width: 100%; width: 100%; float: none; margin-top: 20px; margin-bottom: 23px; }
  .ord-agree-chk .agreeChk li .form__radio { position: static; }
  .ord-agree-chk .agreeChk li .form__radio .input { position: relative; }
  /* 이용안내 */
  .ord-info-box .box-radius { padding: 20px; border-radius: 10px; }
  /* 결제 수단 payment select */
  .pay-select ul { display: block; }
  .pay-select ul:after { content: ''; display: block; clear: both; }
  .pay-select ul li { width: 50%; float: left; margin-bottom: 10px; }
  .pay-select ul li + li { margin-left: 0; }
  /* 현금영수증 신청 reciept */
  .cash-reciept { position: relative; padding-bottom: 50px; }
  .cash-reciept li + li { margin-top: 0; }
  .cash-reciept .form__radio { width: 100%; }
  .cash-reciept .form__text { position: absolute; width: 100%; left: 0; top: 35px; }
  /* 결제예정금액 right floating */
  .order-right-float { width: 100%; padding: 0 20px; position: relative; top: 0; left: 0; right: 0; width: 100%; }
  .order-right-float.sticky-cen { width: 100%; padding: 0 20px; position: relative; top: 0 !important; left: 0; right: 0; width: 100%; }
  .order-right-float.sticky-bottom { width: 100%; padding: 0 20px; position: relative; top: 0; left: 0; right: 0; width: 100%; }
  .order-info-fl { padding: 28px 0 20px 0; border-top: 1px solid #000; background: #fff; }
  .order-info-fl .price-list li { line-height: 20px; margin-bottom: 10px; font-size: 16px; color: #000; font-weight: 400; }
  .order-info-fl .price-list .dc-price { padding: 0 0 0 10px; background: #fff; }
  .order-info-fl .price-list .dc-price li { line-height: 15px; margin-bottom: 10px; font-size: 14px; color: #000; }
  .order-info-fl .price-list .dc-price li:before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 8px 3px 4px; border: solid #666; border-width: 0 0 1px 1px; }
  .order-info-fl .price-list .dc-price li:last-of-type { margin-bottom: 0; }
  .order-info-fl .price-list .dc-price li span { font-size: 16px; font-weight: 400; }
  .order-info-fl .finExpPrice .btn-wrap { display: none; }
  .order-info-fl .finExpPrice { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 16px; }
  .order-info-fl .finExpPrice > p { width: 50%; }
  .order-info-fl .finExpPrice .finPrice { border-bottom: 0; padding: 0; margin: 0; }
  .order-info-fl .finExpPrice .odrder-membership { width: 100%; border-top: 1px solid #ddd; padding: 26px 0 0; margin: 16px 0 0; }
  /*맴버십 */
  [class^="order-input-area"] > dl > dd .input-quarter .ord-input-mid button { display: block; margin: 10px auto 0; } }
/* 소모품샵 이용 임직원 동의 팝업 */
.layer[data-layer-name="SSMU_0001_P1"] .tit { font-size: 24px; line-height: 1.3; }
.employee-agree .bullet__16 { margin-top: 26px; margin-bottom: 26px; }
.employee-agree .bullet__16 li + li { margin-top: 8px; }
.employee-agree .bullet__16.bttm-bull { margin-top: 10px; }
.employee-agree .box-radius { padding-left: 30px; padding-right: 30px; margin-bottom: 16px; }
.employee-agree .emp-form-chk { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid #ddd; }
.employee-agree .emp-form-chk li { width: calc(50% - 30px); }
.employee-agree .annotation { font-size: 18px; font-weight: 700; line-height: 22px; }
@media (max-width: 1023px) { .layer[data-layer-name="SSMU_0001_P1"] .tit { font-size: 20px; }
  .employee-agree .bullet__16 { margin-top: 16px; margin-bottom: 16px; }
  .employee-agree .box-radius { padding-left: 20px; padding-right: 20px; }
  .employee-agree .emp-form-chk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
  .employee-agree .emp-form-chk li { width: 100%; }
  .employee-agree .emp-form-chk li + li { margin-top: 15px; }
  .employee-agree { padding-bottom: 60px; }
  .employee-agree + .btn-area { position: absolute; bottom: 25px; left: 20px; width: calc(100% - 40px); } }
@media (min-width: 1024px) { .employee-agree { padding-bottom: 60px; }
  .employee-agree + .btn-area { position: absolute; bottom: 40px; left: 40px; width: calc(100% - 80px); } }
/**/
/* search-result-msg */
.search-result-msg { padding: 70px 0 100px 0; text-align: center; font-size: 34px; font-weight: 400; line-height: 1.25; }
@media (max-width: 1023px) { .search-result-msg { padding: 35px 0 40px 0; font-size: 24px; line-height: 1.35; } }
/* search-reset */
.search-reset { position: relative; border-top: 1px solid #000; }
.search-reset .btn__handle { position: absolute; top: 0; left: 0; right: 0; height: 22px; text-align: center; z-index: 1; }
.search-reset .btn__handle button { position: relative; width: 90px; height: 22px; line-height: 22px; vertical-align: top; background-color: #000; }
.search-reset .btn__handle button:after { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -8px 0 0 -4px; border: solid #fff; border-width: 0 0 1px 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.search-reset.is-open .btn__handle button:after { margin: -3px 0 0 -4px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
@media (max-width: 1023px) { .search-reset-wrap { padding-left: 0; padding-right: 0; }
  .search-reset .btn__handle { position: relative; top: auto; left: auto; right: auto; height: auto; }
  .search-reset .btn__handle button { width: 100%; height: 50px; padding: 0 20px; text-align: left; font-size: 16px; background-color: #f7f7f7; border-bottom: 1px solid #e4e4e4; }
  .search-reset .btn__handle button:after { left: auto; right: 20px; margin: -8px 0 0 -2px; border-color: #000; }
  .search-reset.is-open .btn__handle button { color: #000; border-bottom: none; }
  .search-reset.is-open .btn__handle button:after { margin: -3px 0 0 -2px; }
  .search-select, .search-method { padding-left: 20px; padding-right: 20px; } }
/* search-select */
.search-select { position: relative; padding-top: 20px; width: 100%; }
.search-select .form__control-group { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
.search-select .form__control-group .control-box { display: -ms-flexbox; display: -webkit-box; display: flex; }
.search-select .form__control-group .control-box > * { -ms-flex: 1 1 33.33333333%; -webkit-box-flex: 1; flex: 1 1 33.33333333%; padding: 0 5px; }
.search-select .form__control-group .control-box .form__select .btn__toggle-select { height: 50px; line-height: 50px; }
.search-select .form__control-group .control-box .form__select .btn__toggle-select span { line-height: 48px; }
.search-select .form__control-group .control-box .form__select .btn__toggle-select:after { top: 17px; right: 19px; }
.search-select .form__control-group .control-box .form__select .select { top: 50px; left: 5px; right: 5px; width: auto; }
.search-select .form__control-group .control-box .form__select .select a { text-align: left; }
.search-select .form__control-group .control-before { padding-right: 15px; }
.search-select .form__control-group .control-after { padding-left: 5px; }
.search-select .search-tag { position: relative; }
.search-select .search-tag a { font-size: 16px; color: #444; margin: 0 10px; display: inline-block; }
@media (max-width: 1023px) { .search-select { padding: 10px 20px 90px; }
  .search-select .form__control-group { position: static; }
  .search-select .form__control-group .control-box { display: block; }
  .search-select .form__control-group .control-box > * { -ms-flex: 1 1 100%; -webkit-box-flex: 1; flex: 1 1 100%; padding: 0; margin-top: 10px; }
  .search-select .form__control-group .control-box > *:first-child { margin-top: 0; }
  .search-select .form__control-group .control-box .form__select:nth-child(2) { margin-top: 30px; }
  .search-select .form__control-group .control-box .form__select .btn__toggle-select:after { right: 14px; }
  .search-select .form__control-group .control-box .form__select .select { top: auto; left: 0; right: 0; width: 100%; }
  .search-select .form__control-group .control-box .form__select.product-select .btn__toggle-select { display: none; }
  .search-select .form__control-group .control-box .form__select.product-select .select { overflow: visible; position: relative; top: auto; right: auto; bottom: auto; left: auto; display: block; padding: 0; border-radius: 0; border: none; background-color: transparent; z-index: 0; }
  .search-select .form__control-group .control-box .form__select.product-select .select > .tit { display: none; }
  .search-select .form__control-group .control-box .form__select.product-select .select ul { margin: -10px 0 0 -10px; max-height: none; }
  .search-select .form__control-group .control-box .form__select.product-select .select ul:after { content: ''; display: block; clear: both; }
  .search-select .form__control-group .control-box .form__select.product-select .select li { float: left; width: 50%; padding: 10px 0 0 10px; border: none; }
  .search-select .form__control-group .control-box .form__select.product-select .select li a { color: #000; border: 1px solid #ddd; padding: 15px 5% 11px 5%; }
  .search-select .form__control-group .control-box .form__select.product-select .select li a:hover { background-color: #fff; }
  .search-select .form__control-group .control-box .form__select.product-select .select li.is-active a { color: #000; border: 1px solid #000; }
  .search-select .form__control-group .control-box .form__select.product-select .select .btn__close-select { display: none; }
  .search-select .form__control-group .control-before { width: 100%; padding-right: 0; }
  .search-select .form__control-group .control-before .control-text { margin-bottom: 6px; }
  .search-select .form__control-group .control-after { position: absolute; left: 20px; right: 20px; bottom: 20px; width: auto; margin-top: 0; padding-left: 0; display: block; }
  .search-select .form__control-group .control-after .btn-search { width: 100%; }
  .search-select .form__control-group .control-after .btn-search [class^="icon-"] { display: none; }
  .search-select .form__control-group .control-after .btn-search > span { overflow: visible; position: static; width: auto; height: auto; padding: 0; margin: 0; clip: auto; border: 0; }
  .search-select .form__control-group .cate-select { padding: 15px 0 4px; }
  .search-select { display: none; } }
/* search-method */
.search-method { text-align: center; }
@media (max-width: 1023px) { .search-method p { text-align: left; text-indent: -35px; padding-left: 35px; word-break: break-all; margin-left: 10px; } }
/* search-model-list */
.search-model-list { width: 100%; max-height: 186px; padding: 22px 0 22px 22px; border-radius: 20px; border: 1px solid #ddd; background-color: #f7f7f7; line-height: 0; }
.search-model-list .btn__32 { margin-left: 7.5px; margin-right: 7.5px; margin-top: 7.5px; margin-bottom: 7.5px; border-color: #ddd; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.search-model-list .btn__32:hover { background-color: #0072de; border-color: #0072de; color: #fff; }
.search-model-list .btn__32:last-child { margin-right: 0; }
.search-model-list .btn__32.is-active { background-color: #0072de; border: 1px solid #0072de; color: #fff; }
@media (max-width: 1023px) { .search-model-list { max-height: 256px; border: 0; padding: 20px 0 20px 20px; }
  .search-model-list .btn__32 { margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; } }
/* mixin */
/* 자주 묻는 질문 - 검색 */
.shop-faq-search { margin-top: 30px; margin-bottom: 60px; padding: 30px 30px; text-align: center; border-top: 1px solid #000; background-color: #f8f8f8; }
.shop-faq-search .form__control-group { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
.shop-faq-search .form__control-group .control-box { display: block; }
.shop-faq-search .form__control-group .control-box:after { content: ''; display: block; clear: both; }
.shop-faq-search .form__control-group .control-box > * { float: left; width: calc(50% - 10px); margin: 0 5px; }
.shop-faq-search .form__control-group .control-box .form__select .btn__toggle-select { height: 50px; line-height: 50px; }
.shop-faq-search .form__control-group .control-box .form__select .btn__toggle-select span { line-height: 48px; }
.shop-faq-search .form__control-group .control-box .form__select .btn__toggle-select:after { top: 17px; right: 19px; }
.shop-faq-search .form__control-group .control-box .form__select .select { top: 50px; left: 5px; right: 5px; width: auto; }
.shop-faq-search .form__control-group .control-box .form__select .select a { text-align: left; }
.shop-faq-search .form__control-group .control-box .form__text input[type="text"], .shop-faq-search .form__control-group .control-box .form__text input[type="password"] { height: 44px; line-height: 44px; }
.shop-faq-search .form__control-group .control-box .form__text .btn__delete-input { top: 16px; }
.shop-faq-search .form__control-group .control-box .form__text.in-box .input { background-color: #fff; }
.shop-faq-search .form__control-group .control-before { padding-right: 15px; }
.shop-faq-search .form__control-group .control-after { padding-left: 5px; }
@media (max-width: 1023px) { .shop-faq-search { margin-bottom: 40px; padding: 20px; border: 1px solid #ddd; border-radius: 10px; }
  .shop-faq-search .form__control-group .control-box > * { float: none; width: 100%; padding: 0; margin: 10px 0 0 0; }
  .shop-faq-search .form__control-group .control-box > *:first-child { margin-top: 0; }
  .shop-faq-search .form__control-group .control-box .form__select .btn__toggle-select:after { right: 14px; }
  .shop-faq-search .form__control-group .control-box .form__select .select { top: auto; left: 0; right: 0; width: 100%; }
  .shop-faq-search .form__control-group .control-before { display: none; }
  .shop-faq-search .form__control-group .control-after { margin-top: 20px; padding-left: 0; display: block; width: 100%; }
  .shop-faq-search .form__control-group .control-after .btn-search { width: 100%; }
  .shop-faq-search .form__control-group .control-after .btn-search [class^="icon-"] { display: none; }
  .shop-faq-search .form__control-group .control-after .btn-search > span { overflow: visible; position: static; width: auto; height: auto; padding: 0; margin: 0; clip: auto; border: 0; } }
/* 자주 묻는 질문 - 목록 */
.list__shop-faq { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.list__shop-faq h3 { font-weight: 400; border-top: 1px solid #ddd; }
.list__shop-faq h3:first-child { border-top: none; }
.list__shop-faq .shop-faq-que { position: relative; display: block; width: 100%; padding: 23px 66px 22px; text-align: left; font-size: 16px; font-weight: 400; background-color: #fff; }
.list__shop-faq .shop-faq-que .icon-qna-q { position: absolute; top: 24px; left: 29px; }
.list__shop-faq .shop-faq-que button { border-style: none; }
.list__shop-faq .shop-faq-que .icon-open { position: absolute; top: 0; right: 0; }
.list__shop-faq .shop-faq-que .icon-open:after { content: ''; position: absolute; right: 32px; top: 27px; width: 10px; height: 10px; border-left: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.list__shop-faq .shop-faq-que[aria-expanded="true"] { background-color: #fbfbfb; }
.list__shop-faq .shop-faq-que[aria-expanded="true"] .icon-open:after { top: 32px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.list__shop-faq .shop-faq-ans { position: relative; padding: 25px 66px 23px; font-size: 16px; line-height: 1.4; background-color: #fbfbfb; }
.list__shop-faq .shop-faq-ans:before { content: ""; position: absolute; top: 0; left: 40px; right: 40px; height: 1px; background-color: #ddd; }
.list__shop-faq .shop-faq-ans .icon-qna-a { position: absolute; top: 25px; left: 29px; }
.list__shop-faq .shop-faq-ans[hidden] { display: none; }
@media (max-width: 1023px) { .list__shop-faq .shop-faq-que { padding: 15px 36px 14px; }
  .list__shop-faq .shop-faq-que .icon-qna-q { top: 16px; left: 10px; }
  .list__shop-faq .shop-faq-que .icon-open:after { right: 12px; top: 19px; }
  .list__shop-faq .shop-faq-que[aria-expanded="true"] .icon-open:after { top: 23px; }
  .list__shop-faq .shop-faq-ans { padding: 17px 36px 15px; }
  .list__shop-faq .shop-faq-ans:before { left: 10px; right: 10px; }
  .list__shop-faq .shop-faq-ans .icon-qna-a { top: 17px; left: 10px; } }
.shop-event { padding-top: 0; }
/* shop-event-banner */
.shop-event-banner-wrap { overflow: hidden; position: relative; width: 100%; max-width: 1920px; margin: 0 auto; }
.shop-event-banner { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; background: #444; }
.shop-event-banner p.event-img-pc { margin-left: -16.6667%; margin-right: -16.6667%; }
.shop-event-banner p.event-img-mo { display: none; }
@media (max-width: 1023px) { .shop-event-banner p.event-img-pc { display: none; }
  .shop-event-banner p.event-img-mo { display: block; width: 100%; text-align: center; }
  .shop-event-banner p img { width: 100%; } }
/* shop-event-tit */
.shop-event-tit { padding: 73px 0 28px; margin-bottom: 60px; border-bottom: 2px solid #000; }
.shop-event-tit .tit-tag { margin-bottom: 5px; color: #494949; font-size: 18px; font-weight: 700; }
@media (max-width: 1023px) { .shop-event-tit { padding-bottom: 23px; margin-bottom: 40px; } }
/* shop-event-btn */
.shop-event-btn { padding-top: 80px; }
.btn__navy { color: #fff; border-color: #1428a0; background-color: #1428a0; }
@media (max-width: 1023px) { .shop-event-btn { padding-top: 60px; } }
/* mypage menu */
.mypage-top.sec-box .tit__02 { margin-top: 43px; }
.mypage-menu { position: relative; overflow: hidden; margin-top: -50px; margin-bottom: 50px; height: 61px; vertical-align: top; background-color: #fff; }
.mypage-menu:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #e4e4e4; }
.mypage-menu li a { position: relative; display: inline-block; width: 100%; height: 60px; margin: 0; padding: 0 15px; line-height: 60px; text-align: center; color: #000; font-size: 16px; white-space: nowrap; }
.mypage-menu li.is-active a { font-weight: 700; }
.mypage-menu li.is-active a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #000; }
.mypage-menu li.is-disabled a { opacity: 0.3; cursor: default; }
.mypage-menu + .sec-tit [class^="tit__"] { margin-top: 43px; }
.mypage-menu + .sec-tit [class^="tit__"].is-fixed { margin-top: 0; }
.mypage-menu .swiper-slide { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
@media (max-width: 1023px) { .mypage-top .mypage-menu-wrap { padding-left: 0; padding-right: 0; }
  .sec-box [class^="tit__"].mobile-mt0 { margin-top: 0; }
  .mypage-menu { height: 51px; margin-top: 25px; margin-bottom: 30px; border-top: 1px solid #e4e4e4; }
  .mypage-menu ul { margin-top: 0; }
  .mypage-menu li a { height: 50px; padding: 0 10px; line-height: 50px; } }
@media (min-width: 1024px) { .mypage-menu-wrap.is-floating { position: fixed; top: 131px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 200; width: 100%; }
  .mypage-menu-wrap.is-floating .mypage-menu { margin-bottom: 0; }
  .mypage-menu-wrap.is-floating-bar { position: fixed; top: 191px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 200; width: 100%; }
  .mypage-menu-wrap.is-floating-bar .mypage-menu { margin-bottom: 0; }
  .mypage-menu li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }
/* mixin */
/* 감추기 screen reader */
.sr-mobile { overflow: visible; position: static; width: auto; height: auto; padding: 0; margin: 0; clip: auto; border: 0; }
.sr-web { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
@media (max-width: 1023px) { .sr-mobile { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
  .sr-web { overflow: visible; position: static; width: auto; height: auto; padding: 0; margin: 0; clip: auto; border: 0; }
  .mypage-tit .tit__page.is-fixed { font-size: 20px; } }
/* 감추기 display */
.hide-mobile { display: inline-block; }
.hide-web { display: none; }
@media (max-width: 1023px) { .hide-mobile { display: none; }
  .hide-web { display: inline-block; } }
/* margin */
.mt5 { margin-top: 5px; }
.mb20 { margin-bottom: 20px; }
/* padding */
.p20 { padding: 20px; }
.pl5 { padding-left: 5px; }
.pl15 { padding-left: 15px; }
/* bullet type */
.reference__16 { position: relative; padding-left: 12px; font-size: 16px; }
.reference__16:before { content: '※'; position: absolute; top: 0; left: 0; width: auto; height: auto; border-radius: 0; background-color: transparent; }
.hyphen__16 li { position: relative; padding-left: 12px; font-size: 16px; }
.hyphen__16 li:before { content: '-'; position: absolute; top: 0; left: 0; width: auto; height: auto; border-radius: 0; background-color: transparent; }
/* list__method */
.list__method { display: block; max-width: 100%; margin: 0 auto; }
.list__method li { position: relative; max-width: 1125px; width: 100%; margin: 0 auto 10px; padding: 13px 20px; padding-left: 54px; border: 1px solid #bcbcbc; text-align: left; border-radius: 10px; }
.list__method li span { position: absolute; top: 13px; left: 20px; display: block; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; text-align: center; background-color: #000; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: -1px; }
@media (max-width: 1023px) { .list__method li { padding: 13px 15px; padding-left: 49px; }
  .list__method li span { left: 15px; } }
/* box */
.box__round-bg { padding: 20px; border-radius: 20px; background-color: #f7f7f7; }
.box__round-border { padding: 20px; border-radius: 20px; border: 1px solid #ddd; background-color: #fff; }
/* 모바일 구분선 */
.hr-block { display: none; }
.hr-line-20 { margin: 0; padding: 0; border: none; padding-bottom: 20px; }
@media (max-width: 1023px) { .hr-line-block { height: 7px; margin: -1px 0 0; border-top: 1px solid #ccc; background-color: #e7e7e7; }
  .hr-line-block.mt25 { margin-top: 25px; }
  .hr-block { position: relative; display: block; width: auto; height: 7px; margin: -1px 0 0; border: none; border-top: 1px solid #ccc; background-color: #e7e7e7; }
  .hr-block.mt30 { margin-top: 30px; }
  .hr-line-20 { margin-top: 10px; padding-bottom: 10px; border-top: 1px solid #ddd; }
  .sec-box .hr-block { margin-left: -20px; margin-right: -20px; } }
/* Button :검색버튼 */
.btn-search { min-width: 0; padding: 0; }
.btn-search.btn__40 { width: 40px; }
.btn-search.btn__50 { width: 50px; }
.btn-search > span { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
/* collapse */
.view-row.border-none { border: none; }
.collapse-box .collapse-cont .form__textarea { margin-top: 13px; }
@media (max-width: 1023px) { .view-row.border-none .view-box + .view-box { border: none; }
  .collapse-box .collapse-tit { position: relative; margin: 23px 0; }
  .collapse-box .collapse-btn { position: absolute; top: 50%; left: 0; width: 100%; height: 52px; margin-top: -26px; text-align: right; }
  .collapse-box .collapse-btn .collapse-open { display: inline-block; }
  .collapse-box .collapse-btn .collapse-close { display: none; }
  .collapse-box .collapse-cont { display: none; padding-bottom: 25px; }
  .collapse-box.isOpen .collapse-btn .collapse-open { display: none; }
  .collapse-box.isOpen .collapse-btn .collapse-close { display: inline-block; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .collapse-box.isOpen .collapse-cont { display: block; } }
/* 타이틀 + 버튼 */
.btn-area.tit-btn-top { margin-top: -36px; margin-bottom: 25px; text-align: right; }
.btn-area.tit-btn-btm { position: absolute; top: -55px; right: 0; }
.tit-btn-disabled { border: 0; cursor: default; }
@media (max-width: 1023px) { .btn-area.tit-btn-top { margin-top: -55px; margin-bottom: -5px; }
  .btn-area.tit-btn-btm { position: relative; top: auto; right: auto; margin-top: 25px; } }
/* Control Group */
.form__control-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.form__control-group > .control-box { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; }
.form__control-group .control-before, .form__control-group .control-after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.form__control-group .control-before { padding-right: 20px; }
.form__control-group .control-after { padding-left: 20px; }
.form__control-group .control-text.txt__40 { height: 40px; line-height: 40px; }
.form__control-group .control-text.txt__50 { height: 50px; line-height: 50px; }
/* 화면높이 자동조정 */
@media (min-width: 1024px) { .layer[data-layer-name="SSMU_0010_1_P1"] .layer-cont { height: 375px; }
  .layer[data-layer-name="popChangeProductChoice"] .layer-cont { height: 405px; }
  .layer[data-layer-name="popPointsDetailGuide"] .layer-cont { height: 579px; }
  .layer[data-layer-name="popReceivingPoints"] .layer-cont { height: 656px; }
  .layer[data-layer-name="SSMU_018_P1"] .layer-cont { height: 595px; }
  .layer[data-layer-name="SSMU_019_P1"] .layer-cont { height: 250px; } }
/* 쿠폰사용 안내 */
.layer[data-layer-name="SSMU_018_P1"] .tit { border-bottom: 1px solid #000; }
.layer[data-layer-name="SSMU_018_P1"] .pop-tbl-info { margin-top: 0; }
.layer[data-layer-name="SSMU_018_P1"] .pop-tbl-info tr:first-child > * { border-top: none; }
/* 팝업 거래명세표 */
.layer[data-layer-name="SSMU_0010_1_P2"] .tit, .layer[data-layer-name="SSMU_0010_1_P3"] .tit, .layer[data-layer-name="SSMU_0010_1_P4"] .tit, .layer[data-layer-name="SSMU_0010_1_P5"] .tit { font-size: 24px; }
.layer[data-layer-name="SSMU_0010_1_P3"] table, .layer[data-layer-name="SSMU_0010_1_P4"] table, .layer[data-layer-name="SSMU_0010_1_P5"] table { margin-bottom: 20px; }
.pop-receipt { padding-bottom: 60px; }
.pop-receipt p { font-size: 14px; }
.pop-receipt-logo { float: right; margin-top: 14px; }
.pop-receipt table td { position: relative; }
.pop-receipt .stamp { position: absolute; top: 3px; left: 55px; }
.print-box { width: 720px; overflow: auto; }
.pop-receipt-tit { font-size: 14px; line-height: 1; font-weight: 700; margin-top: 30px; margin-bottom: 14px; }
.pop-receipt-tit span { float: right; }
.pop-receipt-num { font-size: 14px; line-height: 1; margin-top: 40px; margin-bottom: 13px; color: #0072de; }
.tbl-receipt-col tbody { border-top: 1px solid #000; }
.tbl-receipt-col tbody th { height: 50px; font-size: 14px; vertical-align: middle; background-color: #f6f6f6; border-top: 1px solid #ddd; }
.tbl-receipt-col tbody td { height: 50px; font-size: 14px; text-align: left; }
.tbl-receipt-col tbody tr:first-child td { border-top: 0; }
.tbl-receipt-col tbody tr:first-child th { border-top: 0; }
.tbl-receipt-col tbody .border-r { border-right: 1px solid #ddd; }
.tbl-recpt-list tbody td:nth-child(4) { text-align: right; }
.tbl-receipt thead th { height: 50px; font-size: 14px; border-left: 1px solid #ddd; }
.tbl-receipt tbody td { height: 50px; font-size: 14px; text-align: center; border-left: 1px solid #ddd; }
.tbl-receipt thead th:first-child, .tbl-receipt tbody td:first-child { border-left: 0; }
.tbl-receipt thead th:nth-child(1) { width: 45px; }
.tbl-receipt thead th:nth-child(2) { width: auto; }
.tbl-receipt thead th:nth-child(3) { width: 160px; }
.tbl-receipt thead th:nth-child(4) { width: 100px; }
.tbl-receipt thead th:nth-child(5) { width: 50px; }
.tbl-receipt thead th:nth-child(6) { width: 100px; }
.tbl-receipt tbody td:nth-child(2) { text-align: left; }
.tbl-receipt tbody td:nth-child(4), .tbl-receipt tbody td:nth-child(6) { text-align: right; }
.tbl-receipt-fin { width: 250px; float: right; margin: 20px 0; }
.tbl-receipt-fin tbody tr:first-child td { border-top: 1px solid #000; }
.tbl-receipt-fin tbody td { height: 50px; font-size: 14px; }
.tbl-receipt-fin tbody th { height: 50px; font-size: 14px; vertical-align: middle; border-top: 1px solid #ddd; background-color: #f6f6f6; }
.tbl-receipt-fin tbody td { border-left: 1px solid #ddd; text-align: right; }
.tbl-receipt-fin thead th:first-child, .tbl-receipt-fin tbody td:first-child { border-left: 0; text-align: center; }
@media (min-width: 1024px) { .pop-receipt { height: 508px; }
  .pop-receipt + .btn-area { position: absolute; bottom: 40px; left: 40px; width: calc(100% - 80px); background-color: #fff; } }
/* 팝업 적립금 상세안내 */
.layer[data-layer-name="popPointsDetailGuide"] > .tit { border-bottom: 1px solid #000; }
.tbl-detail-guide { table-layout: auto; }
.tbl-detail-guide tbody tr > * { padding: 15px 30px; text-align: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.tbl-detail-guide tbody tr > *:first-child { border-left: none; }
.tbl-detail-guide tbody tr:first-child > * { border-top: none; }
.tbl-detail-guide tbody th { font-weight: 700; background-color: #f6f6f6; white-space: nowrap; }
@media (max-width: 1023px) { .tbl-detail-guide tbody tr > * { padding: 15px; }
  .tbl-detail-guide tbody tr th { white-space: normal; } }
/* 팝업 교환상품 선택 테이블 */
.layer[data-layer-name="popChangeProductChoice"] > .tit { border-bottom: 1px solid #000; }
.layer[data-layer-name="popChangeProductChoice"] .tbl-change-product th { border-top: none; }
@media (max-width: 1023px) { .layer[data-layer-name="popChangeProductChoice"] .btn-area, .layer[data-layer-name="SSMU_0015_P2"] .btn-area { position: absolute; bottom: 25px; left: 20px; width: calc(100% - 40px); } }
@media (min-width: 1024px) { .layer[data-layer-name="popChangeProductChoice"] .layer-cont, .layer[data-layer-name="SSMU_0015_P2"] .layer-cont { padding-bottom: 52px; }
  .layer[data-layer-name="popChangeProductChoice"] .btn-area, .layer[data-layer-name="SSMU_0015_P2"] .btn-area { position: absolute; bottom: 40px; left: 40px; width: calc(100% - 80px); } }
.tbl-change-product small { font-size: 14px; }
.tbl-change-product .form__checkbox.in-shop { margin-right: 10px; }
/* 팝업 누적 적립금 받기 */
.layer[data-layer-name="popReceivingPoints"] { width: 100%; max-width: 1024px; }
.receiving-points-choice { position: relative; padding: 30px; }
.receiving-points-choice small { font-size: 14px; }
.receiving-points-choice .list-point:after { content: ''; display: block; clear: both; }
.receiving-points-choice .list-point > * { float: left; min-width: 130px; margin-top: 15px; padding-right: 5.6%; }
.receiving-points-choice .btn { position: absolute; top: 50%; right: 30px; margin-top: -20px; }
@media (max-width: 1023px) { .receiving-points-choice { padding: 20px; }
  .receiving-points-choice .list-point:after { content: ''; display: block; clear: both; }
  .receiving-points-choice .list-point > * { width: 50%; min-width: 0; }
  .receiving-points-choice .btn { position: relative; top: auto; right: auto; margin-top: 20px; text-align: center; } }
/* 팝업 적립금 혜택 테이블 */
/* 테이블 변형 - web:가로, mobile:세로 */
.tbl__trans { width: 100%; border-top: 1px solid #000; display: -ms-flexbox; display: -webkit-box; display: flex; }
.tbl__trans .tbl__trans-header > li > div, .tbl__trans .tbl__trans-content > li > div { height: 60px; padding: 18px 15px 17px; border-bottom: 1px solid #ddd; }
.tbl__trans .tbl__trans-header { -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; }
.tbl__trans .tbl__trans-header > li > div { text-align: left; font-weight: 700; background-color: #f6f6f6; }
.tbl__trans .tbl__trans-content { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; display: -ms-flexbox; display: -webkit-box; display: flex; }
.tbl__trans .tbl__trans-content > li { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }
.tbl__trans .tbl__trans-content > li > div { text-align: center; border-left: 1px solid #ddd; }
@media (max-width: 1023px) { .tbl__trans { display: block; }
  .tbl__trans .tbl__trans-header, .tbl__trans .tbl__trans-content { display: block; }
  .tbl__trans .tbl__trans-header > li, .tbl__trans .tbl__trans-content > li { display: -ms-flexbox; display: -webkit-box; display: flex; }
  .tbl__trans .tbl__trans-header > li > div, .tbl__trans .tbl__trans-content > li > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: center; border-left: 1px solid #ddd; }
  .tbl__trans .tbl__trans-header > li > div:first-child, .tbl__trans .tbl__trans-content > li > div:first-child { border-left: none; } }
/* 팝업 교환상품 선택 form__checkbox */
.tbl__normal .form__checkbox-alone.in-shop { margin-top: 8px; }
/* 외부 메일 등록 */
.layer[data-layer-name="mail_registration"] .tit { font-size: 24px; }
.layer[data-layer-name="mail_registration"] .mail-reg-info { margin-top: 24px; }
.layer[data-layer-name="mail_registration"] .mail-reg-info .bold { font-weight: 400; }
.layer[data-layer-name="mail_registration"] .btn-area { margin-top: 20px; }
.layer[data-layer-name="mail_registration"] dl .btn__40 { margin-left: 20px; min-width: 129px; }
.layer[data-layer-name="mail_registration"] dl .error-msg, .layer[data-layer-name="mail_registration"] dl .info-msg { display: inline-block; width: 100%; margin-top: 3px; }
.layer[data-layer-name="mail_registration"] dl .error-msg:before, .layer[data-layer-name="mail_registration"] dl .info-msg:before { display: block; content: ''; clear: both; }
.layer[data-layer-name="mail_registration"] .pop-input-area { padding-bottom: 0; border-bottom: 0; }
@media (max-width: 1023px) { .layer[data-layer-name="mail_registration"] .tit { font-size: 20px; }
  .layer[data-layer-name="mail_registration"] dl .form__text { width: 100%; }
  .layer[data-layer-name="mail_registration"] .pop-input-area dd { text-align: center; }
  .layer[data-layer-name="mail_registration"] dl .btn__40 { margin-left: 0; margin-top: 20px; text-align: center; }
  .layer[data-layer-name="mail_registration"] dl .error-msg, .layer[data-layer-name="mail_registration"] dl .info-msg { text-align: left; } }
@media (min-width: 1024px) { .layer[data-layer-name="mail_registration"] .form__text { max-width: 300px; }
  .layer[data-layer-name="mail_registration"] .pop-input-area dt { width: 200px; }
  .layer[data-layer-name="mail_registration"] .pop-input-area dd { width: calc(100% - 200px); }
  .layer[data-layer-name="mail_registration"] dl .form__text { float: left; } }
/* mixin */
/* 기간검색 */
.period-search:after { content: ''; display: block; clear: both; }
.period-search .period-choice { float: left; max-width: 430px; }
.period-search .period-choice .btn-wrap button { position: relative; min-width: 0; border-color: #a9a9a9; z-index: 1; }
.period-search .period-choice .btn-wrap button span { font-weight: 400; color: #767676; }
.period-search .period-choice .btn-wrap button.isActive, .period-search .period-choice .btn-wrap button:hover, .period-search .period-choice .btn-wrap button:focus { border-color: #000; z-index: 2; }
.period-search .period-choice .btn-wrap button.isActive span, .period-search .period-choice .btn-wrap button:focus span, .period-search .period-choice .btn-wrap button:hover span { font-weight: 700; color: #000; }
.period-search .period-choice .btn-wrap button + button { margin-left: -1px; }
.period-search .period-input { float: right; max-width: 480px; }
.period-search .period-input .control-box { display: -webkit-box; display: -ms-flexbox; display: flex; }
.period-search .period-input .control-box > * { display: inline-block; width: 4%; }
.period-search .period-input .control-box .form__text { width: 48%; }
.period-search .period-input .control-box .form__text input[type="number"] { height: 38px; line-height: 38px; padding-right: 60px; }
.period-search .period-input .control-box .form__text .btn__delete-input { right: 40px; }
.period-search .period-input .control-box .form__text .btn__calender { display: inline-block; position: absolute; right: 10px; top: 10px; font-size: 0; }
.period-search .period-input .control-box .control-text { text-align: center; }
.period-search .period-input .control-after { padding-left: 10px; }
.period-search .period-input .control-after .btn-search { border-radius: 0; min-width: 0; padding: 0; }
.period-search .period-input .control-after .btn-search > span { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
@media (max-width: 1023px) { .period-search .period-choice { float: none; max-width: 100%; }
  .period-search .period-choice .control-before { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
  .period-search .period-input { float: none; max-width: 100%; margin-top: 10px; }
  .period-search .period-input .control-box { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
  .period-search .period-input .control-after { margin-top: 10px; padding-left: 0; display: block; width: 100%; }
  .period-search .period-input .control-after .btn-search { width: 100%; }
  .period-search .period-input .control-after .btn-search [class^="icon-"] { display: none; }
  .period-search .period-input .control-after .btn-search > span { overflow: visible; position: static; width: auto; height: auto; padding: 0; margin: 0; clip: auto; border: 0; } }
/* 기간검색 :필터링 기능 추가시 */
.period-search-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.period-search-filter .period-search { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; }
.period-search-filter .period-search .form__control-group { width: 49%; }
.period-search-filter .status-filter { width: 140px; padding-left: 20px; }
@media (max-width: 1023px) { .period-search-filter { display: block; }
  .period-search-filter .period-search { width: 100%; }
  .period-search-filter .period-search .form__control-group { width: 100%; }
  .period-search-filter .status-filter { width: 100%; margin-top: 10px; padding-left: 0; } }
/* 주문 목록 테이블 */
.tbl__rwd-shop { width: 100%; margin-top: 20px; border-top: 1px solid #000; }
.tbl__rwd-shop th, .tbl__rwd-shop td { text-align: center; vertical-align: middle; border-bottom: 1px solid #ddd; word-break: keep-all; }
.tbl__rwd-shop th { padding: 20px 30px 19px; font-weight: 700; white-space: nowrap; background-color: #f7f7f7; }
.tbl__rwd-shop td { padding: 25px 30px 24px; }
.tbl__rwd-shop .text-left { text-align: left; }
.tbl__rwd-shop [class^='td-'] { padding-top: 15px; padding-bottom: 15px; }
.tbl__rwd-shop [class^='td-'] > p { margin-top: 4px; }
.tbl__rwd-shop [class^='td-'] > p:first-child { margin-top: 0; }
.tbl__rwd-shop a { text-decoration: underline; }
.tbl__rwd-shop small { font-size: 14px; }
.tbl__rwd-shop .no-data { display: table-cell; padding: 90px 0; }
.tbl__rwd-shop .td-product > .product-name { width: 100%; padding-top: 10px; padding-bottom: 10px; }
.tbl__rwd-shop .td-btn { text-align: center; }
.tbl__rwd-shop .td-btn .btn-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 90px; }
.tbl__rwd-shop .delivery-info { display: block; margin-top: 10px; font-size: 14px; }
.tbl__rwd-shop .delivery-info .delivery-num { display: block; font-weight: 700; }
.tbl__rwd-shop .delivery-info .icon-delivery { display: none; }
@media (max-width: 1023px) { .tbl__rwd-shop.order-product colgroup { display: none; }
  .tbl__rwd-shop.order-product thead { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; margin: -1px; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); }
  .tbl__rwd-shop.order-product tr { position: relative; display: block; padding: 10px 0; }
  .tbl__rwd-shop.order-product tr > * { display: block; padding: 0; border-bottom: none; }
  .tbl__rwd-shop.order-product [class^='td-'] > p { margin-top: 0; }
  .tbl__rwd-shop.order-product .no-data { display: inline-block; padding: 60px 0; }
  .tbl__rwd-shop.order-product .td-date { padding: 2px 0 12px; text-align: left; }
  .tbl__rwd-shop.order-product .td-product { padding: 15px 0; border: solid #ddd; border-width: 1px 0; text-align: left; }
  .tbl__rwd-shop.order-product .td-price { position: relative; padding: 15px 0; text-align: right; }
  .tbl__rwd-shop.order-product .td-price:before { content: attr(data-th) ""; position: absolute; top: 15px; left: 0; display: block; width: 100px; text-align: left; }
  .tbl__rwd-shop.order-product .td-state { position: absolute; top: 24px; right: 0; display: inline-block; text-align: right; }
  .tbl__rwd-shop.order-product .td-state.state-deli { top: 13px; }
  .tbl__rwd-shop.order-product .td-btn { padding: 0; }
  .tbl__rwd-shop.order-product .td-btn .btn-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; padding: 5px 0 15px; }
  .tbl__rwd-shop.order-product .td-btn .btn-wrap .full { width: 90px; }
  .tbl__rwd-shop.order-product .td-btn .btn-wrap .full + .full { margin-top: 0; margin-left: 10px; }
  .tbl__rwd-shop.order-product.tr-hr-block { border-top: none; }
  .tbl__rwd-shop.order-product.tr-hr-block tr { margin-top: 8px; }
  .tbl__rwd-shop.order-product.tr-hr-block tr:before { content: ""; position: absolute; top: -8px; left: -20px; right: -20px; padding-bottom: 7px; border-top: 1px solid #ccc; background-color: #e7e7e7; }
  .tbl__rwd-shop .delivery-info { margin-top: -2px; }
  .tbl__rwd-shop .delivery-info .delivery-name { display: none; }
  .tbl__rwd-shop .delivery-info .icon-delivery { display: inline-block; position: relative; top: 5px; margin-right: 7px; } }
/* 주문 목록 테이블 내 제품 목록 */
.list__product { position: relative; min-height: 80px; margin-top: 15px; padding-left: 105px; text-align: left; }
.list__product > a { display: block; text-decoration: none; }
.list__product:first-child { margin-top: 0; }
.list__product .product-thum { position: absolute; top: calc(50% - 40px); left: 0; padding: 0; }
.list__product .product-thum img { display: block; width: 80px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; }
.list__product .product-num, .list__product .product-qty { padding-top: 5px; }
.list__product .product-num { color: #767676; }
.list__product .product-name { font-weight: 400; }
.list__product .product-name > * { font-weight: 400; }
@media (max-width: 1023px) { .list__product { padding-left: 95px; } }
/* 주문배송 상세 */
.view__rwd-shop { position: relative; border-top: 1px solid #000; }
.view__rwd-shop small { font-size: 14px; }
.view__rwd-shop + .annotation { margin-top: 16px; position: relative; padding-left: 12px; font-size: 16px; }
.view__rwd-shop + .annotation:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.view-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #ddd; }
.view-row > .view-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; }
.view-row > .view-box > * { padding: 23px 25px; }
.view-row > .view-box .view-tit { width: 210px; font-weight: 700; }
.view-row > .view-box .view-cont { width: calc(100% - 210px); }
.view-row > .view-box .view-cont.in-form { padding-top: 14px; padding-bottom: 15px; }
.view-row > .view-box .view-cont .wid-half { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: calc((100% - 260px) / 2); }
.view-row > .view-box .view-cont .wid-half + .form__control { display: inline-block; vertical-align: top; padding-top: 10px; padding-left: 25px; }
.view-row > .view-box .view-cont .hr-line-20 { padding-bottom: 16px; }
.letter-count { float: right; margin-top: 5px; color: #000; font-size: 14px; }
@media (max-width: 1023px) { .view-row > .view-box { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .view-row > .view-box > * { padding: 15px 0; }
  .view-row > .view-box .view-tit { width: 100%; padding-bottom: 10px; }
  .view-row > .view-box .view-cont { width: 100%; padding-top: 0; }
  .view-row > .view-box .view-cont.in-form { margin-top: -10px; padding-top: 0; padding-bottom: 10px; }
  .view-row > .view-box .view-cont .wid-half { width: 100%; }
  .view-row > .view-box .view-cont .wid-half + .form__control { display: block; padding: 1px 0 2px; }
  .view-row > .view-box .view-cont .hr-line-20 { margin-top: 6px; padding-bottom: 10px; }
  .view-row > .view-box + .view-box { border-top: 1px solid #ddd; } }
/* 주문배송 상세 - 결제정보 */
.payment-detail { display: table; width: 100%; padding: 30px 0 22px; }
.payment-detail .payment-box { position: relative; display: table-cell; width: 33.3333%; padding: 0 25px; }
.payment-detail .payment-box + .payment-box:before { content: ''; position: absolute; top: 0; bottom: 8px; left: 0; display: block; width: 1px; background-color: #ddd; }
.payment-detail .payment-box p, .payment-detail .payment-box li { position: relative; width: 100%; padding: 1px 0; text-align: right; }
.payment-detail .payment-box p .tit, .payment-detail .payment-box li .tit { position: absolute; top: 0; left: 0; width: 50%; text-align: left; }
.payment-detail .payment-box ul { margin-top: 10px; }
.payment-detail .payment-box li .tit:before { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 8px 3px 4px; border: solid #666; border-width: 0 0 1px 1px; }
.payment-detail .payment-box small { font-size: 14px; }
@media (max-width: 1023px) { .payment-detail { display: block; padding: 18px 0; }
  .payment-detail .payment-box { width: 100%; display: block; padding: 0; }
  .payment-detail .payment-box + .payment-box { margin-top: 5px; }
  .payment-detail .payment-box + .payment-box:before { display: none; }
  .payment-detail .payment-box li .tit { left: 5px; font-size: 14px; } }
/* 마이페이지 주문배송 top */
.mypage-tit .bullet__16 li .hyphen__16 li + li { margin-top: 5px; }
/* 재주문 상품선택 */
.layer .tbl-change-product th { height: 50px; }
@media (min-width: 1024px) { .layer[data-layer-name="SSMU_0015_P2"] .layer-cont { height: 450px; }
  .layer[data-layer-name="SSMU_0015_P2"] .layer-cont .bullet__16 { margin: 25px 0 30px 0; }
  .layer .tbl-change-product th:first-child { width: 60px; } }
@media (max-width: 1023px) { .layer[data-layer-name="SSMU_0015_P2"] .layer-cont { height: 100%; max-height: calc(100vh - 130px); }
  .layer[data-layer-name="popChangeProductChoice"] .layer-cont { height: 100%; max-height: calc(100vh - 130px); }
  .layer[data-layer-name="SSMU_0015_P2"] .layer-cont .bullet__16 { margin: 20px 0 25px 0; }
  .layer .tbl-change-product th:first-child { width: 40px; } }
/* 적립금, 쿠폰 상단 */
.shop-benefit { margin-bottom: 25px; }
.benefit-top { position: relative; }
.benefit-top .guide-benefit { display: inline-block; height: 30px; vertical-align: top; padding: 2px 4px; }
.benefit-top .tit__04 { margin-top: 24px; }
.benefit-top [class^="tit__"] + .txt-benefit { margin-top: -15px; }
.benefit-top .btn-benefit { position: absolute; top: 50%; right: 0; margin-top: -20px; }
.benefit-top.btm-line { padding-bottom: 25px; border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .benefit-top .btn-benefit { position: relative; top: auto; right: auto; margin-top: 25px; text-align: center; }
  .benefit-top.btm-line { border-bottom: none; } }
/* 적립금/쿠폰 사용내역 목록 */
.tbl-use-breakdown, .tbl-coupon-list { margin-top: 20px; }
.tbl-use-breakdown a, .tbl-use-breakdown a:hover, .tbl-use-breakdown a:visited, .tbl-use-breakdown a:active, .tbl-coupon-list a, .tbl-coupon-list a:hover, .tbl-coupon-list a:visited, .tbl-coupon-list a:active { text-decoration: underline; }
.tbl-use-breakdown small, .tbl-coupon-list small { font-size: 14px; }
.tbl-use-breakdown li > div.text-left, .tbl-coupon-list li > div.text-left { text-align: left; }
@media (min-width: 1024px) { .tbl-use-breakdown li > div:nth-child(1) { width: 20%; }
  .tbl-use-breakdown li > div:nth-child(2) { width: 30%; }
  .tbl-use-breakdown li > div:nth-child(3) { width: 30%; }
  .tbl-use-breakdown li > div:nth-child(4) { width: 20%; }
  .tbl-coupon-list li > div:nth-child(1) { width: 15%; }
  .tbl-coupon-list li > div:nth-child(2) { width: 20%; }
  .tbl-coupon-list li > div:nth-child(3) { width: 35%; }
  .tbl-coupon-list li > div:nth-child(4) { width: 15%; }
  .tbl-coupon-list li > div:nth-child(5) { width: 15%; } }
@media (max-width: 1023px) { .tbl-use-breakdown .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area).no-data { padding: 55px 0 50px; }
  .tbl-coupon-list .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area).no-data > span, .tbl-use-breakdown .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area).no-data > span { float: none; width: 100%; padding-left: 0; }
  .mobile-no-top { margin-top: 0; border-top: none; } }
/* 삼성 멤버십 가입 안내 */
.membership-method { margin-top: 60px; }
@media (max-width: 1023px) { .membership-method { margin-top: 40px; } }
/* 소모품샵 1:1문의 상단 배너 */
.banner__single-inquiry { margin-bottom: 16px; }
.banner__single-inquiry .btn-box a { min-width: 105px; display: inline-block; }
@media (max-width: 1023px) { .banner__single-inquiry { margin-top: 22px; padding: 30px 20px; }
  .banner__single-inquiry .box-img-area { text-align: center; }
  .banner__single-inquiry ul { margin-top: 10px; }
  .banner__single-inquiry .btn-box { text-align: center; margin-top: 16px; }
  .banner__single-inquiry .btn-box a { min-width: 105px; } }
@media (min-width: 1024px) { .banner__single-inquiry { margin-top: 26px; padding: 30px 40px; }
  .banner__single-inquiry:after { content: ''; display: block; clear: both; }
  .banner__single-inquiry { display: table; width: 100%; }
  .banner__single-inquiry i, .banner__single-inquiry ul, .banner__single-inquiry > div { display: table-cell; vertical-align: middle; }
  .banner__single-inquiry ul { padding: 0 20px; width: calc(100% - 330px); }
  .banner__single-inquiry .box-img-area { width: 100px; }
  .banner__single-inquiry .btn-box { text-align: right; width: 260px; }
  .banner__single-inquiry .btn-box a { min-width: 115px; } }
/* 소모품샵 1:1문의 리스트 */
.single-inquiry-list .app-pagination { margin-top: 30px; }
.single-inquiry-list-wrap .no-data { margin-top: 20px; padding: 80px 0; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.single-inquiry-top:after { content: ''; display: block; clear: both; }
.single-inquiry-top .list-count { height: 40px; line-height: 40px; }
.single-inquiry-top .single-inquiry-select { float: right; width: 100%; max-width: 250px; }
@media (max-width: 1023px) { .single-inquiry-list-wrap { margin-top: 35px; }
  .single-inquiry-list { margin-top: -5px; border-top: none; }
  .single-inquiry-list .label__24 { width: 62px; }
  .single-inquiry-list .tbl__rwd-card-content li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .single-inquiry-list .tbl__rwd-card-content li > div { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .single-inquiry-list .tbl__rwd-card-content div.reg-number { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .single-inquiry-list .tbl__rwd-card-content li a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .single-inquiry-list .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > span.label__24 { width: 62px; margin-left: 35px; padding: 5px 12px; } }
@media (min-width: 1024px) { .single-inquiry-list-wrap { margin-top: 60px; }
  .single-inquiry-list { margin-top: 13px; }
  .single-inquiry-list .label__24 { width: 62px; }
  .single-inquiry-list .tbl__rwd-card-header li > div:nth-child(1), .single-inquiry-list .tbl__rwd-card-content li > div:nth-child(1) { width: 94px; }
  .single-inquiry-list .tbl__rwd-card-header li > div:nth-child(2), .single-inquiry-list .tbl__rwd-card-content li > div:nth-child(2) { width: 236px; }
  .single-inquiry-list .tbl__rwd-card-header li > div:nth-child(3), .single-inquiry-list .tbl__rwd-card-content li > div:nth-child(3) { width: auto; padding-left: 20px; padding-right: 20px; }
  .single-inquiry-list .tbl__rwd-card-content li > div:nth-child(3) { text-align: left; }
  .single-inquiry-list .tbl__rwd-card-header li > div:nth-child(4), .single-inquiry-list .tbl__rwd-card-content li > div:nth-child(4) { width: 212px; } }
/* 소모품샵 1:1문의 상세 타이틀 */
.single-inquiry-detail-tit { position: relative; border-bottom: 2px solid #000; }
.single-inquiry-detail-tit .tit__page { margin-bottom: 22px; }
.single-inquiry-detail-tit ul:after { content: ''; display: block; clear: both; }
.single-inquiry-detail-tit li { float: left; }
@media (max-width: 1023px) { .single-inquiry-detail-tit { padding-bottom: 14px; }
  .single-inquiry-detail-tit li:last-child { float: right; }
  .single-inquiry-detail-tit li .tit { display: none; } }
@media (min-width: 1024px) { .single-inquiry-detail-tit { padding-bottom: 24px; }
  .single-inquiry-detail-tit li + li { margin-left: 50px; }
  .single-inquiry-detail-tit li .tit { position: relative; margin-right: 20px; padding-right: 21px; color: #767676; }
  .single-inquiry-detail-tit li .tit:after { content: ''; position: absolute; right: 0; top: calc(50% - 6px); width: 1px; height: 13px; background-color: #ddd; } }
/* 소모품샵 1:1문의 상세 */
.single-inquiry-detail-cont { padding: 36px 0; border-bottom: 1px solid #ddd; }
.single-inquiry-reply { position: relative; padding: 20px; background-color: #f7f7f7; border-bottom: 1px solid #ddd; }
.single-inquiry-reply .label__24 { position: absolute; left: 20px; top: 20px; width: 62px; }
.single-inquiry-reply .label__24 + p { margin-left: 70px; }
.single-inquiry-reply .label__24 + p .tit { display: block; }
.single-inquiry-reply .reply-cont { margin-top: 16px; padding-top: 20px; border-top: 1px solid #ddd; }
@media (min-width: 1024px) { .single-inquiry-detail-cont { padding: 56px 30px; }
  .single-inquiry-reply .label__24 + p { margin-left: 90px; }
  .single-inquiry-reply p:after { content: ''; display: block; clear: both; }
  .single-inquiry-reply p .tit { float: left; max-width: calc(100% - 100px); }
  .single-inquiry-reply p .date { float: right; }
  .single-inquiry-reply .reply-cont { padding-left: 90px; } }
/* 소모품샵 1:1문의 등록 안내 */
.single-inquiry-guide .tit__page { margin-bottom: 25px; }
/* 소모품샵 1:1문의 등록 */
.single-inquiry-form { position: relative; }
.single-inquiry-form .required-msg { position: absolute; top: 10px; right: 24px; }
.single-inquiry-form .private-agree-tit { font-size: 24px; }
.single-inquiry-form .private-agree-form { margin-top: 20px; }
.single-inquiry-form .single-inquiry-form-list > .btn-area { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd; }
.single-inquiry-form .single-inquiry-form-list > .btn-area.no-padding { padding-top: 0; border-top: none; }
.single-inquiry-form-list { border-top: 1px solid #000; }
.single-inquiry-form-list > ul { padding: 30px; padding-bottom: 0; }
.single-inquiry-form-list li.line-top { border-top: 1px solid #ddd; }
.single-inquiry-form-list li.line-top > div { margin-top: 8px; }
.single-inquiry-form-list .checkbox-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }
.single-inquiry-form-list .checkbox-wrap.vertical-align { display: block; }
.single-inquiry-form-list .checkbox-wrap.vertical-align > .form__checkbox, .single-inquiry-form-list .checkbox-wrap.vertical-align > .form__radio { display: block; }
.single-inquiry-form-list .checkbox-wrap + p { margin-top: 6px; font-size: 14px; }
.single-inquiry-form-list .checkbox-wrap.vertical-align > .form__checkbox + .form__checkbox, .single-inquiry-form-list .checkbox-wrap.vertical-align > .form__radio + .form__radio { margin-left: 0; margin-top: 10px; }
@media (max-width: 1023px) { .single-inquiry-form .private-agree-tit { font-size: 20px; }
  .single-inquiry-form-list > ul { padding: 0; }
  .single-inquiry-form-list > ul > li { padding-top: 26px; }
  .single-inquiry-form-list > ul > li strong.tit { display: block; margin-bottom: 8px; }
  .single-inquiry-form-list li.line-top { margin-top: 15px; padding-top: 16px; }
  .single-inquiry-form-list .case-select-wrap { max-width: 100%; }
  .single-inquiry-form-list .control-check-wrap .checkbox-wrap { margin-top: 10px; }
  .single-inquiry-form-list .control-check-wrap .email-wrap { width: 100%; max-width: 100%; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__text-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__text-group .form__text { width: 49%; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__text-group .form__text.line-style input[type="text"] { height: 39px; line-height: 39px; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__text-group .in-text { width: 30px; height: 40px; line-height: 40px; text-align: center; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__select { width: 100%; margin-top: 10px; }
  .single-inquiry-form-list .control-check-wrap .phone-wrap { width: 100%; max-width: 100%; }
  .single-inquiry-form-list .checkbox-wrap > .form__checkbox, .single-inquiry-form-list .checkbox-wrap > .form__radio { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }
@media (min-width: 1024px) { .single-inquiry-form-list > ul > li:after { content: ''; display: block; clear: both; }
  .single-inquiry-form-list > ul > li + li { margin-top: 20px; }
  .single-inquiry-form-list li .tit { float: left; width: 205px; margin-top: 8px; }
  .single-inquiry-form-list li > div { float: right; width: calc(100% - 205px); }
  .single-inquiry-form-list li.line-top { padding-top: 13px; }
  .single-inquiry-form-list .case-select-wrap { max-width: 400px; }
  .single-inquiry-form-list .control-check-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
  .single-inquiry-form-list .control-check-wrap .checkbox-wrap { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; padding-left: 40px; }
  .single-inquiry-form-list .control-check-wrap .email-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 57.5%; max-width: 600px; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__text-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 67%; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__text-group .form__text { width: 49%; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__text-group .form__text.line-style input[type="text"] { height: 39px; line-height: 39px; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__text-group .in-text { width: 30px; height: 40px; line-height: 40px; text-align: center; }
  .single-inquiry-form-list .control-check-wrap .email-wrap > .form__select { width: 29%; margin-left: 4%; }
  .single-inquiry-form-list .control-check-wrap .phone-wrap { width: 100%; max-width: 400px; }
  .single-inquiry-form-list .checkbox-wrap > .form__checkbox + .form__checkbox, .single-inquiry-form-list .checkbox-wrap > .form__radio + .form__radio { margin-left: 40px; } }
/* 소모품샵 1:1문의 등록 form__checkbox */
.private-agree-box .form__checkbox input[type="checkbox"] + label:before { background-color: #fff; }
.private-agree-box .form__checkbox input[type="checkbox"]:checked + label:before { background-color: #0072de; }
.oneself-main-tit { font-size: 28px; }
.oneself-main-tit > span.sub_txt { color: #767676;  font-size: 14px;  margin-left: 20px; display:inline-block; }

/* (2203225) 추가 */
.oneself-select-area .select-form .border_blue {  border:1px dotted #0072de !important; }
.oneself-select-box .sub_txt { font-weight:600; color: #999; font-size: 14px; margin-left: 20px; display: inline-block; }





@media (max-width: 1023px) {
  .oneself-select-box .sub_txt {  margin: 15 auto 0px auto; display: inline-block;width: 100%; margin-left: 0px;}
}

@media (max-width: 800px){
  .oneself-main-tit > span.sub_txt {  margin-left:0px; display:block; }
}
.oneself-list { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.oneself-list li + li { border-top: 1px solid #ddd; }
.oneself-list li a { display: block; padding: 23px 24px; }
.oneself-select-area { margin-top: 25px; }
.oneself-select-area .sec-cont { margin-top: 30px; }
.oneself-select-area .sec-cont .is-active { font-weight: bold; }
.oneself-select-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.oneself-select-box .select-tit { padding-right: 20px; font-size: 18px; position: relative; }
.oneself-select-box .select-tit:after { content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 16px; background-color: #ddd; }
.oneself-select-box .select-form { width: 160px; padding-left: 20px; }
.oneself-select-box .select-product { width: 290px; }
.oneself-select-box .select-product .select ul li { word-break: break-all; }
.oneself-select-box .select-item-txt { border-radius: 20px; background-color: #f7f7f7; font-size: 14px; padding: 9px 13px; margin-left: 10px; }
.oneself-select-box .select-item-txt .select-item-code { margin-left: 10px; font-weight: bold; }
.oneself-select-box .form__select.line-style .btn__toggle-select { border-color: #000; font-weight: bold; }



/* 20201215  스스로해결 문구 추가 */
.oneself-select-area .oneself-tab-info-txt { margin-top: 16px; }
/* 스스로 해결 하기 메인 > 많이하는 질문 tabactive 01 */
.oneself-select-area .oneself-tab-active01 { margin-top: 16px; }
.oneself-tab-active01 .mobile-select-tit { position: relative; display: none; width: 100%; padding: 12px 30px; border: 1px solid #ddd; font-size: 16px; font-weight: bold; text-align: left; }
.oneself-tab-active01 .mobile-select-tit:after { content: ''; position: absolute; right: 20px; top: 19px; width: 9px; height: 9px; border-right: 2px solid #878787; border-bottom: 2px solid #878787; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(-45deg); transform: rotate(45deg); }
.oneself-tab-active01 .box-radius { padding: 15px 30px 30px; }
/*height:185px;*/
.oneself-tab-active01 .box-radius .oneself-select-item { min-height: 93px; }
.oneself-tab-active01 .box-radius .btnRound { margin-top: 15px; margin-right: 11px; padding: 5px 15px 4px; background-color: #fff; border: 1px solid #ddd; font-size: 14px; border-radius: 20px; }
.oneself-tab-active01 .box-radius .btnRound:hover { background-color: #0072de; color: #fff; border-color: #0072de; }
.oneself-tab-active01 .box-radius .btnRound.is-active { background-color: #0072de; color: #fff; border-color: #0072de; }
.oneself-tab-active01 .box-radius .tit, .oneself-tab-active01 .box-radius .btn__close-select { display: none; }
/* 다운로드  질문 active 내용  */
.oneself-select-area .oneself-tab-active02 { margin-top: 16px; }
.download-search { padding: 40px 108px; border-radius: 20px; background-color: #f7f7f7; border: 1px solid #ddd; }
.download-search .btn__40 { border-color: #000; }
.download-search:after { content: ''; display: block; clear: both; }
.download-search .oneself-seacrh-input { float: left; width: calc(100% - 160px); }
.download-search .oneself-seacrh-input .input { padding: 5px 45px 5px 10px; background-color: #fff; border-radius: 22px; }
.download-search .oneself-seacrh-input input { height: 28px; padding-left: 0; }
.download-search .oneself-seacrh-input .btn__delete-input { right: 57px; }
.download-search .oneself-seacrh-input .btn-search { position: absolute; right: 1px; top: 1px; width: 38px; height: 38px; }
.download-search .oneself-seacrh-input .btn-search i { vertical-align: middle; }
.download-search .btn-box { float: left; width: 160px; text-align: right; }
/* 자주하는 해결 방법 */
.frequent-solution .sec-tit { padding-bottom: 15px; }
.frequent-solution .oneself-list { max-height: 170px; }
.frequent-solution .oneself-list ul li { word-break: keep-all; padding: 3px; }
.frequent-solution .oneself-list ul li i { vertical-align: -3px; }
.frequent-solution .oneself-list ul li a { position: relative; padding: 15px 23px 15px 30px; }
.frequent-solution .oneself-list ul li a > span { position: absolute; left: 10px; top: 15px; text-align: center; width: 20px; }
.frequent-solution .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; }
@media (max-width: 1023px) { /* 자주하는 질문 */
  .frequent-solution { margin-top: 54px; }
  .frequent-solution .oneself-list { overflow-y: scroll; max-height: 238px; }
  .frequent-solution .oneself-list ul li a { padding: 19px 10px 19px 25px; }
  .frequent-solution .oneself-list ul li a > span { left: 5px; top: 19px; } }
/* 궁금하신 사항(search-form)*/
.oneself-search-area .sec-cont { margin-top: 24px; }
.oneself-seacrh-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.oneself-seacrh-box .oneself-seacrh-input { width: 100%; }
.oneself-seacrh-box .oneself-seacrh-input.is-result-search { width: calc(100% - 125px); }
.oneself-seacrh-box .oneself-seacrh-input .input { padding: 5px 50px 5px 20px;  border-radius:22px; }
.oneself-seacrh-box .oneself-seacrh-input input { height: 38px; padding-left: 0; }
.oneself-seacrh-box .oneself-seacrh-input .btn-search { position: absolute; right: 0; top: 1px; width: 50px; height: 50px; }
.oneself-seacrh-box .oneself-seacrh-input .btn__delete-input { top: 18px; right: 57px; }
.oneself-seacrh-box .check-box-area { width: 125px; text-align: right; }
.oneself-seacrh-box .check-box-area .form__checkbox input[type="checkbox"] + label { font-weight: bold; }
.popular-search-word { margin-top: 20px; }
.popular-search-word .floatL { width: 120px; }
.popular-search-word .floatL + .floatL { width: calc(100% - 120px); }
.oneself-hash-tage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.oneself-hash-tage li { color: #707070; margin-right: 27px; }
.oneself-hash-tage li:last-child { margin-right: 0; }
/* 자료해결 */
.oneself-secacrh-list { margin-top: 76px; }
.oneself-secacrh-list .total-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.oneself-secacrh-list .mb-oneself-main-tit { display: none; }
.oneself-secacrh-list .total-tit strong { padding-right: 30px; }
.oneself-secacrh-list .total-tit h2 { padding-right: 30px; }
.oneself-secacrh-list .total-tit h2 + strong, .oneself-secacrh-list .total-tit strong + strong { position: relative; padding-left: 30px; font-size: 18px; }
.oneself-secacrh-list .total-tit h2 + strong:after, .oneself-secacrh-list .total-tit strong + strong:after { content: ""; position: absolute; left: 0; top: 5px; width: 1px; height: 18px; background-color: #ddd; }
.oneself-secacrh-list .oneself-select-box > button { margin-left: 20px; }

@media (max-width: 1023px) { .oneself-secacrh-list .total-tit strong + strong:after { top: 5px; }
  .oneself-secacrh-list .oneself-select-box > button { padding: 13px 15px; }
  .oneself-secacrh-list .total-tit h2 + strong, .oneself-secacrh-list .total-tit strong + strong { padding-left: 20px; } }
@media (max-width: 1023px) and (max-width: 359px) { .oneself-secacrh-list .oneself-select-box > button { padding-left: 10px; padding-right: 10px; } }
/* 자료 해결 리스트 */
.oneself-list02 { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.oneself-list02 > li + li { border-top: 1px solid #ddd; }
.oneself-list02 .list-tit a span { position: relative; top: 3px; display: inline-block; margin-left: 5px; line-height: 0; font-size: 0; vertical-align: top; }
@media (max-width: 1023px) { .oneself-list02 > li { padding: 24px 0; } }
@media (min-width: 1024px) { .oneself-list02 > li { padding: 20px 24px; } }
.oneself-list02 .list-info-box { margin-top: 10px; }
.oneself-list02 .list-info:after { content: ''; display: block; clear: both; }
.oneself-list02 .list-info li { display: table; float: left; padding-right: 20px; }
.oneself-list02 .list-info li + li { margin-left: 20px; position: relative; }
.oneself-list02 .list-info li + li:before { content: ''; position: absolute; left: -20px; top: 6px; width: 1px; height: 13px; background-color: #ddd; }
.oneself-list02 .list-info li span { display: table-cell; }
.oneself-list02 .list-info .list-info-tit { padding-right: 20px; color: #767676; }
.oneself-list02 .list-info .list-info-tit a { display: block; width: 100%; }
.oneself-list02 .list-info .list-info-tit + .list-info-txt { padding-left: 20px; position: relative; }
.oneself-list02 .list-info .list-info-tit + .list-info-txt i { vertical-align: top; }
.oneself-list02 .list-info .list-info-tit + .list-info-txt::before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }
/* 데이터 숫자값 */
.oneself-list02 .list-info .list-view-num { width: 90px; text-align: right; padding-right: 0; }
.oneself-list02 .list-info .list-view-num span { display: block; text-align: right; width: 100%; }
/* 자료검색 데이터 없는 경우 */
.oneself-list02 .no-data { padding: 70px 0; text-align: center; }
.oneself-list02 .no-data .no-data-tit { font-size: 24px; }
.oneself-list02 .no-data .no-data-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.oneself-list02 .no-data .no-data-txt span { display: inline-block; padding-left: 5px; }
.oneself-list02 .no-data .no-data-txt .font-normal { font-weight: normal; margin-top: 15px; }
.oneself-secacrh-list .oneself-list02 + .pagination-view-more { margin-top: 30px; }
.oneself-secacrh-list .app-pagination { margin-top: 30px; }
/* 다른제품 선택하기 swiper */
.remanufacture-click { margin-top: 30px; }
/* 다른제품 선택 관련 스와이퍼 초기화 CSS*/
.remanufacture-swiper .swiper-button-next, .remanufacture-swiper .swiper-button-prev { background-color: transparent; top: 120px; }
.remanufacture-swiper .swiper-button-next { right: 30px; outline: none; }
.remanufacture-swiper .swiper-button-prev { left: 30px; outline: none; }
.remanufacture-swiper .swiper-pagination { display: none; position: absolute; left: 50%; bottom: 21px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
.remanufacture-swiper .swiper-pagination-bullet { width: 12px; height: 12px; border: 1px solid #555; background-color: #fff; opacity: 1; }
.remanufacture-swiper .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 14px; }
.remanufacture-swiper .swiper-pagination-bullet-active { background: #000; border: 1px solid #000; }
/* 다른제품 선택 스와이프 내용*/
.remanufacture-swiper { position: relative; padding: 30px 80px; }
.remanufacture-swiper .swiper-container { margin: 0; }
.remanufacture-swiper .swiper-slide { height: 170px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.remanufacture-swiper .swiper-slide a { display: block; width: 100%; height: 100%; padding: 20px 0; border: 1px solid #ddd; border-radius: 20px; background-color: #fff; position: relative; }
.remanufacture-swiper .swiper-slide .swiper-img-box { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.remanufacture-swiper .swiper-slide .swiper-img-box .img-box { width: 96px; height: 96px; }
.remanufacture-swiper .swiper-slide .slideTxt { font-weight: bold; font-size: 14px; }
.remanufacture-swiper .swiper-slide.is-click > a { border-color: #f7f7f7; }
.remanufacture-swiper .swiper-slide.is-click > a:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #0072de; border-radius: 20px; }
.remanufacture-swiper .swiperCont { text-align: center; }
.remanufacture-swiper .swiperCont .contentBox { margin-top: 30px; border-top: 1px solid #ddd; text-align: center; }
.remanufacture-swiper .swiperCont .btn__40 { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-top: 10px; border-color: #ddd; margin-left: 7px; margin-right: 7px; }
.remanufacture-swiper .swiperCont .btn__32 { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-top: 10px; border-color: #ddd; margin-left: 7px; margin-right: 7px; }
.remanufacture-swiper .swiperCont .btn__32 + .btn__32, .remanufacture-swiper .swiperCont .btn__40 + .btn__40 { margin-left: 7px; }
.remanufacture-swiper .swiperCont .swiperContTit { display: none; }
.remanufacture-swiper .swiperCont .swiperContTit .contClose { position: absolute; width: 44px; height: 44px; padding: 15px; }
.remanufacture-swiper .swiperCont .swiperContTit .contClose > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
.remanufacture-swiper .swiperCont .swiperContTit .contClose > span:before, .remanufacture-swiper .swiperCont .swiperContTit .contClose > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
.remanufacture-swiper .swiperCont .swiperContTit .contClose > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.remanufacture-swiper .swiperCont .swiperContTit .contClose > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.remanufacture-swiper .swiperCont .swiperContTit .contClose > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
@media (max-width: 1023px) { .remanufacture-swiper .swiper-slide { height: 130px; }
  .remanufacture-swiper .swiper-slide a { padding-top: 0; border-radius: 10px; }
  .remanufacture-swiper .swiper-slide.is-click > a:after { border-radius: 10px; }
  .remanufacture-swiper .swiper-slide .swiper-img-box .img-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .remanufacture-swiper .swiper-slide .swiper-img-box .img-box img { width: 64px; }
  .remanufacture-swiper .swiper-slide .slideTxt { position: relative; top: -14px; line-height: 14px; } }
@media (min-width: 1024px) { .remanufacture-swiper .swiperCont .btn__40:hover { background-color: #0072de; color: #fff; border-color: #0072de; }
  .remanufacture-swiper .swiperCont .btn__32:hover { background-color: #0072de; color: #fff; border-color: #0072de; margin-top: 10px; }
  .remanufacture-swiper .swiperCont .contentBox { padding-top: 5px; } }
/* 보유제품 선택  */
.layer[data-layer-name="holdPresen"] .pop-info { position: relative; z-index: 1; padding: 20px 0; }
.layer[data-layer-name="holdPresen"] .tableBox td > a { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.layer[data-layer-name="holdPresen"] .tableBox td > a:after { content: ''; display: block; clear: both; }
.layer[data-layer-name="holdPresen"] .tableBox td:not([class="disable-select"]) > a:focus span, .layer[data-layer-name="holdPresen"] .tableBox td:not([class="disable-select"]) > a:hover span { color: #0072de; font-weight: bold; }
.layer[data-layer-name="holdPresen"] .tableBox th:after { content: ''; display: block; clear: both; }
.layer[data-layer-name="holdPresen"] .tableBox th span { float: left; width: 25%; }
.layer[data-layer-name="holdPresen"] .tableBox td a span { float: left; width: 25%; color: #000; }
.layer[data-layer-name="holdPresen"] .tableBox td.disable-select a { cursor: default; outline: none; }
.layer[data-layer-name="holdPresen"] .tableBox td.disable-select span { color: #b2b2b2; }
.layer[data-layer-name="holdPresen"] .no-results { padding: 55px 0; }
.layer[data-layer-name="holdPresen"] .no-results p { line-height: 22px; }
.layer[data-layer-name="holdPresen"] .no-results .btn-box { margin-top: 16px; }
@media (max-width: 1023px) { .oneself-main-tit { font-size: 24px; }
  .oneself-search-area { margin-top: 56px; }
  /* 스와이퍼 */
  .remanufacture-swiper { padding: 25px 25px 55px 25px; }
  .remanufacture-swiper .swiper-button-next, .remanufacture-swiper .swiper-button-prev { display: none; }
  .remanufacture-swiper .swiper-pagination { display: block; }
  /* 다른제품 선택 > 제품 선택 모바일 버전*/
  .remanufacture-swiper .swiperCont { margin-top: 0; }
  .remanufacture-swiper .swiperCont .contentBox { position: fixed; bottom: 0; left: 0; width: 100%; height: 380px; padding: 0 20px; border-top-left-radius: 20px; border-top: none; margin-top: 0; border-top-right-radius: 20px; background-color: #fff; z-index: 20; -webkit-box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); }
  .remanufacture-swiper .swiperCont .btn__32 + .btn__32, .remanufacture-swiper .swiperCont .btn__40 + .btn__40, .remanufacture-swiper .swiperCont .btn__32, .remanufacture-swiper .swiperCont .btn__40 { margin-left: 0; }
  .remanufacture-swiper .swiperCont .swiperContTit { display: block; position: relative; text-align: left; padding: 20px 0; border-bottom: 1px solid #000; }
  .remanufacture-swiper .swiperCont .swiperContTit .contClose { position: absolute; width: 44px; height: 44px; padding: 15px; right: 0; top: 5px; }
  .remanufacture-swiper .swiperCont .swiperContTit .contClose > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
  .remanufacture-swiper .swiperCont .swiperContTit .contClose > span:before, .remanufacture-swiper .swiperCont .swiperContTit .contClose > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
  .remanufacture-swiper .swiperCont .swiperContTit .contClose > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .remanufacture-swiper .swiperCont .swiperContTit .contClose > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .remanufacture-swiper .swiperCont .swiperContTit .contClose > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .remanufacture-swiper .swiperCont .contList { max-height: 300px; overflow-y: auto; border-bottom: 1px solid #ddd; }
  .remanufacture-swiper .swiperCont .contList button:hover { background-color: transparent; color: #0072de; }
  .remanufacture-swiper .swiperCont .contList button { display: block; width: 100%; border-radius: 0; border: 0; text-align: left; padding: 18px 17px; height: auto; margin-top: 0; }
  .remanufacture-swiper .swiperCont .contList button + button { margin: 0; border-top: 1px solid #ddd; }
  .oneself-select-area .oneself-select-box .select-form { margin: 0 auto; }
  .oneself-select-area .oneself-select-box { float: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .oneself-select-area .btn-box { float: none; margin-top: 20px; text-align: center; font-size: 0; }
  .oneself-select-area .btn-box .btn__40 { padding-left: 15px; padding-right: 15px; }
  .oneself-select-box .select-tit { display: none; }
  .oneself-select-box .select-form { padding-left: 0; }
  .oneself-select-box .select-item-txt { display: block; margin: 10px auto 0; }
  /* 많이하는 질문 active 내용 */
  .oneself-tab-active01 .mobile-select-tit { display: block; }
  .oneself-tab-active01 .mobile-slide-box { display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 345px; padding: 25px 20px; border-radius: 10px 10px 0 0; border-bottom: none; z-index: 50; background-color: #fff; -webkit-box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); }
  .oneself-tab-active01 .mobile-slide-box.is-active { display: block; }
  .oneself-tab-active01 .mobile-slide-box > .tit { display: block; padding-bottom: 15px; line-height: 1; font-weight: 700; font-size: 18px; border-bottom: 1px solid #000; }
  .oneself-tab-active01 .mobile-slide-box ul { max-height: 200px; }
  .oneself-tab-active01 .mobile-slide-box li { border-bottom: 1px solid #d8d8d8; }
  .oneself-tab-active01 .mobile-slide-box .btn__close-select { right: 20px; top: 25px; position: absolute; width: 14px; height: 14px; font-size: 0; }
  .oneself-tab-active01 .mobile-slide-box .btn__close-select:before, .oneself-tab-active01 .mobile-slide-box .btn__close-select:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #181818; }
  .oneself-tab-active01 .mobile-slide-box .btn__close-select:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .oneself-tab-active01 .mobile-slide-box .btn__close-select:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .oneself-tab-active01 .mobile-slide-box .btn__close-select > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .oneself-tab-active01 .box-radius .tit, .oneself-tab-active01 .box-radius .btn__close-select { display: block; }
  .oneself-tab-active01 .box-radius .oneself-select-item { max-height: 265px; height: auto; overflow-y: auto; overflow-x: hidden; }
  .oneself-tab-active01 .box-radius .btnRound { width: 100%; border: 0; border-radius: 0; text-align: left; margin-top: 0; padding: 15px; margin-right: 0; }
  .oneself-tab-active01 .box-radius .btnRound:hover { color: #0072de; background-color: transparent; font-weight: bold; }
  .oneself-tab-active01 .box-radius .btnRound.is-active { color: #0072de; background-color: transparent; font-weight: bold; }
  .oneself-tab-active01 .box-radius .btnRound + .btnRound { border-top: 1px solid #ddd; }
  .oneself-tab-active01 .box-radius .btnRound:last-child { border-bottom: 1px solid #ddd; }

  /* 다운로드 tab active 내용 */
  .download-search { padding: 0 0 20px 0; background-color: transparent; border: 0; border-radius: 0; border-bottom: 1px solid #ddd; }
  .download-search .oneself-seacrh-input { float: none; width: 100%; }
  .download-search .oneself-seacrh-input input { height: 38px; line-height: 38px; }
  .download-search .oneself-seacrh-input .btn-search { width: 50px; height: 50px; }
  .download-search .oneself-seacrh-input .btn__delete-input { top: 17px; }
  .download-search .btn-box { float: none; width: 100%; text-align: center; }
  /* 궁금한 사항 입력 */
  .oneself-seacrh-box { display: block; }
  .oneself-seacrh-box .oneself-seacrh-input { width: 100%; }
  .oneself-seacrh-box .check-box-area { width: 100%; text-align: left; margin-top: 15px; }
  .oneself-seacrh-box .check-box-area .form__checkbox { display: inline-block; }
  .popular-search-word .floatL { width: 100px; }
  .oneself-hash-tage li { margin-right: 15px; }
  .oneself-hash-tage li:last-child { margin-right: 0; }
  /* 자료 검색 */
  .oneself-secacrh-list .pc-oneself-main-tit { display: none; }
  .oneself-secacrh-list .pc-oneself-main-tit + .mb-oneself-main-tit { display: block; font-size: 24px; padding-right: 20px; padding-left: 0; }
  .oneself-secacrh-list .mb-oneself-main-tit:after { display: none; }
  .oneself-secacrh-list .total-tit { float: none; }
  .oneself-secacrh-list .total-tit strong { padding-right: 20px; }
  .oneself-secacrh-list .total-tit strong + strong { padding-left: 20px; padding-right: 0; min-width: 60px; }
  .oneself-secacrh-list .oneself-select-box { float: none; margin-top: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .oneself-list02 .list-tit { word-break: keep-all; }
  .oneself-list02 .list-info-box { margin-top: 12px; }
  .oneself-list02 .list-info-box .floatL { display: block; float: none; }
  .oneself-list02 .list-info .list-info-tit { display: none; }
  .oneself-list02 .list-info .list-info-tit + .list-info-txt { padding-left: 0; }
  .oneself-list02 .list-info .list-info-tit + .list-info-txt::before { display: none; }
  .oneself-list02 .list-info li + li { margin-left: 20px; }
  .oneself-list02 .list-info .list-view-num { width: auto; }
  .oneself-list02 .list-info .list-view-num span { text-align: left; }
  .oneself-list02 .floatR { display: block; float: none; }
  .oneself-list02 .floatR .list-info li:nth-child(1) { padding-left: 0; }
  .oneself-list02 .floatR .list-info li:nth-child(1)::after { display: none; }
  .oneself-list02 .floatR .list-info li:nth-child(2) { display: none; }
  .oneself-list02 .floatR .list-info li:last-child { margin-left: 0; }
  .oneself-list02 .floatR .list-info li { position: relative; padding-left: 20px; }
  .oneself-list02 .floatR .list-info li::after { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }
  .oneself-list02 .list-info li + li:before { display: none; }
  /* 데이터가 없는 경우 */
  .oneself-list02 .no-data .no-data-tit { font-size: 20px; }
  .oneself-list02 .no-data .no-data-txt { display: block; }
  .oneself-list02 .no-data .no-data-txt i { display: block; margin: 10px auto 0; }
  .oneself-list02 .no-data .no-data-txt span { padding-left: 0px; }
  /* 보유제품 팝업 */
  .layer[data-layer-name="holdPresen"] .tit { border-width: 1px; }
  .layer[data-layer-name="holdPresen"] .pop-info { display: none; }
  .layer[data-layer-name="holdPresen"] .tableBox { border-top: 0; }
  .layer[data-layer-name="holdPresen"] .tableBox th span:nth-child(4), .layer[data-layer-name="holdPresen"] .tableBox td span:nth-child(4) { display: none; }
  .layer[data-layer-name="holdPresen"] .tableBox th span, .layer[data-layer-name="holdPresen"] .tableBox td a span { width: 33%; } }
@media (min-width: 1024px) { .layer[data-layer-name="holdPresen"] .layer-cont { padding-top: 88px; margin-top: -88px; } }
/* 모델명 검색 */
.layer[data-layer-name="modelNameSearch"] .model-name-search { position: relative; z-index: 1; margin-top: 30px; border-radius: 20px; background-color: #f7f7f7; border: 1px solid #ddd; padding: 20px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search:after { content: ''; display: block; clear: both; }
.layer[data-layer-name="modelNameSearch"] .model-name-search label { font-weight: bold; float: left; width: 90px; padding-top: 9px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search .form__text { float: right; width: calc(100% - 90px); position: relative; }
.layer[data-layer-name="modelNameSearch"] .model-name-search .form__text .btn-search { position: absolute; right: 1px; top: 1px; width: 38px; height: 38px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search .form__text .btn-search i { vertical-align: middle; }
.layer[data-layer-name="modelNameSearch"] .model-name-search .form__text .btn__delete-input { right: 50px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search .form__text .input { padding: 5px 50px 5px 10px; background-color: #fff; }
.layer[data-layer-name="modelNameSearch"] .model-name-search .form__text input { padding: 0 20px 0 10px; height: 28px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search .form__text .info-msg { position: relative; padding-left: 10px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search .form__text .info-msg:before { content: ""; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
.layer[data-layer-name="modelNameSearch"] .info-msg.bullet__16 li { font-size: 14px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search-table-box { margin-top: 30px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search-table td a { display: block; width: 100%; text-align: left; }
.layer[data-layer-name="modelNameSearch"] .model-name-search-table td a:hover { color: #0072de; }
.layer[data-layer-name="modelNameSearch"] .model-name-search-table .no-data { padding: 40px 0; display: table-cell; }
.layer[data-layer-name="modelNameSearch"] .model-name-search-table .no-data strong { font-size: 18px; }
.layer[data-layer-name="modelNameSearch"] .model-name-search-table .no-data .no-data-txt { font-size: 14px; margin-top: 18px; font-weight: normal; }
@media (max-width: 1023px) { .layer[data-layer-name="modelNameSearch"] .layer-cont { width: 100%; max-height: calc(60vh - 73px); }
  .layer[data-layer-name="modelNameSearch"] .model-name-search { padding: 0 0 30px 0; background-color: transparent; border-radius: 0; border: 0; border-bottom: 1px solid #000; }
  .layer[data-layer-name="modelNameSearch"] .model-name-search label { display: none; }
  .layer[data-layer-name="modelNameSearch"] .model-name-search .form__text { width: 100%; }
  .layer[data-layer-name="modelNameSearch"] .model-name-search-table-box { margin-top: 0; } }
@media (min-width: 1024px) { .layer[data-layer-name="modelNameSearch"] .layer-cont { padding-top: 184px; margin-top: -184px; } }
@media (orientation: landscape) and (min-width: 1024px) { .layer[data-layer-name="modelNameSearch"] .layer-cont { padding-top: 0; margin-top: 0; max-height: calc(100vh - 580px); } }
/* 모델 코드 확인 방법 */
.layer[data-layer-name="modelCodeSearch"] .tit { font-size: 24px; }
.layer[data-layer-name="modelCodeSearch"] .swiper-button-next, .layer[data-layer-name="modelCodeSearch"] .swiper-button-prev { top: 95px; }
.layer[data-layer-name="modelCodeSearch"] .swiper-button-next { right: 30px; }
.layer[data-layer-name="modelCodeSearch"] .swiper-button-prev { left: 30px; }
.layer[data-layer-name="modelCodeSearch"] .model-code-search { margin-top: 20px; }
.layer[data-layer-name="modelCodeSearch"] .model-code-search:after { content: ''; display: block; clear: both; }
.layer[data-layer-name="modelCodeSearch"] .model-code-search > strong { float: left; padding-right: 20px; }
.layer[data-layer-name="modelCodeSearch"] .model-code-search > span { float: left; font-size: 16px; }
.layer[data-layer-name="modelCodeSearch"] .model-code-search > span:before { content: ''; display: inline-block; width: 1px; height: 13px; background-color: #ddd; margin-right: 20px; }
.layer[data-layer-name="modelCodeSearch"] .model-code-search.selected-tit span + span { position: relative; margin-left: 20px; padding-left: 25px; }
.layer[data-layer-name="modelCodeSearch"] .model-code-search.selected-tit span + span:before { content: ''; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; background-color: transparent; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper { padding: 30px; margin-top: 20px; background-color: #f7f7f7; border-radius: 20px; border: 1px solid #ddd; position: relative; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-container { margin: 0 47px; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide { height: 130px; background-color: #fff; border: 1px solid #ddd; text-align: center; border-radius: 20px; position: relative; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide a { display: block; width: 100%; height: 100%; padding: 0px 0; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide .swiper-img-box { position: relative; height: 130px; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide .swiper-img-box img { width: 64px; height: 64px; position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide .slideTxt { line-height:1; font-weight: bold; font-size: 14px; position: absolute; left: 50%; top: 92px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide.is-click { border-color: #f7f7f7; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide.is-click:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #0072de; border-radius: 20px; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont { text-align: center; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .btn__32 { -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; margin-top: 8px; min-width: 100px; border: 1px solid #ddd; border-radius: 17px; padding: 5px 20px; background-color: #fff; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .btn__32:hover { background-color: #0072de; color: #fff; border-color: #0072de; font-weight: bold; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .btn__32.is-active { background-color: #0072de; color: #fff; border-color: #0072de; font-weight: bold; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit { display: none; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose { position: absolute; width: 44px; height: 44px; padding: 15px; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span:before, .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.layer[data-layer-name="modelCodeSearch"] .selected-model-code-area { padding: 40px 0; }
.layer[data-layer-name="modelCodeSearch"] .selected-model-code-area .init-selected-model-code { text-align: center; padding: 52px 0; }
.layer[data-layer-name="modelCodeSearch"] .selected-model-code-area .init-selected-model-code p { line-height: 24px; }
.layer[data-layer-name="modelCodeSearch"] .tbl__scrollbox .tableType02 { width: 850px; }
.layer[data-layer-name="modelCodeSearch"] .tbl__scrollbox td { width: 250px; }
.layer[data-layer-name="modelCodeSearch"] .selected-model-code-view { margin-top: 16px; }
@media (min-width: 1024px) { .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .contentBox { margin-top: 30px; padding-top: 12px; border-top: 1px solid #ddd; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .btn__32 { margin-left: 7px; margin-right: 7px; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .btn__32 + .btn__32 { margin-left: 7px; } }
@media (max-width: 1023px) { .layer[data-layer-name="modelCodeSearch"] .tit { font-size: 18px; }
  /* 다른제품 선택 > 제품 선택 모바일 버전*/
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont { margin-top: 0; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .contentBox { position: fixed; bottom: 0; left: 0; width: 100%; max-height: 380px; padding: 0 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: #fff; z-index: 20; -webkit-box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit { display: block; position: relative; text-align: left; padding: 20px 0; border-bottom: 1px solid #000; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose { position: absolute; width: 44px; height: 44px; padding: 15px; right: 0; top: 5px; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span:before, .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .swiperContTit .contClose > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .contList { max-height: 300px; overflow-y: auto; border-bottom: 1px solid #ddd; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .contList .btn__32.is-active, .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .contList .btn__32:hover { background-color: transparent; color: #0072de; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .contList .btn__32 { display: block; width: 100%; border-radius: 0; border: 0; text-align: left; padding: 18px 17px; height: auto; margin-top: 0; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiperCont .contList .btn__32 + .btn__32 { margin: 0; border-top: 1px solid #ddd; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper { padding: 24px 24px 50px 24px; border-radius: 10px; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide { border-radius: 10px; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide.is-click:after { border-radius: 10px; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-slide .swiper-img-box img { max-height: 130px; }
  .layer[data-layer-name="modelCodeSearch"] .pop-model-code-swiper .swiper-container { margin: 0; }
  .layer[data-layer-name="modelCodeSearch"] .swiper-pagination { width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 19px; }
  .layer[data-layer-name="modelCodeSearch"] .swiper-pagination .swiper-pagination-bullet { border: 1px solid #5d5d5d; }
  .layer[data-layer-name="modelCodeSearch"] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #000; } }
/* 동영상 페이지 */
.download-service { margin-top: 16px; }
.download-service .select-item-txt { border-radius: 0; background-color: transparent; font-weight: bold; font-size: 18px; padding: 0 13px; }
.download-service + .remanufacture-click { margin-top: 15px; }
.download-service .oneself-select-box { margin-top: 6px; }
@media (max-width: 1023px) { .download-service .sec-tit > .btn-box { margin-top: 0; }
  .download-service .select-item-txt { margin: 0; } }
.video-search-box { text-align: center; margin-top: 56px; }
.video-search-box .sec-cont { margin-top: 26px; }
/* (220725 동영상 검색 수정) */
.video-search-input .form__text { width: 812px; position:relative; margin:0px auto; }
.video-search-input .form__text .input {width: 100%; display: inline-block; padding: 4px 10px; text-align:left;  border-radius:22px; }
.video-search-input .form__text .input input[type="text"] { width: calc(100% - 40px); height: 44px; line-height: 44px; }
.video-search-input .form__text .btn-search { display: inline-block; width: 44px; height: 44px; position:absolute; top: 6px; right: 10px; }
.video-search-input .form__text .btn__delete-input { right: 57px; top: 17px; }
.video-search-list { border-top: 1px solid #000; border-bottom: 1px solid #ddd; padding-bottom: 32px; }
.video-search-list > li a { display: block; width: 100%; height: 100%; }
.video-search-list li .video-thumbnail { position: relative; }
.video-search-list li .video-thumbnail::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ddd; }
.video-search-list li .video-thumbnail img { width: 100%; height: 100%; }
.video-search-list li .video-thumbnail .video-thumbnail-icon { position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin-left: -24px; margin-top: -24px; }
.video-search-list li .video-thumbnail .video-thumbnail-time { position: absolute; right: 10px; bottom: 10px; min-width: 50px; padding: 0 9px; background-color: rgba(0, 0, 0, 0.4); border-radius: 10px; }
.video-search-list li .video-thumbnail .video-thumbnail-time span { color: #fff; font-size: 14px; }
.video-search-list li .video-thumbnail-info { min-height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.video-search-list li .video-thumbnail-info .video-info-tit { font-weight: bold; margin-top: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video-search-list li .video-thumbnail-info .video-info-tit span + span { margin-left: 6px; }
.video-search-list li .video-thumbnail-info .video-info-txt { margin-top: 12px; }
.video-search-list li .video-thumbnail-info .video-info-txt .video-product + ul { margin-top: 6px; }
.video-search-list li .video-thumbnail-info .video-info-txt .video-info-date:after { content: ''; display: block; clear: both; }
.video-search-list li .video-thumbnail-info .video-info-txt .video-info-date li { float: left; padding-right: 20px; }
.video-search-list li .video-thumbnail-info .video-info-txt .video-info-date li:last-child { padding-right: 0; }
.video-search-list li .video-thumbnail-info .video-info-txt .video-info-date li + li { padding-left: 20px; position: relative; }
.video-search-list li .video-thumbnail-info .video-info-txt .video-info-date li + li::before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }
@media (min-width: 1024px) { .video-search-list::after { content: ''; display: block; clear: both; }
  .video-search-list > li { float: left; padding-top: 30px; }
  .video-search-list > li { width: calc((100% - 96px)/4); margin-right: 32px; }
  .oneself-search-list .video-search-list > li { width: calc((100% - 250px)/3); margin-right: 41px; margin-left: 41px; }
  .video-search-list > li:nth-child(4n) { margin-right: 0; }
  .video-search-list li .video-thumbnail { height: 180px; } }
@media screen and (min-width: 1024px) and (max-width: 1439px) { .video-search-list li .video-thumbnail { height: 16.7vw; }
  .video-search-list li .video-thumbnail-info { padding: 0 5px; }
  .video-search-list > li { width: calc((100% - 64px)/3); }
  .video-search-list > li:nth-child(4n) { margin-right: 32px; }
  .video-search-list > li:nth-child(3n) { margin-right: 0; } }
@media (max-width: 1023px) { .download-service .floatL { float: left; }
  .download-service .floatR { float: right; }
  .video-search-box { text-align: left; }
  .video-search-input .form__text,
  .video-search-input .form__text .input { width:100%; }
  .video-search-input .form__text .btn-search { right:0px; }
  .video-search-list { padding-top: 20px; }
  .video-search-list > li { width: 100%; }
  .video-search-list > li + li { margin-top: 21px; }
  .video-search-list li .video-thumbnail-info { padding: 0; }
  .video-search-list li .video-thumbnail-info .video-info-txt .video-info-date .video-edit-date { display: none; } }
/* 동영상페이지 list card 수정 */
/* 모델명 검색 팝업 -> 페이지 변경 */
/* 모델명 검색 */
.model-name-search { margin-top: 30px; border-radius: 20px; background-color: #f7f7f7; border: 1px solid #ddd; padding: 20px; }
.model-name-search:after { content: ''; display: block; clear: both; }
.model-name-search label { font-weight: bold; float: left; width: 90px; padding-top: 9px; }
.model-name-search .form__text { float: right; width: calc(100% - 90px); position: relative; }
.model-name-search .form__text .btn-search { position: absolute; right: 0; top: 0; width: 42px; height: 40px; }
.model-name-search .form__text .btn-search i { vertical-align: middle; }
.model-name-search .form__text .btn__delete-input { right: 50px; }
.model-name-search .form__text .input { padding: 5px 50px 5px 10px; background-color: #fff; }
.model-name-search .form__text input { padding: 0 20px 0 10px; height: 28px; }
.model-name-search .form__text .info-msg { position: relative; padding-left: 10px; }
.model-name-search .form__text .info-msg:before { content: ""; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
.model-name-search-page .model-name-search-table-box { max-height: 100%; }
.model-name-search-table td a { display: block; width: 100%; text-align: left; }
.model-name-search-table td a:hover, .model-name-search-table td a.is-active { color: #0072de; }
.model-name-search-table .no-data { padding: 40px 0; display: table-cell; }
.model-name-search-table .no-data strong { font-size: 18px; }
.model-name-search-table .no-data .no-data-txt { font-size: 14px; margin-top: 18px; font-weight: normal; }
@media (max-width: 1023px) { .model-name-search { padding: 0 0 30px 0; background-color: transparent; border-radius: 0; border: 0; }
  .model-name-search label { display: none; }
  .model-name-search .form__text { width: 100%; }
  .model-name-search-table-box { margin-top: 0; } }
/* 많이하는 질문 상세 */
/* 스스로 해결하기  tit 및 정보 */
.page-head { position: relative; }
.page-head:after { content: ''; display: block; clear: both; }
.page-head .list-info { float: left; width: 80%; }
.page-head .sharingBtn { float: right; text-align: right; width: 20%; }
@media (max-width: 1023px) { .page-head { margin-top: 12px; padding-bottom: 15px; } }
@media (min-width: 1024px) { .page-head { margin-top: 22px; padding-bottom: 24px; } }
/* 스스로 해결 > 상세 > 상단 :리스트 정보  */
.page-head .list-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; }
.page-head .list-info.full { width: 100%; }
.page-head .list-info li { display: table; line-height: 1; margin-right: 50px; margin-top: 4px; }
.page-head .list-info li:last-child { margin-right: 0; }
.page-head .list-info .list-info-tit { display: table-cell; padding-right: 20px; color: #767676; vertical-align: middle; }
.page-head .list-info .list-info-txt { display: table-cell; color: #000; }
.page-head .list-info .list-info-tit + .list-info-txt { position: relative; padding-left: 20px; }
.page-head .list-info .list-info-tit + .list-info-txt:before { content: ''; position: absolute; left: 0; top: 2px; width: 1px; height: 13px; background-color: #ddd; }
.page-head .list-info .assistanceBox .list-info-txt:before { top: 3px; }
.page-head .list-info .color__sky { position: relative; font-weight: bold; padding-left: 20px; }
.page-head .list-info .color__sky:before { content: ''; position: absolute; left: 5px; top: 6px; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-head .sharing-popup { bottom: -230px; }
/* 스스로 해결 > 상세 > 중단  */
.page-cont { max-width: 1392px; margin: 0 auto; padding: 52px 0 60px; border-bottom: 1px solid #ddd; border-top: 2px solid #000; }
.page-cont .box-inner { padding: 0 94px; }
.page-cont.self-download-detail { padding: 12px 0 0; border-bottom: 0; }
.page-cont.self-download-detail + .page-foot .btn-box { border-top: 1px solid #ddd; padding-top: 30px; margin-top: 0; }
/* 스스로 해결 > 상세 > 하단*/
.page-foot .attachments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; overflow: hidden; padding: 26px 30px; border-bottom: 1px solid #ddd; }
.page-foot .attachments dt { width: 88px; font-weight: bold; }
.page-foot .attachments dd { width: calc(100% - 88px); }
.page-foot .attachments dd a { display: block; }
.page-foot .attachments dd a:not(:first-child) { padding-top: 10px; }
.page-foot .attachments dd a:hover { text-decoration: underline; }
.page-foot .listhashTag { padding: 20px 30px 10px; border-bottom: 1px solid #000; }
.page-foot .listhashTag a { display: inline-block; margin: 0 10px 10px 0; padding: 6px 20px; background-color: #ebebeb; border-radius: 18px; font-weight: normal; }
.page-foot .btn-box { margin-top: 30px; text-align: right; }
.page-foot .btn-box .btn__40:before { content: ''; display: inline-block; width: 9px; height: 9px; border-left: 2px solid #000; border-bottom: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); vertical-align: super; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-foot .btn-box .btn__40 span { padding-left: 2px; }
/* 더 궁금하신 사항 */
.oneself-qna-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; }
.qna-box { position: relative; width: calc((100% - 48px)/3); background-color: #f4f4f4; border-radius: 20px; padding: 40px 30px 40px 95px; }
.qna-box strong { font-size: 18px; font-weight: bold; line-height: 26px; }
.qna-box i[class^='icon'] { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.qna-box + .qna-box { margin-left: 24px; }
/* 원하는 정보 찾기 */
.oneself-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; }
.oneself-banner-tit dt, .oneself-banner-tit strong { font-size: 28px; font-weight: bold; }
.oneself-banner-tit dt + dd { margin-top: 10px; }
.oneself-banner-tit .dot-style { position: relative; padding-left: 8px; }
.oneself-banner-tit .dot-style:before { content: ''; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.oneself-banner-tit .dot-style .color__sky { font-weight: bold; }
.oneself-banner + .bullet__16 { margin-top: 16px; }
/* sns 보내기 팝업 */
.layer[data-layer-name="positionInformation"] .sub-tit { position: relative; z-index: 1; padding: 20px 0; border-bottom: 1px solid #000; }
.layer[data-layer-name="positionInformation"] .input-area { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; margin-top: 30px; }
.layer[data-layer-name="positionInformation"] .input-area + .input-area { margin-top: 20px; }
.layer[data-layer-name="positionInformation"] .input-area .input-tit { width: 180px; padding-top: 8px; }
.layer[data-layer-name="positionInformation"] .input-area .input { width: 300px; }
.layer[data-layer-name="positionInformation"] .input-area input[type="number"] { height: 40px; line-height: 40px; width: 100%; }
.layer[data-layer-name="positionInformation"] .send-ex-area { margin-top: 20px; padding-bottom: 30px; }
.layer[data-layer-name="positionInformation"] .send-ex-area .box-radius { padding: 28px 30px; line-height: 22px; font-size: 14px; }
.layer[data-layer-name="positionInformation"] .send-ex-area .box-radius .send-tit { font-weight: bold; }
.layer[data-layer-name="positionInformation"] .btn-area { padding-top: 15px; border-top: 1px solid #ddd; }
.layer[data-layer-name="positionInformation"] .layer-cont { padding-top: 65px; margin-top: -65px; }
@media (max-width: 1023px) { .page-head .list-info { width: calc(100% - 70px); }
  .page-head .sharingBtn { width: 60px; }
  .page-cont .box-inner { padding: 0; }
  /* pageinfo*/
  /* 페이지 정보 */
  .page-head .list-info { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 0; }
  .page-head .list-info.info-all-on li:nth-child(2) { display: block; }
  .page-head .list-info.two-line li:not(:last-child) .list-info-txt { border-right: 0; }
  .page-head .list-info li { margin-right: 0; margin-top: 6px; position: relative; }
  .page-head .list-info li + li { margin-left: 0; }
  .page-head .list-info li .list-info-tit { display: none; }
  .page-head .list-info li .list-info-tit + .list-info-txt { padding-left: 0; }
  .page-head .list-info .list-info-tit + .list-info-txt:before { display: none; }
  .page-head .list-info li .list-info-txt { padding-right: 40px; }
  .page-head .list-info li:after { content: ''; position: absolute; right: 20px; top: 2px; width: 1px; height: 13px; background-color: #ddd; }
  .page-head .list-info li:last-child:after { display: none; }
  .page-head .sharing-popup { bottom: 0; }
  .page-cont { width: calc(100% - 40px); padding-top: 36px; }
  /* 스스로 해결 배너 기본 레이아웃 */
  .oneself-banner-tit dt, .oneself-banner-tit strong { font-size: 24px; }
  /* 더 궁금하신 사항 */
  .oneself-qna-box { display: block; }
  .oneself-qna-box .qna-box { width: 100%; }
  .oneself-qna-box .qna-box + .qna-box { margin-top: 20px; margin-left: 0; }
  .page-foot .attachments { padding: 20px 0; }
  .page-foot .listhashTag { padding: 18px 0; }
  .page-foot .btn-box { text-align: center; }
  .page-foot .page-button-mb-hidden { display: none; }
  /* 원하는 정보 박스 */
  .oneself-banner { display: block; }
  .oneself-banner > dl + dl { margin-left: 0; margin-top: 20px; }
  /* 레이어 팝업  sns 문자 보내기 */
  .layer[data-layer-name="positionInformation"] .input-area { padding: 0; display: block; margin-top: 20px; }
  .layer[data-layer-name="positionInformation"] .input-area .input-tit { width: 130px; }
  .layer[data-layer-name="positionInformation"] .input-area .input-box { width: 100%; }
  .layer[data-layer-name="positionInformation"] .input-area .input-box .form__text { margin-top: 8px; }
  .layer[data-layer-name="positionInformation"] .input-area .input { width: 100%; }
  .layer[data-layer-name="positionInformation"] .send-ex-area .box-radius { padding: 20px; }
  .layer[data-layer-name="positionInformation"] .send-ex-area { padding-bottom: 20px; }
  .layer[data-layer-name="positionInformation"] .btn-area { padding-top: 20px; } }
.oneselft-banner > div { margin-top: 36px; }
@media (max-width: 1023px) { .oneselft-banner > div { margin-top: 56px; } }
/*********************************************** s :에디터 및 스스로해결 하기 > 상세 페이지 사용  ********************************************************/
/* table */
.editor-view table { width: 1204px; border-collapse: collapse; word-break: break-all; table-layout: auto; }
.editor-view table td, .editor-view table th { padding: 20px 15px 19px; border-bottom: 1px solid #b9b9b9; border-left: 1px solid #d2d6e0; }
.editor-view table th { border-top: 1px solid #000;  }
.editor-view table th + th, .editor-view table th + td, .editor-view table td + td { border-left: 1px solid #d2d6e0; }
.editor-view table td:nth-child(1), .editor-view table th:nth-child(1) { border-left: 0; }
.editor-view table tr:last-child td { border-bottom: 1px solid #000; }
.editor-view .tableType td[scope] { background-color: #fff; }
.editor-view .tableType01 td[scope] { background-color: #f7f7f7; }
.editor-view .tableType01 th:first-child { background-color: #f7f7f7; }
.editor-view .tableType03 td[scope] { background-color: #f7f7f7; }
.editor-view .tableType04 td:first-child { background-color: #f7f7f7; }
.editor-view .tableType04 tr:last-child td { background-color: #f7f7f7; }


.editor-view .tableType02 th,
.editor-view .tableType03 th,
.editor-view .tableType04 th,
.editor-view .tableType05 th, .editor-view .tableType05 td {background-color: #f7f7f7; }


.editor-view table td[colspan] { border-right: 1px solid #d2d6e0; }
.editor-view table td[colspan] + td { border-left: 0; }
/* boxType */
.editor-view .boxType01 { overflow: hidden; padding: 13px 30px; border-radius: 20px; background-color: #f7f7f7; }
.editor-view .boxType02 { overflow: hidden; padding: 13px 30px; border: 1px solid #ddd; border-radius: 20px; background-color: #fff; }
.editor-view .boxType03 { overflow: hidden; padding: 13px 30px; border: 1px solid #ddd; border-radius: 20px; background-color: #f7f7f7; }
@media (max-width: 1023px) { .editor-view .boxType01, .editor-view .boxType02, .editor-view .boxType03 { border-radius: 10px; } }
/* title_editor */
.editor-view .titL { margin-bottom: 25px; font-size: 28px; font-weight: bold; }
.editor-view .titM { margin-bottom: 18px; font-size: 24px; font-weight: bold; color: #1429a0; }
.editor-view .titS { margin-bottom: 14px; font-size: 18px; font-weight: bold; color: #0072de; }
@media (max-width: 1023px) { .editor-view .titL { font-size: 24px; }
  .editor-view .titM { font-size: 20px; }
  .editor-view .titS img { max-width:100% !important; height:auto !important;}
}
/* button */
.editor-view .btnRound { display: inline-block; min-width: 90px; padding: 8px 20px; border: 1px solid #ddd; border-radius: 20px; background-color: #fff; font-size: 14px; text-align: center; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.editor-view .btnRound:hover { color: #fff; background: #0072de; border-color: #0072de; }
.editor-view .colorBlue { color: #0072de; }
.editor-view .btnRound:hover.colorBlue { color: #fff; }
/* title */
.editor-view .listNum01 { overflow: hidden; counter-reset: listNum01; }
.editor-view .listNum01 > li { position: relative; margin-top: 20px; font-size: 18px; font-weight: bold; counter-increment: listNum01; line-height: 24px; }
.editor-view .listNum01 > li:before { position: absolute; width: 24px; height: 24px; line-height: 22px; font-size: 16px; margin-right: 5px; border: 1px solid #000; border-radius: 50%; background-color: #000; color: #fff; text-align: center; content: counter(listNum01); -webkit-box-sizing: border-box; box-sizing: border-box; }
.editor-view .listNum01 > li p { padding-left: 30px; }
.editor-view .listNum01 > li .txt { padding: 10px 0 0 0; font-size: 16px; font-weight: normal; }
.editor-view .listNum01 > li .point { padding-left: 0; }
.editor-view .point:before { top: 9px; background-position: 0 -50px; }
.editor-view .listNum02 { overflow: hidden; padding-left: 30px; counter-reset: listNum02; }
.editor-view .listNum02 > li { position: relative; margin-top: 20px; font-size: 18px; font-weight: bold; counter-increment: listNum02; line-height: 22px; }
.editor-view .listNum02 > li:before { position: absolute; content: counter(listNum02) "."; -webkit-box-sizing: border-box; box-sizing: border-box; }
.editor-view .listNum02 > li p { padding-left: 15px; }
.editor-view .listNum03 { overflow: hidden; padding-left: 50px; counter-reset: listNumber03; }
.editor-view .listNum03 > li { position: relative; margin-top: 10px; font-size: 16px; font-weight: normal; counter-increment: listNumber03; }
.editor-view .listNum03 > li:before { position: absolute; content: counter(listNumber03) ") "; }
.editor-view .listNum03 > li p { padding-left: 15px; }
.editor-view .listNum04 { overflow: hidden; padding-left: 65px; counter-reset: listNumber04; }
.editor-view .listNum04 > li { position: relative; margin-top: 10px; font-size: 15px; font-weight: normal; counter-increment: listNumber04; }
.editor-view .listNum04 > li:before { position: absolute; content: counter(listNumber04); width: 18px; height: 18px; top: 1px; line-height: 16px; font-size: 14px; border: 1px solid #000; border-radius: 50%; text-align: center; }
/**/
.editor-view .listNum04 > li p { padding-left: 20px; }
.editor-view .listNum04 > li .txt { padding-left: 0; margin-top: 10px; font-size: 16px; font-weight: normal; }
/* indent */
.editor-view .txtIndent01 { padding-left: 11px; }
.editor-view .txtIndent02 { padding-left: 22px; }
.editor-view .txtIndent03 { padding-left: 33px; }
.editor-view ol[class^="listNum"] .txtIndent01 { padding-left: 30px; }
.editor-view ol[class^="listNum"] .txtIndent02 { padding-left: 40px; }
.editor-view ol[class^="listNum"] .txtIndent03 { padding-left: 50px; }
@media (max-width: 1023px) { .editor-view .listNum02 { padding-left: 15px; }
  .editor-view .listNum03 { padding-left: 25px; }
  .editor-view .listNum04 { padding-left: 40px; } }
/*editor-view .listNum 내 들여쓰기 수정*/
.editor-view .listNum02 li > .listNum03 { padding-left: 20px; }
.editor-view .listNum03 li > .listNum04 { padding-left: 15px; }
/* boxBoolen */
.editor-view .boxBoolen { position: relative; }
.editor-view .boxBoolen::before { content: ''; position: absolute; left: 50%; width: 1px; height: 100%; background-color: #ddd; -webkit-transform: translate(-50%); transform: translate(-50%); }
.editor-view .boxBoolen::after { content: ""; display: block; clear: both; }
.editor-view .boxBoolen li { position: relative; float: left; width: calc(50% - 15px); padding: 10px 30px 10px 100px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.editor-view .boxBoolen li:before { content: ""; position: absolute; left: 30px; top: 10px; width: 54px; height: 54px; background: url(../img/icon/sp_icon_answer.png) no-repeat 0 0; }
.editor-view .boxBoolen .yesSelect:before { background-position: 0 0; }
.editor-view .boxBoolen .noSelect:before { background-position: 0 -100px; }
.editor-view .boxBoolen li + li { float: right; }
.editor-view .boxBoolen li .boolenHead p { font-size: 22px; font-weight: bold; }
.editor-view .boxBoolen li .boolenCont { margin-top: 15px; }
.editor-view .boxBoolen li .boolenCont p { display: block; font-size: 16px; font-weight: normal; line-height: 24px; }
.editor-view .boxBoolen li .boolenCont p + p { margin-top: 3px; }
/* boxList */
.editor-view .boxList > li { display: block; padding: 14px 20px; margin-top: 10px; background-color: #fff; border: 1px solid #c4c4c4; border-radius: 10px; font-weight: normal; caret-color: #000; }
/* .editor-view .boxList > li:hover{background-color:#000;color:#fff} 1028 수정 */
.editor-view .boxList > li a { padding-left: 30px; }
/* .stepList 1028 수정 */
.editor-view .stepList > li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px 30px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; font-size: 18px; }
.editor-view .stepList > li:before { display: none; }
.editor-view .stepList > li p { padding-left: 0; }
.editor-view .stepList li .stepBox { position: relative; min-width: 70px; max-width: 150px; padding-right: 15px; }
.editor-view .stepList li .stepBox:after { content: ''; position: absolute; right: 0; top: 6px; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.editor-view .stepList li .stepTxt { width: calc(100% - 100px); padding-left: 20px; }
/* accordion */
.editor-view .accordion dl { position: relative; padding: 20px 80px 20px 30px; margin-top: 10px; border: 1px solid #d7d7d7; border-radius: 8px; word-break: keep-all; }
.editor-view .accordion dl:after { content: ''; position: absolute; right: 40px; top: 17px; width: 15px; height: 15px; border-bottom: 1px solid #4c4c4c; border-right: 1px solid #4c4c4c; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-sizing: border-box; box-sizing: border-box; }
.editor-view .accordion dl:first-child { margin-top: 0; }
.editor-view .accordion dl:hover, .editor-view .accordion dl.active { background-color: #f7f7f7; }
.editor-view .accordion dl.active:after { top: 27px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.editor-view .accordion dl dt { word-break: break-word; }
.editor-view .accordion dl.active dt { padding-bottom: 20px; font-weight: bold; }
.editor-view .accordion dl dd { display: none; padding-top: 20px; border-top: 1px solid #ddd; color: #000; word-break: break-word; }
.editor-view .accordion dl dd + dd { padding-top: 6px; border-top: 0; }
/* link phone */
.editor-view .telLink:hover { text-decoration: underline; }
/* image + list + link */
.editor-view .imgListLink .imgCapBot .image { text-align: center; }
.editor-view .imgListLink .imgCapBot .image img { max-width: 100%; }
/* bg phone add  */
.editor-view .bgMobileWrap::after { content: ''; display: block; clear: both; }
.editor-view .bgMobile { float: left; position: relative; width: 220px; height: 460px; margin: 0 40px 50px 0; }
.editor-view .bgMobile:before { position: absolute; width: 100%; height: 100%; background: url(../img/bg_galaxy_s.png) no-repeat 0 0; content: ""; }
.editor-view .bgMobile .image { width: 208px; height: 446px; margin: 5px 7px 9px 5px; }
.editor-view .bgMobile .image img { width: 100%; height: 100%; }
/* 추가 */
.editor-view .bgMobile figcaption { text-align: center; }
/* 갤럭시 폴드 */
.editor-view .bgMobilefold { float: left; position: relative; width: 440px; height: 544px; margin: 0 40px 50px 0; }
.editor-view .bgMobilefold:before { position: absolute; width: 100%; height: 100%; background: url(../img/galaxy_fold2.png) no-repeat 0 0; content: ""; }
.editor-view .bgMobilefold .image { width: 418px; height: 522px; margin: 11px 12px 11px 10px; }
.editor-view .bgMobilefold .image img { width: 100%; height: 100%; }
/* 추가 */
.editor-view .bgMobilefold figcaption { text-align: center; }
@media (max-width: 1023px) { .editor-view .bgMobilefold { width: 320px; height: 544px; margin: 0; }
  .editor-view .bgMobilefold:before { position: absolute; width: 100%; height: 100%; background: url(../img/galaxy_fold2.png) no-repeat 0 0; content: ""; background-size: 100% 100%; }
  .editor-view .bgMobilefold .image { width: 320px; height: 544px; margin: 0; padding: 10px 0; }
  .editor-view .bgMobilefold .image img { width: 100%; height: 100%; }
  /* 추가 */
  .editor-view .bgMobilefold figcaption { text-align: center; } }
/*z플립*/
.editor-view .bgMobileZflip { float: left; position: relative; width: 260px; height: 584px; margin: 0 20px 50px 0; }
.editor-view .bgMobileZflip:before { position: absolute; width: 100%; height: 100%; background: url(../img/galaxy_z.png) no-repeat 0 0; content: ""; }
.editor-view .bgMobileZflip .image { width: 228px; height: 554px; margin: 15px 16px; }
.editor-view .bgMobileZflip .image img { width: 100%; height: 100%; }
/* 추가 */
.editor-view .bgMobileZflip figcaption { text-align: center; }
/* 갤럭시 20 */
.bgGallaxyS20 { float: left; position: relative; width: 235px; height: 508px; margin: 0 20px 50px 0; }
.bgGallaxyS20:before { position: absolute; width: 100%; height: 100%; background: url(../img/galaxy-s20.png) no-repeat 0 0; content: ""; }
.bgGallaxyS20 .image { width: 220px; height: 489px; margin: 8px 8px 12px 6px; }
.bgGallaxyS20 .image img { width: 100%; height: 100%; }
/* 추가 */
.bgGallaxyS20 figcaption { text-align: center; }
/*갤럭시 노트 20 */
.bgGallaxyNote20 { float: left; position: relative; width: 202px; height: 432px; margin: 0 20px 50px 0; }
.bgGallaxyNote20:before { position: absolute; width: 100%; height: 100%; background: url(../img/galaxy-note-20.png) no-repeat 0 0; content: ""; }
.bgGallaxyNote20 .image { width: 186px; height: 413px; margin: 7px 8px 11px 6px; }
.bgGallaxyNote20 .image img { width: 100%; height: 100%; }
/* 추가 */
.bgGallaxyNote20 figcaption { text-align: center; }
/* 갤럭시 노트 20 울트라 */
.bgGallaxyNote20Ultra { float: left; position: relative; width: 229px; height: 488px; margin: 0 20px 50px 0; }
.bgGallaxyNote20Ultra:before { position: absolute; width: 100%; height: 100%; background: url(../img/galaxy-note20ultra.png) no-repeat 0 0; content: ""; }
.bgGallaxyNote20Ultra .image { width: 220px; height: 472px; margin: 6px 5px 10px 3px; }
.bgGallaxyNote20Ultra .image img { width: 100%; height: 100%; }

/* 추가 20210825 */
/* 추가 수정 20210915 */
/* 갤럭시 폴드 3 440 * 540 -> 331 * 413 */
.editor-view .bgMobileZfold3 { float: left; position: relative; width:352px; height:432px; margin: 0 40px 50px 0; }
.editor-view .bgMobileZfold3:before { position: absolute; width: 100%; height: 100%; background: url(../img/galaxy_fold3.png) no-repeat 0 0; content: ""; }
.editor-view .bgMobileZfold3 .image { width:331px; height:413px; margin: 10px 12px 11px 10px; }
.editor-view .bgMobileZfold3 .image img { width: 100%; height: 100%; }

/*z플립 3 260 * 580 -> 200 * 489*/
.editor-view .bgMobileZflip3 { float: left; position: relative; width:220px; height:513px; margin: 0 20px 50px 0; }
.editor-view .bgMobileZflip3:before { position: absolute; width: 100%; height: 100%; background: url(../img/galaxy_flip3.png) no-repeat 0 0; content: ""; }
.editor-view .bgMobileZflip3 .image { width:200px; height:490px; margin:11px 10px 15px 10px; }
.editor-view .bgMobileZflip3 .image img { width: 100%; height: 100%; }

/* 추가 */
.bgGallaxyNote20Ultra figcaption,
.bgMobileZfold3 figcaption,
.bgMobileZflip3 figcaption { text-align: center; }

/* video add 1028 수정 */
.editor-view .videoBox { max-width: 800px; margin: 0 auto; }
.editor-view .videoBox .videoTit { margin-bottom: 12px; font-size: 24px; font-weight: bold; }
.editor-view .videoBox .subtitle { margin-top: 20px; border-bottom: 1px solid #000; font-weight: bold; text-align: right; }
.editor-view .videoBox .yScroll { margin-top: 20px; height: auto; padding: 20px 15px; border-radius: 20px; background-color: #f7f7f7; }
.editor-view .videoBox .yScroll .viewTxt { line-height: 1.6; padding: 0 15px; font-size: 16px; text-align: left; font-weight: normal; }
.editor-view .videoBox .yScroll .mCustomScrollBox { overflow: hidden; }
.editor-view .listNum01 > li .videoBox p { padding-left: 0; }
.editor-view .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.editor-view .video iframe, .editor-view .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video #ytb { height: 450px; width: 100%; padding-left:30%; padding-right:30%; outline: 0px dashed #d0021b !important;}
.videoService  { width: 100%; padding-top:30px; margin:0 auto; outline: 0px dashed #d0021b !important;}
.videoService .video  { outline: 0px dashed #d0021b !important;}
.videoList { margin-top: 35px;}
.videoList .video-thumbnail { cursor: pointer; }

@media (min-width: 1024px) and (max-width: 1280px) {
  .video #ytb {
    height: 400px;
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
  }

}
@media (max-width: 1023px) { .editor-view .videoBox .yScroll { border-radius: 10px; }
  .editor-view .videoBox .videoTit { font-size: 20px; }
  .video #ytb { height: 300px; width: 100%; padding-left:5%; padding-right:5%;}
  .videoList { margin-top: 25px;}
}
/* list + Num + img + txt  */
.editor-view .listNum01 .imgTxt { padding-left: 30px; }
/* imagesBox */
.editor-view .image img { max-width: 100%; }
.editor-view .image > img + img { margin-left: 20px; }
/*.editor-view .image Txt */
.editor-view .imgTxtBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.editor-view .imgTxtBox > div + div { margin-left: 30px; }
.editor-view .imgTxtBox .image + p { margin-left: 30px; }
/*.image Txt  숫자 박스 추가 */
.editor-view .listNum01.boxList > li { padding: 14px 20px 14px 50px; }
.editor-view .listNum01.boxList > li:before { left: 20px; }
.editor-view .listNum01.boxList > li a { padding-left: 0; }
/* 번호 + 이미지 + 텍스트 */
.editor-view .numImgTxt li .imgTxtBox { padding-left: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.editor-view .numImgTxt li .imgTxtBox img { vertical-align: top; }
.editor-view .numImgTxt li .imgTxtBox .imgTxt { padding-left: 0; }
.editor-view .numImgTxt li .imgTxtBox .imgTxt p { padding: 0; font-weight: normal; }
/* 버튼 색상 변경 */
.editor-view .btnRound.colorBlue { color: #0072de; }
/* 이미지 + 리스트 + 링크 1028 수정 */
.editor-view .imgListLink .boxList li { -webkit-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in; }
.editor-view .imgListLink .boxList li:hover { background-color: #000; color: #fff; }
.editor-view .imgListLink .boxList li:hover:before { background-color: #fff; color: #000; border-color: #fff; }
/* dotType  1023 추가 */
.editor-view .dotType01 { width: 100%; }
.editor-view .dotType01 li { padding-left: 10px; position: relative; }
.editor-view .dotType01 li::before { content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
/*  번호 매기기 */
.editor-view .listStyle { padding-left: 12px; list-style: decimal; }
/* 이미지 그룹 관련*/
.editImageGroup .image { display: inline-block; }
.editImageGroup .image + .image { margin-left: 20px; }
.editImageGroup .image .imgGroupTxt { display: block; font-size: 15px; text-align: center; }
/* 폰트 노말*/
.edito-font-normal { font-weight: normal; }
/* 20201111 추가 내용 */
/* 번호 텍스트 이미지  20201111 추가 */
.editor-view .numTxtImg .listNum01 .image { margin-top: 10px; margin-left: 30px; }
/* 동영상 자막 관련 추가 내용 20201111 추가 */
.editor-view .numVideoTxt .listNum01 { max-width: 850px; margin: 0 auto; }
.editor-view .numVideoTxt .listNum01 .videoBox { margin-top: 10px; }
.edito-font-normal { font-weight: normal; }
/* 용어 설명집 */
.editor-view .glossary { color: #ff9c00; -webkit-text-decoration-line: underline; text-decoration-line: underline; }
@media (max-width: 767px) { /* 에디터 및 상세 페이지 */
  .editor-view .boxBoolen::before { display: none; }
  .editor-view .boxBoolen li { float: none; width: 100%; }
  .editor-view .boxBoolen li + li { border-top: 1px solid #ddd; }
  /**/
  .editor-view .editImageGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .editor-view .editImageGroup .image { display: block; max-width: 350px; }
  .editor-view .editImageGroup .image + .image { margin-left: 0; } }
/*******************************************************************************************************/
/* 에디터 스와이프 추가 */
.editor-view .editSwiper { max-width: 920px; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 50px; }
/* title*/
.editor-view .editSwiper .swiper-container { overflow: visible; padding: 0 60px; margin-top: 40px; }
.editor-view .editSwiper .swiper-container .swiper-slide { text-align: center; height: auto; }
.editor-view .editSwiper .swiper-container .swiper-slide .slideTitBox { text-align: center; }
.editor-view .editSwiper .swiper-container .swiper-slide .slideTitBox strong { font-size: 24px; }
.editor-view .editSwiper .swiper-container .swiper-slide .slideTitBox strong + p { margin-top: 10px; }
.note-editable .editSwiper .swiper-container .swiper-slide .slideTitBox + .imgBox { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 90%; }
.note-editable .editSwiper .swiper-container .swiper-slide .imgBox img { max-width: 100%; }
.editor-view .editSwiper .swiper-pagination { display: block; bottom: -50px; font-weight: bold; }
.editor-view .editSwiper .swiper-pagination-current { color: #0072de; }
.editor-view .editSwiper .swiper-button-prev, .editor-view .editSwiper .swiper-button-next { top: calc(50% + 35px); }
/* 20210107 추가*/
.editor-view .editSwiper .swiper-container .swiper-slide .swiperBgGallaxyS20 { float: none; margin: 6px auto 0; }
.editor-view .editSwiper .swiper-container .swiper-slide .swiperBgGallaxyS20::before { left: 0; top: 0; }
.editor-view .editSwiper .swiper-container .swiper-slide .swiperBgGallaxyS20 .image { margin: 0 8px 0 6px; padding: 8px 0 12px; height: 509px; }
@media (max-width: 1023px) { .editor-view .editSwiper .swiper-button-next, .editor-view .editSwiper .swiper-button-prev { display: block; } }
.swiperModify { display: none; }
/* content */
.editor { overflow: hidden; position: relative; max-width: 1392px; height: 100%; margin: 0 auto; padding: 30px 24px; }
.editWrap { height: 100vh; background-color: #ebebeb; padding-right: 400px; overflow: hidden; }
/* button */
.editWrap .btnRound { display: inline-block; min-width: 160px; padding: 9px 20px; border: 1px solid #ccc; border-radius: 20px; text-align: center; }
.editWrap .btnPrev { border: 1px solid #0081f7; background-color: #f3f3f3; color: #0081f8; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.editWrap .btnSave { margin-right: 0; background-color: #3267ea; color: #fff; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.editWrap .btnCancel { margin-right: 0; margin-left: 10px; background-color: #ba3a07; color: #fff; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.editWrap .btnSave.pdf { background-color: #109035; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.editWrap .btnPrev:hover, .editWrap .btnPrev:focus { background-color: #0081f7; color: #fff; }
.editWrap .btnSave:hover, .editWrap .btnSave:focus { background-color: #5083ff; color: #fff; }
.editWrap .btnSave.pdf:hover, .editWrap .btnSave.pdf:focus { background-color: #0e802f; }
/* editor top */
.editWrap .editHead { padding: 30px 60px 31px; border-bottom: 1px solid #c5c5c5; }
.editWrap .editHead::after { content: ''; display: block; clear: both; }
.editWrap .editHead > div { float: left; }
.editWrap .editHead > div + div { float: right; }
/* editor cont */
.editWrap .contWrap { padding: 10px 20px; margin: 0 auto; }
.editWrap .contWrap .toolBar { width: 100%; height: 40px; background-color: #fff; text-align: center; }
.editWrap .contWrap .note-editable { height: calc(100vh - 180px); margin: 0 auto; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* editor yscroll */
.editWrap .editGnb .yScroll { height: calc(100% - 120px); }
.editWrap .editGnb .yScroll .mCSB_scrollTools { margin-top: 20px; }
.editWrap .editGnb .yScroll .mCSB_inside > .mCSB_container { margin-right: 0; }
.editWrap .editGnb .yScroll .mCSB_scrollTools .mCSB_draggerRail { width: 4px; }
/* 모바일 웹 미리보기  */
.editorMb { padding-right: 0; }
.editorMb .editHead { background-color: #fff; }
.editorMb .editHead h1 { font-size: 28px; font-weight: bold; }
.editorMb ul li { margin-bottom: 0; }
.editorMb .contWrap { padding: 40px 20px 10px 170px; }
.editorMb .contWrap .note-editable { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 20px; border: 1px solid #ddd; padding: 20px; margin: 0 auto; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.editorMb .mCSB_inside > .mCSB_container { margin-right: 0; }
.editorMb .mbNav { position: fixed; height: 100%; width: 150px; left: 0; top: 100px; background-color: #222; }
.editorMb .mbNav .yScroll { height: calc(100% - 165px); }
.editorMb .mbNav .lnb > li { border-bottom: 1px solid #646464; color: #fff; }
.editorMb .mbNav .lnb > li > a { position: relative; display: block; text-align: center; padding: 77px 20px 20px; border-bottom: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; font-size: 20px; }
.editorMb .mbNav .lnb > li.active > a { background-color: #0081f8; }
.editorMb .mbNav .lnb > li > a:before { content: ''; position: absolute; top: 20px; background: url(../img/editor/editor_icon_Mb.png) no-repeat; width: 28px; height: 50px; left: 50%; margin-left: -14px; }
.editorMb .mbNav .lnb > li:nth-child(1) > a:before { content: ''; background: url(../img/editor/editor_icon_pc.png) no-repeat; width: 44px; height: 38px; left: 50%; margin-left: -22px; }
.editorMb .mbNav .lnb ul { display: none; padding: 0; background-color: #0081f8; }
.editorMb .mbNav .lnb .txtDetails { padding: 0 20px 20px; background-color: #0081f8; color: #fff; }
.editorMb .mbNav .lnb .txtDetails li { line-height: 24px; }
.editorMb .mbNav .lnb .txtDetails li:nth-child(1) { border-top: 1px solid rgba(255, 255, 255, 0.5); padding-top: 9px; }
.editorMb .mbNav .lnb .txtDetails li + li { margin-top: 5px; }
/* 201016 9시 추가 */
.editorMb .lnbAlert { display: block; bottom: 0; width: 20px; height: 20px; margin: 20px auto; }
.editorMb .alertBox { position: relative; }
.editorMb .alertBox.is-active .lnbalertTxt { display: block; opacity: 1; }
.editorMb .alertBox .lnbalertTxt { display: none; position: fixed; left: 170px; bottom: 0; width: 470px; padding: 20px 30px; background-color: #fff; border-radius: 15px; line-height: 24px; opacity: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.15); }
/* editor top */
.editWrap .editHead { padding: 30px 60px 31px; border-bottom: 1px solid #c5c5c5; }
.editWrap .editHead::after { content: ''; display: block; clear: both; }
.editWrap .editHead > div { float: left; }
.editWrap .editHead > div + div { float: right; }
/* editor yscroll */
.editWrap .editGnb .yScroll { height: calc(100% - 120px); }
.editWrap .editGnb .yScroll .mCSB_scrollTools { margin-top: 20px; }
.editWrap .editGnb .yScroll .mCSB_inside > .mCSB_container { margin-right: 0; }
.editWrap .editGnb .yScroll .mCSB_scrollTools .mCSB_draggerRail { width: 4px; }
/* editor gnb */
.editGnb { position: fixed; right: 0; top: 0; width: 400px; height: 100%; background-color: #222; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.editGnb ul li { margin-bottom: 0; }
.editGnb .gnbTit { padding: 31px 30px 32px; border-bottom: 1px solid #666; font-size: 28px; font-weight: bold; color: #fff; }
.editGnb .lnb { height: calc(100% - 80px); overflow-y: auto; }
.editGnb .lnb > li { position: relative; padding: 0 30px; -webkit-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; }
.editGnb .lnb > li:before { content: ""; position: absolute; top: 20px; left: 30px; width: 40px; height: 40px; background: url(../img/icon/sp_icon_lnb.png) no-repeat 0 0; }
.editGnb .lnb > li > a { display: block; position: relative; width: 100%; height: 100%; padding: 27px 30px 26px 65px; border-bottom: 1px solid #666; font-size: 20px; color: #fff; }
.editGnb .lnb > li > a:after { content: ""; position: absolute; right: 10px; width: 15px; height: 30px; background: url(../img/btn/btn_arrow_acco.png) no-repeat 0 center; }
.editGnb .lnb > li.active { background-color: #0081f8; }
.editGnb .lnb > li.active > a { border-bottom: 0; }
.editGnb .lnb > li.active > a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.editGnb .lnb > li:nth-child(2):before { background-position: 0 -50px; }
.editGnb .lnb > li:nth-child(3):before { background-position: 0 -100px; }
.editGnb .lnb > li:nth-child(4):before { background-position: 0 -150px; }
.editGnb .lnb > li:nth-child(5):before { background-position: 0 -200px; }
.editGnb .lnb > li:nth-child(6):before { background-position: 0 -250px; }
/* editor gnb depth01 */
.editGnb .lnb .depth01 { display: none; background-color: #f1f1f1; margin-left: -30px; margin-right: -30px; padding: 30px; }
.editGnb .lnb .depth01 li { position: relative; }
.editGnb .lnb .depth01 li + li { margin-top: 10px; }
.editGnb .lnb .depth01 li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 90px; padding: 0 20px; border: 1px solid #d7d7d7; background-color: #fff; font-size: 16px; color: #222; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.editGnb .lnb .depth01.txtBox li a { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.editGnb .lnb .depth01 li a:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background-color: #daeaf9; }
.editGnb .lnb .depth01 li .titleM { color: #1429a0; }
.editGnb .lnb .depth01 li .titleS { color: #0072de; }
.editGnb .lnb .depth01 li .etc05, .editGnb .lnb .depth01 li .etc06 { height: 130px; }
.editGnb .lnb .depth01 li span { font-weight: bold; }
.editGnb .lnb .depth01 .blackR { position: relative; color: #fff; padding-right: 10px; }
.editGnb .lnb .depth01 .blackR::before { content: ''; position: absolute; left: -6px; top: 0; background-color: #000; width: 20px; height: 20px; border-radius: 50%; color: #fff; }
.editGnb .lnb .depth01 .blackR::after { content: "1"; position: absolute; left: 0px; top: 0; }
.editGnb .lnb .depth01 .borderR { position: relative; color: #000; padding-right: 10px; }
.editGnb .lnb .depth01 .borderR::before { content: ''; position: absolute; left: -7px; top: 0; width: 20px; height: 20px; border: 1px solid #000; border-radius: 50%; }
/* 로그인 페이지  상단 공통 요소 */
.welcom-login-box { margin-top: 30px; padding: 40px 0; }
.welcom-login-box .box-inner { display: table; width: 100%; padding: 0 180px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.welcom-login-box .welcom-box { display: table-cell; padding-left: 24px; vertical-align: middle; }
.welcom-login-box .welcom-box-tit { font-size: 28px; }
.welcom-login-box .welcom-box-txt { margin-top: 20px; line-height: 24px; }
@media (min-width: 1024px) and (max-width: 1439px) { .welcom-login-box .welcom-box-txt br { display: none; } }
@media (max-width: 1023px) { .welcom-login-box { padding: 30px 0; }
  .welcom-login-box .box-inner { display: block; padding: 0 20px; }
  .welcom-login-box i { display: block; margin: 0 auto; -webkit-transform: scale(0.8); transform: scale(0.8); }
  .welcom-login-box .welcom-box { display: block; padding-left: 0; padding-top: 5px; word-break: keep-all; text-align: center; }
  .welcom-login-box .welcom-box-tit { line-height: 30px; font-size: 24px; }
  .welcom-login-box .welcom-box-txt { margin-top: 11px; font-size: 16px; }
  .welcom-login-box .welcom-box-txt br { display: none; } }
/* 로그인 타이틀 기본 */
.login-tit { font-size: 28px; font-weight: bold; }
@media (max-width: 1023px) { .login-tit { font-size: 24px; } }

/* 로그인 페이지 상단 공통 박스 230117 수정 */
.login-top-box {position: relative; margin-top: 26px; padding: 35px 200px 35px 160px; border-radius: 20px; }
.login-top-box .top-txt {   padding:0px; margin-left: 25px; font-size: 18px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; font-weight: 700; line-height: 26px; }


@media (min-width: 1024px)  {
  .login-top-icon {vertical-align: top;  }
  .login-top-icon > i[class*=icon-] { position: absolute; left: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}

@media (max-width:1023px) {
  .login-top-box { display:inline-block;  width:100%; }
  .login-top-icon { margin-left:0px; }
  .login-top-box .top-txt { padding: 0px 20px; margin-left: 0px; }
}

/* 예약 조회/변경 페이지 상단 공통 박스 20201217 수정 */
.login-top-box2 { margin-top: 25px; padding: 30px 0; border-radius: 20px; background-color: #f7f7f7; text-align: center; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
.login-top-box2 .top-txt { margin-left: 25px; font-size: 18px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; font-weight: 700; line-height: 26px; }

@media (max-width:1023px) {
  .login-top-box2 { display:inline-block;  width:100%; }
  .login-top-box2 .top-txt { padding: 0px 20px; margin-left: 0px; }
}



/* 이메일 상담 상단 20210705 수정 */
.email-login-box { display:table;  width: 100%; padding: 24px 40px; margin-top: 25px; background-color: #f7f7f7; border-radius: 20px; border: 1px solid #ddd; -webkit-transition: all 0.3s; transition: all 0.3s; }
.email-login-box div { display:table-cell; vertical-align:top; }
.email-login-box .email-login-icon { width:130px; display:inline-block; vertical-align:top;  }

.email-login-box .email-login-box-txt { display: inline-block; }
.email-login-box .email-login-box-txt p { font-size: 18px; font-weight: bold; }

.email-login-box .email-login-list li { position:relative;  margin-top:10px; }
.email-login-box .email-login-list li em {  padding:4px 0px 4px 26px; }
.email-login-box .email-login-list li:before{  content: ''; position: absolute;  background:url(../img/email_li_icon.png) no-repeat 0px 0px; top: 2px;  background-size:18px; width:18px; height:18px; }
.email-login-box .email-login-list li > ul { margin-left: 30px; }
.email-login-box .email-login-list li > ul li:before { background:none;}
.email-login-box .email-login-list li > ul li { margin-top:0px; }

.email-login-box .btn-area button { min-width: 140px; float: left; margin-top: 10px; margin-left:0px; }
.email-login-box .btn-area i { float: left;width: 60px; height: 60px; margin-top:-4px; }
.email-login-box .btn-area {  text-align:center; margin: 15px auto 0px auto; width: auto; vertical-align: middle;}
.email-login-box .btn-area:after { content: ''; display: block; clear: both; }
.email-login-box .btn-area li { display: inline-block; vertical-align:top;}
.email-login-box .btn-area li:last-child { margin-left:20px; }
@media (min-width: 1024px) {
  .email-login-box .btn-area { vertical-align: middle; text-align: center; width: 211px; }
}
@media (max-width: 1023px) {
  .email-login-box .btn-area { text-align: center !important; margin-top:16px; display:table;}
}


/* 이메일상담>글쓰기 버튼 */
.email-login-box .btn-area.align_left { margin: 15px 0px 0px 130px; width: auto; vertical-align: middle; display: inline-block; }


.email-faq { margin:56px 0px 30px; padding: 0 30px 30px; }
.email-faq .email-login-tit { display: block; font-size: 24px; margin-top: 24px; }
.email-faq-con { margin-top: 20px; border-top: 1px solid #000; padding: 20px 0 0; position: relative; }
.email-faq-sub-tit {  font-size:20px; margin-bottom:10px; }
.email-faq-con .boxList > li { display: block; padding:14px 20px; margin-top: 10px; background-color:#fff; border: 1px solid #c4c4c4; border-radius: 10px; }
.email-faq-con .boxList > li a {  display:inline; }
.email-faq-con .boxList > li:hover { background:#000; border: 1px solid #000;  color:#fff; }
.email-faq-con .listNum { overflow: hidden; counter-reset: listNum; }
.email-faq-con .listNum > li {padding-left:50px;  position: relative; margin-top:10px; font-size: 18px; font-weight: 400; counter-increment: listNum; line-height: 24px; }
.email-faq-con .listNum > li:before { left:20px;  position: absolute; width: 24px; height: 24px; line-height: 22px; font-size: 16px; margin-right: 5px; border: 1px solid #000; border-radius: 50%; background-color:#000; color:#fff; text-align:center; content: counter(listNum); -webkit-box-sizing: border-box; box-sizing: border-box; }
.email-faq-con .listNum > li:hover:before { background:#fff; border:1px solid #fff; color:#000; }
.email-faq-con .listNum > li:first-child { margin-top:0px; }
.email-faq-con .listNum > li p { padding-left: 30px; }
.email-faq-con .listNum > li .txt { padding: 10px 0 0 0; font-size: 16px; }
.email-faq-con .listNum > li .point { padding-left: 0; }
.email-faq-con .btn-box { margin-top: 40px; text-align: center; }




@media (max-width: 1023px) {
  .email-login-box { padding: 24px 20px; }
  .email-login-box .email-login-box-txt p { text-align:center; }
  .email-login-box .email-login-icon{ width:100%; height:100px; margin:0px; padding:0px; text-align:center; display:table;   }
  .email-login-box .email-login-box-txt {  width:100%; display:table; }
  .email-login-box .email-login-box-txt { padding-left:0px; }

  .email-login-box .btn-area.align_left {  text-align:center; margin: 15px auto 0px auto; width: auto; vertical-align: middle;display: table;}

  .email-faq .email-login-tit {  font-size: 20px; }
  .email-faq-sub-tit {  font-size: 18px; }
  .email-faq-con .listNum > li { font-size:16px; }

}

@media (max-width: 1023px) and (max-width: 400px) {
  .email-login-box .btn-area i { display:none; }
  .email-login-box .btn-area button {  width:180px; }
  .email-login-box .btn-area li:last-child { margin-left:0px; }
}



@media (max-width: 1023px) { .login-box { margin-top: 40px; } }
/* 회원 로그인 리스트 */
.member-login { margin-top: 25px; padding: 10px 0; }
.member-login .box-inner { padding: 0 20%; }
.member-login-list > div { padding: 30px 0; text-align:center; }
/* (230206) 추가*/
.member-login-list p { margin-bottom:5px; }
.member-login-list p.tip-txt { display: inline-block; text-align:center; margin:0px auto 20px auto; padding:10px 40px; }
.member-login-list p button {  font-weight:700; font-size:16px; margin-bottom: 1px;  }
.member-login-list div[class^="btn-"] { max-width: 448px; margin: 0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.member-login-list div[class^="btn-"] + div[class^="btn-"] { margin-top: 15px; }
.member-login-list .icon-btn-box button { padding: 9px 0; }
.member-login-list .icon-btn-box i { vertical-align: middle; }
.member-login-list .icon-btn-box i + span { display: inline-block; vertical-align: middle; margin-left: 10px; text-indent: 0; }
.member-login-list .btn-line-box { text-align: center; }
.member-login-list .btn-line { border-bottom: 2px solid #000; font-size: 16px; font-weight: bold; }


@media (max-width: 1023px) { .member-login { border-radius: 10px; }
  .member-login .box-inner { padding: 0 20px; }
  .member-login-list div[class^="btn-"] { max-width: 100%; }
  .member-login-list div[class^="btn-"] .btn__50 { padding: 0 30px; }
  .member-login-list div[class^="btn-"] .btn__50 span { line-height: 1.2; }
  .member-login-list div[class^="btn-"] .btn__40 + .btn__40 { padding: 0 20px; }
  .member-login-list .btn-wrap button:nth-child(3) { min-width: 100%; margin-left: 0; margin-top: 15px; }
  .member-login-list .icon-btn-box button { display: block; min-width: 100%; }
  .member-login-list .icon-btn-box button + button { margin-left: 0; margin-top: 15px; } }
/* 비회원 로그인 박스 */
.nonmember-agree-box { margin-top: 55px; }
.nonmember-agree-box .sec-box { margin-top: 20px; }
.private-agree-box { padding: 40px 0; margin-top: 30px; }
.private-agree-box .box-inner { max-width: 920px; margin: 0 auto; }
.private-agree-tit strong { font-size: 24px; }
.private-agree-tit p { margin-top: 19px; font-size: 18px; }
.private-agree-form { margin-top: 21px; }
.private-agree-form:after { content: ''; display: block; clear: both; }
.private-agree-form > span { float: left; min-width: 355px; }
/**/
.tit__page + .nonmember-agree-box { margin-top: 22px; }
@media (max-width: 1023px) { .nonmember-agree-box { margin-top: 36px; }
  .tit__page + .nonmember-agree-box { margin-top: 17px; }
  .private-agree-form > span { min-width: auto; } }
.private-agree-form .form__radio input[type="radio"] + label:before { background-color: #fff; }
.private-agree-list { background-color: #fff; padding: 30px 40px; margin-top: 20px; }
.private-agree-list .mobile-private-btn { display: none; font-size: 18px; font-weight: bold; position: relative; width: 100%; cursor: pointer; }
.private-agree-list .mobile-private-btn::after { content: ""; position: absolute; right: 0; top: 5px; width: 10px; height: 10px; border-left: 2px solid #6c6c6c; border-bottom: 2px solid #6c6c6c; border-radius: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/* 개인동의 상세 리스트*/
.private-detail-list li + li { margin-top: 8px; }
.private-detail-list li .color__sky { font-weight: bold; }
.private-detail-list li .font-emphasize { font-weight: bold; font-size: 18px; border-bottom: 1px solid #000; }
.private-detail-list li .reference-mark { display: block; position: relative; padding-left: 15px; }
.private-detail-list li .reference-mark:before { content: '※'; position: absolute; left: 0; top: -1px; }
.private-agree-list + .private-input-add, .private-caution + .private-input-add.w470, .private-agree-list + .private-input-add.w470 { margin-top: 38px; }
.private-input-add .inputList > li { display: -webkit-box; display: -ms-flexbox; display: flex; }
.private-input-add li > label { width: 210px; font-weight: bold; padding-top: 9px; }
.private-input-add > li + li { margin-top: 20px; }
.private-input-add li .form__text.w450 { width: 470px; }
.private-input-add li .form__text input[type="text"], .private-input-add li .form__text input[type="password"] { background-color: transparent; padding: 0 20px 0 0; }
.private-input-add li .form__select.line-style .btn__toggle-select { background-color: transparent; }
.private-input-add .btn-box { margin-top: 40px; text-align: center; }
.private-input-add .email-input { width: calc(100% - 210px); }
.private-input-add .inputList > li + li { margin-top: 20px; }
.private-input-add.w470 { width: 470px; margin: 0 auto; text-align: center; }
.private-input-add.w470 .inputList { text-align: left; }
.private-input-add.w470 li .form__text .input { width: 378px; }
.private-input-add.w470 li > label { width: 115px; }
.private-input-add.w470 .form__checkbox { margin-top: 15px; display: inline-block; }
/*개인동의 주의 리스트*/
.private-caution { padding: 30px 40px; background-color: #fff; border-radius: 20px; border: 1px solid #ddd; }
.private-input-add + .private-caution { margin-top: 40px; }
.private-caution dl + dl { margin-top: 22px; }
.private-caution dt { font-size: 18px; font-weight: bold; }
.private-caution dt + dd { margin-top: 17px; }
.private-caution .dot-style { padding-left: 13px; position: relative; }
.private-caution .dot-style::before { content: ''; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.private-caution .reference-mark { padding-left: 13px; position: relative; }
.private-caution .reference-mark::before { content: '※'; position: absolute; left: 0; top: -1px; }
.private-caution .bullet__16 li + li { margin-top: 5px; }
.private-agree-list + .private-caution { margin-top: 20px; }
@media (max-width: 1023px) { .private-agree-box { padding: 30px 20px; margin-top: 21px; border-radius: 10px; }
  .private-agree-tit strong { font-size: 20px; }
  .private-agree-form { padding-bottom: 16px; }
  .private-agree-form + .private-agree-list { margin-top: 0; }
  .private-agree-form .form__radio { position: relative; float: none; width: auto; }
  .private-agree-form .form__radio + .form__radio { margin-top: 16px; }
  .private-agree-list { padding: 16px 20px; border-radius: 10px; }
  .private-agree-list .mobile-private-btn { display: block; }
  .private-detail-list { display: none; padding-top: 20px; border-top: 1px solid #ddd; }
  .mobile-tab-area.is-active .mobile-private-btn { padding-bottom: 20px; }
  .mobile-tab-area.is-active .mobile-private-btn:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 10px; }
  .mobile-tab-area.is-active .private-detail-list { display: block; }
  .private-input-add .inputList > li { display: block; }
  .private-input-add li > label { width: 100%; }
  .private-input-add li .form__text.w450 { width: 100%; }
  .private-input-add li .form__text.w450 .input { width: 100%; }
  .private-input-add.w470 { width: 100%; text-align: left; }
  .private-input-add .email-input { width: 100%; }
  .private-input-add .inputList > li + li { margin-top: 20px; }
  .private-input-add .inputList .select a { width: 100%; }
  .private-caution { padding: 30px 20px; border-radius: 10px; } }
/* 센터 방문 예약 */
.login-call-box { margin-top: 25px; }
.login-call-box .sec-cont { padding: 30px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: left; border-radius: 20px; background-color: #f7f7f7; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.login-message-txt { margin-left: 23px; }
.login-message-txt strong { font-size: 18px; }
.login-message-txt ul { margin-top: 8px; }
@media (max-width: 1023px) { .login-call-box .sec-cont { display: block; text-align: center; padding: 30px 20px; border-radius: 10px; }
  .login-message-txt { text-align: center; margin-left: 0; margin-top: 10px; }
  .login-message-txt ul { text-align: left; }
  .login-message-txt ul li + li { margin-top: 5px; } }
/* 회원 가입 */
.membership__page__sub { max-width: 1440px; margin: 30px auto 0; padding-left: 24px; padding-right: 24px; font-size: 18px; }
.member-information { margin-top: 60px; }
.member-information .sec-tit { position: relative; }
.member-information .sec-tit .necessary-txt { bottom: 10px; }
.member-information .sec-cont { margin-top: 18px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
/* 회원가입 from 리스트 */
.member-form-list { padding: 30px 0; }
.member-form-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; }
.member-form-list > li + li { margin-top: 20px; }
.member-form-list > li > label { width: 235px; padding-left: 30px; padding-top: 9px; font-weight: bold; }
.member-form-list > li > label.pt0 { padding-top: 0; }
.member-form-list > li > .form-wrap { width: 450px; }
.member-form-list > li > .form-wrap.input-address { width: calc(100% - 250px); }
.member-form-list > li .input-btn-box:after { content: ''; display: block; clear: both; }
.member-form-list > li .input-btn-box > span { float: left; width: 320px; }
.member-form-list > li .input-btn-box .btn-search { float: left; margin-left: 25px; }
.member-form-list > li .input-box.float-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 20px; }
.member-form-list > li .input-box.float-box > li { width: 50%; }
.member-form-list > li .input-box.float-box > li + li { margin-left: 20px; }
.member-form-list > li .member-radio-form { margin-top: 6px; }
.member-form-list > li .member-radio-form:after { content: ''; display: block; clear: both; }
.member-form-list > li .member-radio-form > span { float: left; }
.member-form-list > li .member-radio-form > span + span { margin-left: 55px; }
.member-list-info { margin-top: 20px; }
.member-list-info > li + li { margin-top: 5px; }
.member-send-box { text-align: center; margin-top: 60px; }
@media (max-width: 1023px) { .membership__page__sub { margin-top: 20px; }
  .member-information { margin-top: 40px; }
  .member-form-list > li { display: block; }
  .member-form-list > li .input-data { display: block; }
  .member-form-list > li > label { display: block; width: 100%; margin-bottom: 10px; padding-left: 0; }
  .member-form-list > li > .form-wrap { width: 100%; }
  .member-form-list > li > .form-wrap.input-address { width: 100%; }
  .member-form-list > li .input-btn-box > span { width: calc(100% - 135px); }
  .member-form-list > li .input-btn-box .btn-search { float: right; margin-left: 0; width: 120px; text-align: right; }
  .member-form-list > li .input-box.float-box { display: block; }
  .member-form-list > li .input-box.float-box > li { width: 100%; }
  .member-form-list > li .input-box.float-box > li + li { margin-left: 0; margin-top: 20px; }
  .member-send-box { margin-top: 40px; } }
/* 미성년자 인증 */
.minor-authentication { position: relative; padding-top: 30px; border-top: 1px solid #000; }
.minor-authentication .required-msg { position: absolute; right: 0; top: -40px; }
.minor-authentication-form > li label { font-weight: 700; }
.minor-authentication-form > li.is-disabled label { color: #767676; }
.minor-authentication-form > li.is-disabled label.required:after { content: none; }
.minor-authentication-agreement { border-radius: 20px; background-color: #f7f7f7; border: 0 solid #ddd; }
.minor-authentication-agreement li { position: relative; padding-top: 2px; padding-left: 34px; }
.minor-authentication-agreement li .form__checkbox-alone { position: absolute; left: 0; top: 0; }
.minor-authentication-agreement li a { color: #1428a0; text-decoration: underline; }
.minor-authentication .minor-authentication-agreement { margin-top: 30px; }
.minor-authentication > .btn-area { border-top: 1px solid #ddd; }
.minor-authentication-confirm { position: relative; margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd; }
.minor-authentication-confirm label { font-weight: 700; }
.minor-authentication-confirm.receipt-minor { margin-top: 0; border: none; }
.minor-authentication-confirm.receipt-minor > .btn-area { margin-top: 30px; border-top: 1px solid #ddd; }
@media (max-width: 1023px) { .minor-authentication { margin-top: 41px; }
  .minor-authentication-form > li + li { margin-top: 30px; }
  .minor-authentication-form > li label { display: block; line-height: 1; }
  .minor-authentication-form > li label + div { margin-top: 10px; }
  .minor-authentication-agreement { padding: 20px; }
  .minor-authentication-agreement ul { margin-top: 15px; }
  .minor-authentication-agreement li + li { margin-top: 10px; }
  .minor-authentication > .btn-area { margin-top: 30px; padding-top: 30px; }
  .minor-authentication-confirm label + div { margin-top: 10px; }
  .minor-authentication-confirm.receipt-minor > .btn-area { padding-top: 30px; } }
@media (min-width: 1024px) { .minor-authentication { margin-top: 21px; }
  .minor-authentication-form, .minor-authentication-agreement { width: 720px; margin-left: auto; margin-right: auto; }
  .minor-authentication-form > li:after { content: ''; display: block; clear: both; }
  .minor-authentication-form > li + li { margin-top: 20px; }
  .minor-authentication-form > li label { float: left; width: 205px; margin-top: 8px; }
  .minor-authentication-form > li label + div { float: left; width: calc(100% - 205px); }
  .minor-authentication-agreement { padding: 30px; }
  .minor-authentication-agreement ul:after { content: ''; display: block; clear: both; }
  .minor-authentication-agreement li { float: left; width: 50%; margin-top: 10px; }
  .minor-authentication-agreement li:nth-child(1), .minor-authentication-agreement li:nth-child(2) { margin-top: 20px; }
  .minor-authentication > .btn-area { margin-top: 30px; padding-top: 40px; }
  .minor-authentication-confirm ul { width: 720px; margin-left: auto; margin-right: auto; }
  .minor-authentication-confirm li:after { content: ''; display: block; clear: both; }
  .minor-authentication-confirm li label { float: left; width: 205px; margin-top: 8px; }
  .minor-authentication-confirm li label + div { float: left; width: calc(100% - 205px); }
  .minor-authentication-confirm.receipt-minor ul { width: 100%; margin-left: 0; margin-right: 0; padding-left: 30px; padding-right: 30px; }
  .minor-authentication-confirm.receipt-minor .form__text { width: 400px; }
  .minor-authentication-confirm.receipt-minor > .btn-area { padding-top: 40px; }
  .minor-authentication-confirm.receipt-minor .form-authentication, .receipt-input-list .client-info-for-consult .form-authentication02 { width: 550px; } }
/* 회원가입 */
.gate-member-join { margin-top: 25px; border-top: 1px solid #000; text-align: center; }
.gate-member-join i[class^="icon-join-"] { display: block; margin: 0 auto; }
.gate-member-join > .tit { display: block; line-height: 1; font-size: 24px; font-weight: 700; }
.gate-member-join li { border: 1px solid #ddd; }
@media (max-width: 1023px) { .gate-member-join { padding-top: 60px; }
  .gate-member-join ul { margin-top: 30px; }
  .gate-member-join li { padding: 30px 10px; border-radius: 10px; }
  .gate-member-join li + li { margin-top: 20px; }
  .gate-member-join li p, .gate-member-join li .btn-area { margin-top: 14px; } }
@media (min-width: 1024px) { .gate-member-join { padding-top: 80px; }
  .gate-member-join ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; }
  .gate-member-join li { width: 446px; padding: 50px 10px; border-radius: 20px; }
  .gate-member-join li + li { margin-left: 24px; }
  .gate-member-join li p { margin-top: 16px; font-size: 18px; }
  .gate-member-join li .btn-area { margin-top: 26px; } }
.group-select2 { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (max-width: 1023px) { .group-select2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .group-select2 > .form__select { width: 100%; }
  .group-select2 > .form__select + .form__select { margin-top: 10px; } }
@media (min-width: 1024px) { .group-select2 > .form__select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .group-select2 > .form__select + .form__select { margin-left: 10px; } }
/* 서비스 예약 > 센터찾기 */
@media (max-width: 1023px) { .find-center-wrap { margin-top: 20px; }
  .find-center { margin-top: 10px; }
  .search-region, .search-subway-line { margin-top: 30px; padding: 20px; }
  .search-region dl + dl, .search-subway-line dl + dl { margin-top: 10px; }
  .search-subway-line dt, .search-region dt { display: none; } }

.search-center-main-tit > span.sub_txt { font-weight:normal;  color: #000; font-size: 14px;  margin-left: 20px; display:inline-block; line-height: 1.5;}
@media (max-width: 800px){
  .search-center-main-tit > span.sub_txt {  color: #000; margin-left:0px; display:block; }
}

@media (min-width: 1024px) { .find-center-wrap { margin-top: 30px; }
  .find-center { margin-top: 15px; }
  .search-subway-line, .search-region { margin-top: 25px; padding: 30px 80px 30px 80px; }
  .search-subway-line:after, .search-region:after { content: ''; display: block; clear: both; }
  .search-subway-line dl, .search-region dl { float: left; width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .search-subway-line dl + dl, .search-region dl + dl { margin-left: 4%; }
  .search-subway-line dt, .search-region dt { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-top: 10px; font-weight: 700; }
  .search-subway-line dd, .search-region dd { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-left: 20px; } }
/* 서비스제품 선택 */
.find-center-select-product { margin-top: 30px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.find-center-select-product .btn-product-choice { position: relative; width: 100%; height: 60px; text-align: left; }
.find-center-select-product .btn-product-choice:after { content: ''; position: absolute; right: 30px; top: 13px; width: 9px; height: 9px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.find-center-select-product .btn-product-choice.is-active:after { top: 29px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.find-center-select-product .btn-product-choice span { font-size: 16px; font-weight: 700; padding: 12px 20px 11px 20px; }
.find-center-select-product .product-choice-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f7f7f7; }
.find-center-select-product .product-choice-list a { display: block; min-width: 80px; padding: 5px 5px 4px 5px; font-size: 14px; border: 1px solid #cacaca; text-align: center; white-space: nowrap; border-radius: 32px; background-color: #fff; }
.find-center-select-product .product-choice-list li.is-active a { border-color: #0072de; background-color: #0072de; color: #fff; }
@media (max-width: 1023px) { .find-center-select-product .btn-product-choice:after { right: 0; }
  .find-center-select-product .product-choice-list { padding: 20px 19px 5px 5px; }
  .find-center-select-product .product-choice-list li { width: calc(50% - 15px); margin-left: 15px; margin-bottom: 15px; } }
@media screen and (max-width: 1023px) and (min-width: 568px) { .find-center-select-product .product-choice-list li { width: calc(33% - 14px); } }
@media (max-width: 1023px) and (max-width: 359px) { .find-center-select-product .product-choice-list { padding: 20px 8px 5px 0; }
  .find-center-select-product .product-choice-list li { width: calc(50% - 8px); margin-left: 8px; } }
@media (min-width: 1024px) { .find-center-select-product .product-choice-list { padding: 30px 15px 15px 30px; }
  .find-center-select-product .product-choice-list li { margin-right: 15px; margin-bottom: 15px; }
  .find-center-select-product .product-choice-list li a { padding: 5px 15px 4px 15px; } }
/* 위 조건으로 검색 */
.btn-find-center-search { margin-top: 20px; text-align: right; }
@media (max-width: 1023px) { .btn-find-center-search .btn-product-choice { width: 100%; height: 50px; border-radius: 0; }
  .btn-find-center-search .btn-product-choice span { font-size: 16px; } }
/* 대기 현황 (휴대폰 기준) */
.wating-status-info > .tit { line-height: 1; }
.wating-status-info > .tit + p { color: #767676; }
.wating-status-info .label__24 { background-color: #f7f7f7; }
@media (max-width: 1023px) { .wating-status-info { margin: 20px  0px; padding: 20px; font-size: 14px; }
  .wating-status-info > .tit { font-size: 16px; }
  .wating-status-info ul { margin-top: 20px; }
  .wating-status-info li { position: relative; padding-left: 104px; }
  .wating-status-info li .label__24 { position: absolute; left: 0; top: 0; }
  .wating-status-info li + li { margin-top: 10px; } }
@media (min-width: 1024px) { .wating-status-info { margin: 30px 0px; padding:30px; }
  .wating-status-info ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wating-status-info li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 50px; margin-top: 10px; }
  .wating-status-info li .label__24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 10px; } }
@media screen and (min-width: 1024px) and (max-width: 1439px) { .wating-status-info li { min-width: 335px; } }
/* 검색 결과 */
.center-location .map-area { border: 1px solid #ddd; }
.center-location .no-result { text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.center-list li { border-bottom: 1px solid #ddd;   position:relative;}
.center-list li > a { display: block; position: relative; }
.center-list li > a:after { content: ''; display: block; clear: both; }
.center-list .center-name, .center-list .center-status { font-weight: 700; }
.center-list .center-name, .center-list .label__24, .center-list .center-notice, .center-list .center-address, .center-list .ceter-address-details, .center-list .center-product, .center-notice-caution { float: left; }
.center-list .label__24 { margin-left: 20px; }
.center-list .center-notice { margin-left: 10px; }
.center-list .center-address { width: 100%; }
.center-list .ceter-address-details { width: 100%; font-size: 14px; }
.center-notice-caution  { width: 100%; color:#0072de; background-color:#f7f7f7; border-radius: 6px; padding:10px 20px; margin:4px 0px; }
.center-notice-caution > p.required-style,
.center-notice-caution > p.blt-style { position: relative; padding-left: 10px; }
.center-notice-caution > p.required-style:before {content: '*'; position: absolute; left: -1px; top: 3px; font-weight: bold; }
.center-notice-caution > p.blt-style:before { content: ''; position: absolute; left: 0; top: 11px; width: 6px; height: 1px; background-color: #0072de; }
.center-list .center-product { width: 100%; background-color: #f7f7f7; padding: 8px 22px; border-radius: 6px; color: #767676; }
.center-list .repair-product { color:#000; margin-right: 5px; }
.center-list .repair-product:before { content: ''; position:absolute; margin-top: 8px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.center-list .app-pagination { margin-top: 20px; }
.center-list .label__24 { background-color: #f7f7f7; }
.center-list .label__24[data-center-status="01"] { color: #178300; } /* 원활 */
.center-list .label__24[data-center-status="02"] { color: #0072de; } /* 보통 */
.center-list .label__24[data-center-status="03"] { color: #d0021b; } /* 혼잡 */
.center-list .label__24[data-center-status="04"] { color: #aa5d00;} /* 당일수리마감 */
.center-list .label__24[data-center-status="05"] { color: #000; } /* 업무종료 */
.center-list .label__24[data-center-status="06"] { color: #fff; background-color: #767676; } /* 긴급종료 */
.center-list .center-notice-trigger { display: inline-block; position: relative; padding-top: 5px; padding-left: 17px; font-size: 0; vertical-align: top; }
.center-list .center-notice-trigger i { position: absolute; left: 0; }
.center-list .center-notice-trigger em { display: inline-block; padding-bottom: 3px; font-size: 14px; border-bottom: 2px solid #000; line-height: 1; font-weight: 700; }
.center-list .center-notice-trigger:before, .center-list .center-notice-trigger:after { content: none; position: absolute; border-style: solid; border-top: 0; border-left-color: transparent; border-right-color: transparent; }
.center-list .center-notice-trigger:before { top: 28px; left: 21px; border-left-width: 6px; border-right-width: 6px; border-bottom-width: 8px; border-bottom-color: #666; }
.center-list .center-notice-trigger:after { top: 29px; left: 22px; border-left-width: 5px; border-right-width: 5px; border-bottom-width: 7px; border-bottom-color: #fff; }
.center-list .center-notice-txt { display: none; position: absolute; top: 35px; width: calc(100vw - 40px); max-width: 320px; min-width: 280px; padding: 20px 50px 20px 20px; background-color: #fff; border: 1px solid #707070; -webkit-box-shadow: 4px 6px 8px 0px rgba(0, 0, 0, 0.22); box-shadow: 4px 6px 8px 0px rgba(0, 0, 0, 0.22); border-radius: 10px; }
.center-list .center-notice-txt .btn-close-tooltip { top: 10px; right: 10px; position: absolute; width: 33px; height: 33px; padding: 10px; }
.center-list .center-notice-txt .btn-close-tooltip:before, .center-list .center-notice-txt .btn-close-tooltip:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 18px; height: 2px; background-color: #000; }
.center-list .center-notice-txt .btn-close-tooltip:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.center-list .center-notice-txt .btn-close-tooltip:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.center-list .center-notice-txt .btn-close-tooltip span { vertical-align: top; overflow: visible; }
.center-list .center-notice-txt p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; max-height: 192px; }
.center-list .center-notice.is-active .center-notice-trigger { z-index: 2; }
.center-list .center-notice.is-active .center-notice-trigger::before, .center-list .center-notice.is-active .center-notice-trigger::after { content: ''; }
.center-list .center-notice.is-active .center-notice-txt { display: block; z-index: 1; }
.center-list li .btn-view-map.is-active { background-color: #000; color: #fff; }
.center-list li .btn-view-map:before { content: ''; display: inline-block; width: 12px; height: 16px; margin-right: 8px; background: url(../img/common/icon-location_black.png) no-repeat; background-size: cover; vertical-align: -4px; }
.center-list li .btn-view-map.is-active:before { background: url(../img/common/icon-location.png) no-repeat; background-size: cover; }

/* 20210721 추가 */
.center-list li > .view__link { position:absolute; top:25px;  right:0px; height: 24px; padding: 5px 12px; font-size: 0;    }
.center-list li > .view__link a em { display: inline-block; padding-bottom: 3px;    font-size: 14px;    border-bottom: 2px solid #000;    line-height: 1;    font-weight: 700;}

@media (max-width: 1023px) {
  .center-list li > .view__link {  padding-left:0px; top:20px; }
  .center-notice-caution { font-size: 14px; border-radius: 10px; }
}

/* 211220 (센터찾기 위치 추가) */
.center-list .center-name i.num1,
.center-list .center-name i.num2,
.center-list .center-name i.num3,
.center-list .center-name i.num4,
.center-list .center-name i.num5 { position:absolute; left:-26px; top:-2px; }

.center-list .center-name i.num1:before {  content: '1'; }
.center-list .center-name i.num2:before {  content: '2'; }
.center-list .center-name i.num3:before {  content: '3'; }
.center-list .center-name i.num4:before {  content: '4'; }
.center-list .center-name i.num5:before {  content: '5'; }

.center-list .center-name i.num1:before,
.center-list .center-name i.num2:before,
.center-list .center-name i.num3:before,
.center-list .center-name i.num4:before,
.center-list .center-name i.num5:before { font-style:normal; color:#fff; text-align:center; display: inline-block; width:20px; height:27px; background: url(../img/map/center_poi_bg.png) no-repeat;  background-position:0px 0px; background-size:20px 27px; }

.center-list .center-name i.num1.is-active:before,
.center-list .center-name i.num2.is-active:before,
.center-list .center-name i.num3.is-active:before,
.center-list .center-name i.num4.is-active:before,
.center-list .center-name i.num5.is-active:before { font-style:normal; color:#fff; text-align:center; display: inline-block; width:20px; height:27px; background: url(../img/map/center_poi_bg_on.png) no-repeat;  background-position:0px 0px; background-size:20px 27px; }


.map-balloon-wrap {position:relative; /* display:flex;  flex-wrap: nowrap;  align-items: center; */ }

.map-balloon-wrap .map-balloon01,
.map-balloon-wrap .map-balloon02,
.map-balloon-wrap .map-balloon03,
.map-balloon-wrap .map-balloon04,
.map-balloon-wrap .map-balloon05,
.map-balloon-wrap .map-balloon06 { font-size:14px;  font-weight:700; color:#fff; display: inline-block; position: relative; left:50%;  z-index: 10; margin-left:-2px; margin-top:-16px; vertical-align: top; transform: translateX(-50%); align-items: center; padding: 2px 6px; border-radius:4px; }

.map-balloon-wrap .map-balloon01 {border-color: #178300 transparent transparent; border: 1px solid #178300; background: #178300;} /* 원활 */
.map-balloon-wrap .map-balloon02 { border-color: #0072de transparent transparent; border: 1px solid #0072de; background: #0072de;  } /* 보통 */
.map-balloon-wrap .map-balloon03 { border-color: #d0021b transparent transparent; border: 1px solid #d0021b; background: #d0021b; } /* 혼잡 */
.map-balloon-wrap .map-balloon04 { border-color: #aa5d00 transparent transparent; border: 1px solid #aa5d00; background: #aa5d00; } /* 당일수리마감 */
.map-balloon-wrap .map-balloon05 { border-color: #f3f3f3 transparent transparent; border: 1px solid #f3f3f3; background: #f3f3f3; color:#000;} /* 업무종료 */
.map-balloon-wrap .map-balloon06 { border-color: #767676 transparent transparent; border: 1px solid #767676; background: #767676; } /* 긴급종료 */

.map-balloon-wrap .map-balloon01::after,
.map-balloon-wrap .map-balloon02::after,
.map-balloon-wrap .map-balloon03::after,
.map-balloon-wrap .map-balloon04::after,
.map-balloon-wrap .map-balloon05::after,
.map-balloon-wrap .map-balloon06::after {width: 0; height: 0; border-width:6px 6px 0px 6px; border-style: solid; position: absolute; top:26px; left: 50%; transform: translateX(-50%); content: ""; }

.map-balloon-wrap .map-balloon01::after { border-color: #178300 transparent transparent; } /* 원활 */
.map-balloon-wrap .map-balloon02::after { border-color: #0072de transparent transparent; } /* 보통 */
.map-balloon-wrap .map-balloon03::after { border-color: #d0021b transparent transparent; } /* 혼잡 */
.map-balloon-wrap .map-balloon04::after { border-color: #aa5d00 transparent transparent; } /* 당일수리마감 */
.map-balloon-wrap .map-balloon05::after { border-color: #f3f3f3 transparent transparent; } /* 업무종료 */
.map-balloon-wrap .map-balloon06::after { border-color: #767676 transparent transparent; } /* 긴급종료 */





@media (max-width: 1023px) { .center-search-result { margin-top: 40px; }
  .center-search-result .annotation { margin-top: 4px; }
  .center-location .map-area { height: calc(100vw - 40px); margin-top: 20px; }
  .center-list { margin-top: 20px; border-top: 1px solid #000; }
  .center-list li { padding: 20px 0 20px 30px; }
  .center-list .center-address, .center-list .center-product { margin-top: 7px; font-size: 14px; }
  .center-location .no-result { margin-top: 20px; line-height: 115px; }
  .center-list li .btn-view-map { margin-top: 12px; }
  .center-list .center-notice { display: inline; }
  .center-list .center-notice-txt { left: 0; }
}


@media (min-width: 1024px) { .list-count { font-size: 18px; }
  .center-search-result { margin-top: 50px; }
  .center-search-result-top:after { content: ''; display: block; clear: both; }
  .center-search-result .list-count { float: left; }
  .center-search-result .annotation { float: right; margin-top: 2px; }
  .center-location { position: relative; margin-top: 20px; border-top: 1px solid #000; }
  .center-location .mobile-map { display: none; }
  .center-location .map-area { position: absolute; top: 30px; bottom: 0; right: 0; width: 44%; }
  .center-location .center-list { width: calc(56% - 34px); }
  .center-location .center-list ul { min-height: 700px; }
  .center-list li { position: relative; padding: 25px 120px 25px 25px; }
  .center-list a:hover .center-name { text-decoration: underline; }
  .center-list li .btn-view-map { position: absolute; right: 0; top: calc(50% - 16px); }
  .center-list .center-address { margin-top: 12px; }
  .center-list .center-product { margin-top: 6px; font-size: 14px; }
  .center-location .no-result { line-height: 200px; }
  .center-list .center-notice { position: relative; }
  .center-list .center-notice-txt { left: -130px; }
}

/* 표준 운영 시간 */
.standard-operation-time { margin-top: 0px; }
.standard-operation-time > div { border-top: 1px solid #ddd; }
.standard-operation-time .operation-time { margin-top: 18px; border-top: 1px solid #000; font-size: 16px; }
.standard-operation-time .operation-time .operation-info-box { background-color: #f7f7f7; margin-top: 12px; padding: 8px 13px; border-radius: 6px; }
.standard-operation-time .center-caution .tit { font-size: 18px; line-height: 20px; }
.standard-operation-time .center-caution ul { margin-top: 6px; padding-left: 28px; }
.standard-operation-time .center-caution li { position: relative; padding-left: 12px; font-size: 16px; }
.standard-operation-time .center-caution li:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.standard-operation-time .etc-services > div + div { margin-top: 15px; }
@media (max-width: 1023px) { .standard-operation-time > div { padding: 20px 0; }
  .standard-operation-time .etc-services li { position: relative; padding-left: 12px; font-size: 16px; }
  .standard-operation-time .etc-services li:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
  .standard-operation-time .operation-time { padding-top: 20px; padding-bottom: 25px; }
  .standard-operation-time .operation-time li + li { margin-top:0px; }
  .standard-operation-time .operation-time > li + li > ul { padding-left:0px; }
  .standard-operation-time .operation-time p + p { margin-top: 4px; }
  .standard-operation-time .operation-time .operation-info-box { margin-bottom:20px; }
  .standard-operation-time .operation-time .crowded-time { position: relative; padding-left: 78px; }
  .standard-operation-time .operation-time .crowded-time > strong { position: absolute; left: 0; top: 0; }
  .standard-operation-time .center-caution ul { padding-left: 0; } }
@media (min-width: 1024px) { .standard-operation-time .tit__03 { margin-top:30px; }
  .standard-operation-time > div { padding: 22px 0px; }
  .standard-operation-time .operation-time { padding: 25px 20px 23px 20px; }
  .standard-operation-time .operation-time:after { content: ''; display: block; clear: both; }
  .standard-operation-time .operation-time > li { width: calc(50% - 12px); float: left; }
  .standard-operation-time .operation-time > li + li { margin-left: 24px; }
  .standard-operation-time .operation-time > li + li > ul { padding-left:30px; }
  .standard-operation-time .operation-time .operation-info-box { max-width: 590px; }
  .operation-time:after { content: ''; display: block; clear: both; }
  .operation-time > p { float: left; width: 50%; padding-right: 20px; }
  .standard-operation-time .etc-services:after { content: ''; display: block; clear: both; }
  .standard-operation-time .etc-services > div { float: left; width: 33.3%; }
  .standard-operation-time .etc-services > div:first-child { width: 100%; }
  .standard-operation-time .etc-services > div > .tit { font-size: 18px; }
  .standard-operation-time .etc-services > div ul { margin-top: 10px; }
  .standard-operation-time .etc-services li { position: relative; padding-left: 12px; font-size: 16px; }
  .standard-operation-time .etc-services li:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; } }
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1295px) { .standard-operation-time .operation-time .operation-info-box { min-height: 64px; } }
/* 메모리 서비스 센터 배너*/
.banner-memory-service-center .tit { font-size: 24px; }
@media (max-width: 1023px) { .banner-memory-service-center { position: relative; padding: 20px 25px 20px 30px; text-align: center; }
  .banner-memory-service-center .icon-ram { position: absolute; left: 28px; top: 10px; }
  .banner-memory-service-center .tit { display: block; line-height: 1; font-size: 20px; text-align: left; padding-left: 50px; }
  .banner-memory-service-center .tit + p { margin-top: 16px; margin-bottom: 13px; text-align: left; } }
@media (min-width: 1024px) { .banner-memory-service-center { position: relative; padding: 25px 40px; }
  .banner-memory-service-center:after { content: ''; display: block; clear: both; }
  .banner-memory-service-center .icon-ram { float: left; }
  .banner-memory-service-center .tit { float: left; margin-left: 21px; margin-top: 7px; line-height: 1; }
  .banner-memory-service-center .tit + p { float: left; margin-top: 12px; margin-left: 11px; line-height: 18px; }
  .banner-memory-service-center .btn__40 { float: right; } }
/* 센터 상세 */
.center-detail-tit { border-bottom: 2px solid #000; }
.center-detail-tit:after { content: ''; display: block; clear: both; }
.center-detail-tit .app-sharing {float: right;}
@media (max-width: 1023px) { .center-detail-tit { padding-bottom: 20px; }
  .center-detail-tit .tit__page {margin-bottom: 30px; display: inline;}
  .center-detail-tit .btn__40 { float: left; }
  .center-detail-tit .app-sharing {margin-top: 2px;} }
@media (min-width: 1024px) { .center-detail-tit { padding-bottom: 25px; }
  .center-detail-tit .tit__page { float: left; }
  .center-detail-tit .btn__40 { margin-top: -2px; margin-left: 20px; } }
/* 센터 상세 > 공지사항 */
.center-detail-notice .sec-cont { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .center-detail-notice .sec-cont { padding: 26px 0; } }
@media (min-width: 1024px) { .center-detail-notice .sec-cont { padding: 36px 20px; } }
/* 센터 기본 정보 */
.center-basic-info .sec-cont { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.center-basic-info .before-visit li { position: relative; padding-left: 12px; font-size: 16px; }
.center-basic-info .before-visit li:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
@media (max-width: 1023px) { .center-basic-info .center-basic-info-detail li { position: relative; padding-left: 75px; padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #ddd; }
  .center-basic-info .center-basic-info-detail li > .tit { position: absolute; left: 0; top: 12px; }
  .center-basic-info .center-basic-info-detail li .center-chief-photo { display: none; }
  .center-basic-info .before-visit { padding: 13px 0; }
  .center-basic-info .before-visit ul { margin-top: 12px; }
  .center-basic-info .before-visit li { color: #767676; }
  .center-basic-info .before-visit li:before { background-color: #767676; }
  .center-basic-info .center-basic-info-detail li > .tit + div:not(.center-detail-address) p > span { padding-right: 10px; } }
@media (min-width: 1024px) { .center-basic-info .sec-cont { position: relative; padding-left: 180px; }
  .center-basic-info .center-basic-info-detail { border-bottom: 1px solid #ddd; }
  .center-basic-info .center-basic-info-detail:after { content: ''; display: block; clear: both; }
  .center-basic-info .center-basic-info-detail li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; }
  .center-basic-info .center-basic-info-detail li strong { width: 55px; -ms-flex-negative: 0; flex-shrink: 0; }
  .center-basic-info .center-basic-info-detail li:first-child { width: 100%; border-bottom: 1px solid #ddd; }
  .center-basic-info .center-basic-info-detail li > .tit + div { margin-left: 30px; }
  .center-basic-info .center-basic-info-detail li > .tit + div:not(.center-detail-address) p { position: relative; padding-left: 100px; }
  .center-basic-info .center-basic-info-detail li > .tit + div:not(.center-detail-address) span { position: absolute; left: 0; top: 0; width: 90px; }
  .center-basic-info .center-basic-info-detail .center-chief-photo { position: absolute; left: 0; top: 24px; /*width: 192px; height: 253px;*/ width:132px; height: 172px; border: 1px solid #ddd; background-color: #f7f7f7; }
  .center-basic-info .center-basic-info-detail .center-chief-photo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; /*width: 84%;*/ width: 120px; }
  .center-basic-info .before-visit { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; }
  .center-basic-info .before-visit .tit { -ms-flex-negative: 0; flex-shrink: 0; }
  .center-basic-info .before-visit ul { margin-left: 30px; } }
/* 대기현황 (휴대폰 기준) */
.center-current-status { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.center-current-status .traffic-light { display: inline-block; width: 93px; height: 32px; line-height: 32px; text-align: center; border-radius: 4px; color: #fff; font-weight: 700; }
.center-current-status .traffic-light[data-center-status="01"] { background-color: #178300; } /* 원활 */
.center-current-status .traffic-light[data-center-status="02"] { background-color: #0072de; } /* 보통 */
.center-current-status .traffic-light[data-center-status="03"] { background-color: #d0021b; } /* 혼잡 */
.center-current-status .traffic-light[data-center-status="04"] { background-color: #aa5d00;} /* 당일수리마감 */
.center-current-status .traffic-light[data-center-status="05"] { background-color: #f3f3f3; color: #000; } /* 업무종료 */
.center-current-status .traffic-light[data-center-status="06"] { background-color: #767676; } /* 긴급종료 */
.center-current-status .traffic-light + strong { display: inline-block; margin-top: 5px; line-height: 22px; }
.center-current-status p { color: #767676; }
@media (max-width: 1023px) { .center-current-status { padding-top: 18px; padding-bottom: 14px; }
  .center-current-status > div { position: relative; }
  .center-current-status .traffic-light { position: absolute; top: 0; left: 0; width: 93px; }
  .center-current-status strong { margin-left: 103px; }
  .center-current-status p { margin-top: 10px; } }
@media (min-width: 1024px) { .center-current-status { padding: 20px 22px; }
  .center-current-status > div:after { content: ''; display: block; clear: both; }
  .center-current-status .traffic-light, .center-current-status strong { float: left; }
  .center-current-status strong { margin-left: 20px; }
  .center-current-status p { float: left; margin-left: 7px; margin-top: 5px; } }
/* 서비스 가능/불가능 제품 */
.center-available-product .box-radius { padding: 20px 10px 10px 20px; }
.center-available-product .box-radius:after { content: ''; display: block; clear: both; }
.center-available-product .box-radius li { float: left; min-width: 80px; margin-right: 10px; margin-bottom: 10px; padding: 4px 15px; text-align: center; background-color: #fff; border-radius: 32px; }
@media (min-width: 1024px) { .center-available-product .box-radius { height: calc(100% - 105px); } }
/* 주차장 이용 */
.center-transportation-info .sec-cont { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.center-transportation-info .parking-lot span { color: #767676; }
.center-transportation-info .center-transportation { margin-top: 20px; text-align: center; }
.center-transportation-info .btn-area { margin-bottom: 20px; }
.center-transportation-info .btn-area button { border-bottom: 2px solid #fff; font-weight: 700; font-size: 18px; }
.center-transportation-info .btn-area button.is-active { border-bottom-color: #000; }
.center-transportation-info .center-photo-swiper { position: relative; border: 1px solid #ddd; background-color: #f7f7f7; }
.center-transportation-info .center-photo-swiper .swiper-slide { position: relative; }
.center-transportation-info .center-photo-swiper .swiper-slide strong { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); color: #fff; }
.center-transportation-info .map-info { border: 1px solid #ddd; }
@media (max-width: 1023px) { .center-transportation-info .sec-cont { padding: 13px 0; }
  .center-transportation-info .parking-lot span { display: block; }
  .center-transportation-info .btn-area button + button { margin-left: 15px; }
  .center-transportation-info .map-info { margin-top: 20px; height: 360px; }
  .center-transportation-info .center-transportation-info-txt { margin-top: 12px; text-align: left; font-size: 14px; }
  .center-transportation-info .center-transportation-info-txt span { display: block; }
  .center-transportation-info .center-photo-swiper { margin-top: 20px; padding: 20px 20px 50px 20px; }
  .center-transportation-info .center-photo-swiper .swiper-pagination { left: 0; right: 0; bottom: 19px; } }
@media (min-width: 1024px) { .center-transportation-info .sec-cont { padding: 20px 0; }
  .center-transportation-info .parking-lot span { margin-left: 20px; }
  .center-transportation-info .center-transportation { position: relative; }
  .center-transportation-info .center-transportation .btn__32 { position: absolute; top: 0; right: 0; }
  .center-transportation-info .btn-area button + button { margin-left: 25px; }
  .center-transportation-info .map-info { height: 270px; }
  .center-transportation-info .center-transportation-info-txt { margin-top: 16px; }
  .center-transportation-info .center-transportation-info-txt span { display: inline-block; }
  .center-transportation-info .center-photo-swiper { padding: 30px 80px; } }
/* 찾아보시는 길 */
.way-to-center .sec-cont { border-top: 1px solid #000; }
.label__bus { display: inline-block; width: 50px; height: 25px; padding: 6px 5px 5px 5px; border-radius: 25px; text-align: center; color: #fff; font-size: 14px; line-height: 1; }
.bus-line .label__bus { margin-right: 15px; }
.bus-line .label__bus[data-bus-type="01"] { background-color: #2528b0; }
/* 간선 */
.bus-line .label__bus[data-bus-type="02"] { background-color: #178300; }
/* 마을 */
.bus-line .label__bus[data-bus-type="03"] { background-color: #2B6CFD; }
/* 일반 */
.bus-line .label__bus[data-bus-type="04"] { background-color: #2f8a29; }
/* 지선 */
.bus-line .label__bus[data-bus-type="05"] { background-color: #e52a08; }
/* 광역 */
.bus-line .label__bus[data-bus-type="06"] { background-color: #2b6cfd; }
/* 직행 */
.bus-line .label__bus[data-bus-type="07"] { background-color: #A76905; }
/* 노선 */
.bus-line .label__bus[data-bus-type="08"] { background-color: #0f5cd1; }
/* 시내 */
.way-to-center .by-subway .transportation-desc strong em { position: relative; margin-left: 20px; padding-left: 20px; }
.way-to-center .by-subway .transportation-desc strong em:before { content: ''; position: absolute; left: 0; top: calc(50% - 7px); width: 1px; height: 14px; background-color: #ddd; }
.way-to-center .btn-area { margin-top: 30px; }
@media (max-width: 1023px) { .way-to-center .sec-cont > div { padding: 13px 0; }
  .way-to-center .sec-cont > div + div { border-top: 1px solid #ddd; }
  .way-to-center .sec-cont > div > .tit { display: block; margin-bottom: 10px; }
  .way-to-center .transportation-desc b { display: block; margin-bottom: 2px; }
  .way-to-center .transportation-desc li + li { margin-top: 14px; }
  .way-to-center .transportation-desc .bus-line li + li { margin-top: 14px; }
  .way-to-center .by-bus .transportation-desc b { margin-bottom: 10px; }
  .way-to-center .by-subway .transportation-desc strong em { position: relative; margin-left: 20px; padding-left: 20px; }
  .way-to-center .by-subway .transportation-desc strong em:before { content: ''; position: absolute; left: 0; top: calc(50% - 7px); width: 1px; height: 14px; background-color: #ddd; }
  .way-to-center .by-taxi { border-bottom: 1px solid #ddd; } }
@media (min-width: 1024px) { .way-to-center .sec-cont { width: 100%; }
  .way-to-center .sec-cont > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .way-to-center .transportation-tit { -ms-flex-negative: 0; flex-shrink: 0; width: 144px; padding: 20px 10px 20px 22px; vertical-align: top; border-bottom: 1px solid #ddd; }
  .way-to-center .transportation-desc { width: calc(100% - 144px); padding: 20px 22px 20px 0; border-bottom: 1px solid #ddd; }
  .way-to-center .transportation-desc > li { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .way-to-center .transportation-desc li b, .way-to-center .transportation-desc li strong { -ms-flex-negative: 0; flex-shrink: 0; }
  .way-to-center .transportation-desc li + li { margin-top: 8px; }
  .way-to-center .by-car p { margin-left: 30px; }
  .way-to-center .by-bus .transportation-desc > li:after { content: ''; display: block; clear: both; }
  .way-to-center .by-bus .transportation-desc > li + li { margin-top: 20px; }
  .way-to-center .by-bus .transportation-desc b { float: left; width: 135px; }
  .way-to-center .by-bus .transportation-desc .bus-line { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 640px; margin-left: 30px; }
  .way-to-center .by-bus .transportation-desc .bus-line li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 320px; margin-top: 8px; }
  .way-to-center .by-bus .transportation-desc .bus-line li .label__bus { -ms-flex-negative: 0; flex-shrink: 0; }
  .way-to-center .by-bus .transportation-desc .bus-line li:nth-child(1), .way-to-center .by-bus .transportation-desc .bus-line li:nth-child(2) { margin-top: 0; }
  .way-to-center .by-subway .transportation-desc .line-name { display: inline-block; width: 68px; }
  .way-to-center .by-subway p { margin-left: 30px; } }
/* 메모리 서비스 센터 */
.memory-service-center-location, .howto-as { border-top: 2px solid #000; border-bottom: 1px solid #ddd; }
.memory-service-center-location .map-info { height: 270px; border: 1px solid #ddd; }
.memory-service-center-location dt { font-weight: 700; }
@media (max-width: 1023px) { .memory-service-center-location { margin-top: 20px; padding-top: 40px; }
  .memory-service-center-location dl { padding-top: 16px; padding-bottom: 16px; }
  .memory-service-center-location dt { margin-bottom: 6px; }
  .memory-service-center-location dd + dt { margin-top: 14px; }
  .howto-as .howto-as-list { padding-top: 16px; padding-bottom: 16px; }
  .howto-as .howto-as-list > li .tit + ul { margin-top: 6px; }
  .howto-as .howto-as-list > li + li { margin-top: 12px; } }
@media (min-width: 1024px) { .memory-service-center-location { margin-top: 30px; padding-top: 60px; }
  .memory-service-center-location dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 26px 20px 6px 20px; font-size: 18px; }
  .memory-service-center-location dt { width: 110px; margin-bottom: 24px; }
  .memory-service-center-location dd { width: calc(100% - 110px); margin-bottom: 24px; }
  .memory-service-center-location dd:after { content: ''; display: block; clear: both; }
  .memory-service-center-location dd p { float: left; }
  .memory-service-center-location dd p + p { margin-left: 50px; }
  .howto-as .howto-as-list { padding: 20px 22px; }
  .howto-as .howto-as-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .howto-as .howto-as-list > li + li { margin-top: 24px; }
  .howto-as .howto-as-list .tit { width: 215px; }
  .howto-as .howto-as-list .tit + ul { width: calc(100% - 215px); } }
/* 센터방문 예약 */
.select-product-swiper-desc { padding: 16px 20px; background-color: #fff; }
.select-product-swiper-desc .annotation { margin-top: 4px; margin-bottom: 8px; }
.select-product-swiper-desc .annotation a { padding-bottom: 2px; border-bottom: 1px solid #000; font-weight: 700; }
@media (max-width: 1023px) { .visit-center-reservation-tit .bullet__16 { margin-top: 12px; }
  .select-product-swiper-desc { margin: -10px 25px 25px 25px; } }
@media (min-width: 1024px) { .visit-center-reservation-tit .bullet__16 { margin-top: 22px; }
  .select-product-swiper-desc { margin: 0 80px 30px 80px; }
  .select-product-swiper-desc .annotation br { display: none; } }
/* 출장 서비스 예약 > 이용가이드 버튼 */
.reserve-tip {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.reserve-tip > .tit__page { margin: 0; width: auto; padding-left: 0; padding-right: 0; }
.reserve-tip > .tit__page + button { margin-left: 20px; }
@media (max-width: 1023px) {
  .reserve-tip button { display: block; }
}
.door-to-door-info-banner { text-align: center; }
.door-to-door-info-banner > strong { display: block; }
@media (max-width: 1023px) { .door-to-door-caution { margin-top: 20px; padding: 16px 20px; }
  .door-to-door-caution li { position: relative; padding-left: 10px; font-size: 14px; }
  .door-to-door-caution li:before { content: ''; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #000; }
  .door-to-door-info-banner { margin-top: 30px; padding: 26px 10px; }
  .door-to-door-info-banner .btn-wrap { margin-top: 26px; }
  .door-to-door-info-banner .btn-wrap .btn__32 { padding-left: 5px; padding-right: 5px; }
  .door-to-door-info-banner .btn-wrap.mobile-vertical { display: block; }
  .door-to-door-info-banner .btn-wrap.mobile-vertical .btn__32 { display: block; width: 100%; max-width: 180px; margin-left: auto; margin-right: auto; }
  .door-to-door-info-banner .btn-wrap.mobile-vertical .btn__32 + .btn__32 { margin-top: 10px; } }
@media (max-width: 1023px) and (max-width: 359px) { .door-to-door-info-banner .btn-wrap { margin-left: -5px; margin-right: -5px; } }
@media (min-width: 1024px) { .door-to-door-caution { margin-top: 30px; padding: 26px 30px; }
  .door-to-door-caution li { position: relative; padding-left: 12px; font-size: 16px; }
  .door-to-door-caution li:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
  .door-to-door-info-banner { margin-top: 40px; padding: 36px 30px; }
  .door-to-door-info-banner br { display: none; }
  .door-to-door-info-banner .btn-wrap { width: 320px; margin: 26px auto 0 auto; }
  .door-to-door-info-banner .btn-wrap.mobile-vertical { width: 400px; } }
/* 예약 변경/취소 */
.reservation-list-wrap { margin-top: 26px; }
.reservation-list-wrap .app-pagination { margin-top: 30px; }
.reservation-list-wrap .reservation-list { margin-top: 12px; }
.reservation-list-wrap .list-count { font-size: 18px; }
.reservation-list li { padding-top: 10px; border: 1px solid #ddd; border-radius: 20px; background-color: #fff; }
.reservation-list li > .tit { display: block; height: 58px; margin: 10px; padding-top: 20px; border-radius: 10px; font-size: 18px; line-height: 1; text-align: center; background-color: #f7f7f7; }
.reservation-list li dl { margin-left: 10px; margin-right: 10px; }
.reservation-list li dl:after { content: ''; display: block; clear: both; }
.reservation-list li dt { float: left; width: 135px; padding: 6px 15px 6px 24px; font-weight: 700; }
.reservation-list li dd { float: left; width: calc(100% - 135px); padding: 6px 0; }
@media (max-width: 1023px) { .reservation-list { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
  .reservation-list li { margin-top: 15px; }
  .reservation-list li:first-child { margin-top: 0; }
  .reservation-list .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area):before { width: 110px; }
  .reservation-list .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > a, .reservation-list .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > span { width: calc(100% - 110px); } }
@media (min-width: 1024px) { .reservation-list li > div { width: 16%; height: 50px; padding: 10px 20px; }
  .reservation-list li > div:nth-child(1) { width: 16%; }
  .reservation-list li > div:nth-child(1) a { font-weight: 700; }
  .reservation-list li > div:nth-child(2) { width: 20%; }
  .reservation-list li > div:nth-child(3) { width: 200px; }
  .reservation-list li > div:nth-child(4) { width: 200px; }
  .reservation-list li > div:nth-child(5) { width: auto; }
  .reservation-list li > div:nth-child(6) { width: 124px; }
  .reservation-list li .card-btn-area .btn__32 { width: 100%; }
  .reservation-list li .card-btn-area .btn__32 + .btn__32 { margin-left: 0; margin-top: 5px; } }
.oneself-download-tit .total-tit strong + strong { font-size: 24px; }
.oneself-download-tit .total-tit strong + strong:after { top: 9px; }
.oneself-download-tit .download-toatl-txt { padding-top: 15px; }
/*다운로드 자료실 리스트*/
.oneself-list02.oneself-download li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; }
.oneself-list02.oneself-download li > a { display: block; width: 25%; padding: 25px 20px; text-align: center; }
.oneself-list02.oneself-download li.no-data { display: block; padding: 80px 0; }
.oneself-list02.oneself-download li.no-data .no-data-tit + p { margin-top: 15px; font-weight: normal; }
.oneself-list02.oneself-download li.no-data .btn-area { margin-top: 30px; }
/* 다운로드 자료실 박스*/
.oneself-download-box { position: relative; display: table; margin-top: 60px; padding: 30px 40px; width: 100%; }
.oneself-download-box i { position: absolute; left: 40px; top: 35px; }
.oneself-download-box dl { display: table-cell; padding-left: 80px; }
.oneself-download-box .download-box-txt dt { font-size: 24px; font-weight: bold; }
.oneself-download-box .download-box-txt dt + dd { margin-top: 15px; }
.oneself-download-box .btn-box { display: table-cell; vertical-align: middle; text-align: right; }
.oneself-list02.oneself-download li a { word-break: break-all; }
@media (max-width: 1023px) { .oneself-download-tit .total-tit strong:nth-child(1) { display: none; }
  .oneself-download-tit .total-tit { float: left; }
  .oneself-download-tit .total-tit strong + strong { padding-left: 0; font-size: 20px; }
  .oneself-download-tit .total-tit strong + strong:after { display: none; }
  .oneself-download-tit .download-toatl-txt { padding-top: 3px; font-size: 18px; }
  /* 다운로드 자료실 리스트*/
  .oneself-list02.oneself-download li { display: block; }
  .oneself-list02.oneself-download li a { width: 100%; padding: 13px 20px; }
  .oneself-list02.oneself-download li a + a { border-top: 1px solid #ddd; }
  .oneself-list02.oneself-download li.no-data .no-data-tit + p { margin-top: 20px; padding: 0 20px; }
  /* 다운로드 자료실 박스*/
  .oneself-download-box { display: block; padding: 30px; }
  .oneself-download-box dl { display: block; }
  .oneself-download-box .download-box-txt dt + dd { margin-top: 5px; }
  .oneself-download-box .btn-box { display: block; text-align: center; margin-top: 15px; }
  .oneself-secacrh-list { margin-top: 36px; } }
@media (max-width: 1023px) and (max-width: 359px) { .oneself-download-box { padding: 20px; }
  .oneself-download-box i { left: 30px; } }
.oneself-download-area { padding: 31px 108px; }
.oneself-download-area .oneself-seacrh-input { width: calc(100% - 310px); }
.oneself-download-area .oneself-seacrh-input input { height: 38px; }
.oneself-download-area .btn-box { width: 310px; }
.oneself-download-area .oneself-seacrh-input .btn-search { width: 48px; height: 48px; }
.oneself-download-area .oneself-seacrh-input .btn__delete-input { top: 18px; }
@media (max-width: 1023px) { .oneself-download-area { padding: 0; border-bottom: 0; }
  .oneself-download-area .oneself-seacrh-input { width: 100%; }
  .oneself-download-area .btn-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .oneself-download-area .btn-box button { min-width: auto; padding: 0 20px; height: 40px; }
  .oneself-download-area .btn-box button span { font-size: 14px; }
  .oneself-download-area .btn-box button + button { margin-left: 10px; }
  .oneself-download-area .oneself-seacrh-input .btn-search ~ span { display: block; margin-top: 4px; font-size: 14px; }
  .oneself-download-area .btn-wrap { max-width:480px; margin: 20px auto 0 auto; }
  .oneself-download-area .btn-wrap button { padding-left: 10px; padding-right: 10px; }
  .oneself-download-area .btn-wrap button.btn__4050 { padding-top:0px; padding-bottom:0px; }}
@media (max-width: 1023px) and (max-width: 359px) { .oneself-download-area .btn-wrap .btn-select-photo i { display: none; } }
@media (min-width: 1024px) { .oneself-download-area .oneself-seacrh-input { width: calc(100% - 622px); }
  .oneself-download-area .btn-wrap { float: right; width: 612px; } }
@media (max-width: 1023px) {
  .oneself-download-area .btn-select-photo .icon-photo { display:none; }
}
.useful-software-tit { display: block; font-size: 24px; margin-top: 24px; }
.useful-software-download { margin-top: 20px; border-top: 1px solid #000; padding: 20px 0 0; position: relative; }
.useful-software-tit + .tabBox { margin-top: 20px; }
.useful-software .sec-cont + .sec-cont { margin-top: 56px; }
/* 유용한 소프트 위어 다운로드 팝업 추가 */
.useful-software-download-pop { position: absolute; right: 0; bottom: -175px; z-index: 100; width: 400px; padding: 20px; border: 1px solid #000; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 7px 0 8px rgba(0, 0, 0, 0.22); box-shadow: 7px 0 8px rgba(0, 0, 0, 0.22); }
.useful-software-download-pop.is-active { display: block; }
.useful-software-download-pop dt { padding-bottom: 15px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ddd; }
.useful-software-download-pop dt + dd { margin-top: 12px; }
.useful-software-download-pop .pop-close { position: absolute; width: 13px; height: 13px; text-indent: -999em; top: 24px; right: 24px; }
.useful-software-download-pop .pop-close:before, .useful-software-download-pop .pop-close:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
.useful-software-download-pop .pop-close:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.useful-software-download-pop .pop-close:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.useful-software-download-pop .pop-close > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.useful-software-download-pop .pop-close:before, .useful-software-download-pop .pop-close:after { height: 1px; }
@media (max-width: 1023px) { .useful-software { margin-top: 56px; }
  .useful-software .sec-cont { margin-top: 22px; }
  .useful-software .sec-cont + .sec-cont { margin-top: 36px; }
  .useful-software-download-pop { max-width: 320px; width: auto; bottom: -200px; }
  .useful-software-download-pop .pop-br-pc { display: none; }
  .useful-software-tit { font-size: 20px; margin-top: 22px; } }
/* 시각장애인용 제품 설명서(conList) */
.product-guide-download > li > a { position: relative; display: block; }
.product-guide-download > li > a:after { content: ""; position: absolute; top: calc(50% - 7px); border-right: 2px solid #767676; border-bottom: 2px solid #767676; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.product-guide-download > li.is-active > a:after { top: calc(50% - 3px); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.guide-download-detail .btns-download:after { content: ''; display: block; clear: both; }
.guide-download-detail .btns-download > a { float: left; font-weight: 700; }
.guide-download-detail .btns-download i { margin-left: 5px; }
@media (max-width: 1023px) { .product-guide-download { margin-top: 20px; border-top: 1px solid #000; }
  .product-guide-download > li { width: 100%; border-bottom: 1px solid #000; }
  .product-guide-download > li > a { display: block; padding: 13px 10px; }
  .product-guide-download > li > a:after { width: 10px; height: 10px; right: 12px; }
  .product-guide-download > li.guide-content-view { display: none !important; }
  .product-guide-download > li .guide-download-list { display: none; }
  .product-guide-download > li.is-active > a { font-weight: 700; }
  .product-guide-download > li.is-active .guide-download-list { display: block; border-top: 1px solid #ddd; }
  .product-guide-download > li.empty { display: none; }
  .guide-download-detail { padding: 0 10px; background-color: #f7f7f7; font-weight: 700; }
  .guide-download-detail li { position: relative; padding: 16px 10px 16px 25px; }
  .guide-download-detail li .num { position: absolute; right: calc(100% - 20px); top: 16px; }
  .guide-download-detail li + li { border-top: 1px solid #ddd; }
  .guide-download-detail .btns-download { margin-top: 4px; }
  .guide-download-detail .btns-download > a + a { margin-left: 12px; } }
@media (min-width: 1024px) { .product-guide-download { margin-top: 25px; }
  .product-guide-download:after { content: ''; display: block; clear: both; }
  .product-guide-download > li { float: left; width: 20%; margin-top: 6px; border: 1px solid #ddd; border-left: none; }
  .product-guide-download > li:nth-child(6n + 1) { border-left: 1px solid #ddd; }
  .product-guide-download > li.empty { height: 60px; border: none; }
  .product-guide-download > li.bottom-line { border-bottom: 1px solid #000; }
  .product-guide-download > li.is-active { border: 1px solid #000; border-bottom: 1px solid #fff; }
  .product-guide-download > li > a { height: 58px; padding: 20px 40px 20px 20px; }
  .product-guide-download > li > a span { width: 100%; display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; line-height: 1; }
  .product-guide-download > li > a:after { right: 20px; top: calc(50% - 4px); width: 8px; height: 8px; }
  .product-guide-download .guide-content-view, .product-guide-download .guide-download-list { display: none; }
  .product-guide-download .guide-content-view { width: 100%; border: none; }
  .product-guide-download .guide-content-view.bottom-line { border-bottom: none; }
  .guide-download-detail li { position: relative; padding: 26px 200px 26px 25px; border-bottom: 1px solid #ddd; }
  .guide-download-detail li .btns-download { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .guide-download-detail .btns-download > a { margin-right: 20px; }
  .guide-download-detail .btns-download > a span:after { content: '파일'; } }
.useful-software-tit-box .download-toatl-txt { padding-top: 5px; }
.useful-software-tit-box .useful-software-tit { margin-top: 0; }
.tbl-oneself-download-box { border-top: 1px solid #000; }
.tbl-oneself-download { border-bottom: 1px solid #ddd; width: 100%; table-layout: auto; }
.tbl-oneself-download th { width: 20%; background-color: #f7f7f7; border-bottom: 1px solid #ddd; text-align: left; padding: 25px 30px; font-weight: bold; }
.tbl-oneself-download td { border-top: 0; width: 80%; }
.tbl-oneself-download td:after { content: ''; display: block; clear: both; }
.tbl-oneself-download td a { float: left; display: block; width: 25%; }
@media (max-width: 1023px) { .useful-software-tit { display: block; }
  .useful-software-tit-box .total-tit { float: left; }
  .tbl-oneself-download th { padding: 30px 10px; width: 100px; }
  .tbl-oneself-download td { width: calc(100% - 100px); }
  .tbl-oneself-download .tbl__normal tbody td { padding: 0; }
  .tbl-oneself-download td a { float: none; width: 100%; text-align: left; padding-left: 10px; padding-bottom: 20px; padding-top: 10px; }
  .tbl-oneself-download td a + a { border-top: 1px solid #ddd; padding-top: 20px; } }
.oneself-download-details { border-bottom: 2px solid #000; }
.oneself-download-details > .app-sharing .sharingBtn .btn-research { display: inline-block; width: 120px; font-size: 14px; font-weight: bold; }
.oneself-download-details > .app-sharing .sharingBtn .btn-research i { vertical-align: sub; margin-right: 5px; }
/* 다운로드상세 페이지 */
.oneself-download-detail-tit { margin-top: 56px; }
.oneself-download-detail-tit .total-tit { padding-top: 4px; }
.download-detail-tit { font-size: 24px; padding-right: 20px; }
.download-detail-tit + strong { position: relative; font-size: 18px; padding-left: 20px; }
.download-detail-tit + strong::before { content: ''; position: absolute; left: 0; top: 4px; width: 1px; height: 16px; background-color: #ddd; }
.download-toatl-txt .select-download-total { width: 100px; }
.download-toatl-txt .select-download-total .form__select.line-style .btn__toggle-select { border-bottom: 1px solid #000; }
@media (max-width: 1023px) { .oneself-download-detail-tit { margin-top: 36px; }
  .download-detail-tit { float: left; font-size: 20px; }
  .download-detail-tit + strong { float: left; margin-top: 3px; }
  .total-tit-txt { display: none; }
  .oneself-download-details .list-info { display: none; }
  .oneself-download-details .sharingBtn { width: 100%; }
  .oneself-download-info ul li { font-size: 14px; } }
/* 다운로드 상세  페이지 tab 버튼 */
.self-download-tab-box button { margin-top: 8px; margin-right: 20px; min-width: 132px; border: 1px solid #0072de; color: #0072de; }
.self-download-tab-box button:hover, .self-download-tab-box button.is-select { background-color: #0072de; color: #fff; }
.self-download-tab-box .btn__32 + .btn__32 { margin-left: 0; }
@media (max-width: 1023px) { .self-download-tab-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .self-download-tab-box button { width: calc(50% - 5px); margin-right: 0; } }
.oneself-download01 > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 22px 24px; }
.oneself-download01 .oneself-download-tit ul:after { content: ''; display: block; clear: both; }
.oneself-download01 .oneself-download-tit ul li { float: left; padding-right: 20px; }
.oneself-download01 .oneself-download-tit ul li + li { padding-left: 20px; }
.oneself-download01 .oneself-download-info ul:after { content: ''; display: block; clear: both; }
.oneself-download01 .oneself-download-info ul li { float: left; padding-right: 20px; }
.oneself-download01 .oneself-download-info ul li + li { padding-left: 20px; position: relative; }
.oneself-download01 .oneself-download-info ul li + li::before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }
.oneself-download01-info { margin-top: 20px; color: #767676; }
.oneself-download01-info li:before { background-color: #767676; }
@media (max-width: 1023px) { .oneself-download01 > li { padding: 20px 0; display: block; }
  .oneself-download01 .oneself-download-info { margin-top: 8px; }
  .oneself-download01-info { padding-left: 0; }
  .oneself-download01 .oneself-download-info ul li:last-child { padding-right: 0; } }
.not-file-open-box { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.not-file-open-box-tit > i { vertical-align: -4px; margin-right: 5px; }
.not-file-open .update-box { position: absolute; left: 0; top: 0; margin: 0; }
.not-file-open-box .not-file-open { margin-left: 30px; }
.not-file-open-box .not-file-open button { position: relative; padding: 13px 20px 13px 46px; margin-right: 20px; min-width: 180px; }
.not-file-open-box .not-file-open .btn__40 + .btn__40 { margin-left: 0; }
.not-file-open-box .not-file-open button i { position: absolute; left: 20px; top: 50%; margin-top: -11px; }
@media (max-width: 1023px) { .not-file-open-box { display: block; }
  .not-file-open-box .not-file-open { display: block; margin-top: 12px; margin-left: 0; }
  .not-file-open-box .not-file-open button { margin-top: 8px; } }
/* 삼성 업데이트 */
.samsung-update-tit { padding-bottom: 20px; border-bottom: 1px solid #000; margin-top: 60px; }
.samsung-update-tit dt { font-weight: bold; }
.samsung-update-tit dd { margin-top: 15px; }
.samsung-update-box { padding: 25px 0 8px; }
.samsung-update-box ul li { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.samsung-update-box ul li + li { margin-top: 20px; }
.samsung-update-box .listTit { text-align: center; width: 334px; }
.samsung-update-box .listTit dt { font-weight: bold; font-size: 18px; }
.samsung-update-box .listTit dd { margin-top: 11px; }
.samsung-update-box ul li .boxType01 .update-box { width: 80px; height: 80px; border-radius: 50%; background-color: #f7f7f7; padding: 13px 0; text-align: center; }
.samsung-update-box ul li .boxType01 { width: calc(100% - 334px); padding: 24px 20px 24px 140px; background-color: #fff; border-radius: 20px; display: table; position: relative; }
.samsung-update-box ul li .boxType01 dl { width: calc(100% - 100px); padding-left: 20px; display: table-cell; vertical-align: middle; }
.samsung-update-box ul li .boxType01 dt { font-size: 14px; font-weight: bold; }
.samsung-update-box ul li .boxType01 dd { font-size: 14px; font-weight: normal; color: #767676; line-height: 24px; }
.samsung-update-box .not-file-open-box-tit { display: block; margin-top: 16px; }
@media (min-width: 1024px) { .samsung-update-box ul li .boxType01 .update-box { position: absolute; left: 40px; top: 50%; margin-top: -40px; display: table-cell; } }
@media (max-width: 1023px) { .samsung-update-box { padding: 30px 0 0; }
  .samsung-update-box ul { display: block; }
  .samsung-update-box ul li { display: block; }
  .samsung-update-box .listTit { width: 100%; }
  .samsung-update-box ul li .boxType01 { width: 100%; margin-top: 16px; display: block; padding: 20px; }
  .samsung-update-box ul li .boxType01 .update-box { margin: 0 auto; }
  .samsung-update-box ul li .boxType01 dl { padding-left: 0; width: 100%; margin-top: 8px; display: block; }
  .not-file-open-box-tit { display: block; margin-top: 20px; }
  .samsung-update-tit dt { float: none; margin-top: 8px; } }
.oneself-download02 > li { padding: 20px 24px; }
.oneself-download02 > li .oneself-download-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.oneself-download02 > li .up-tit span { font-weight: bold; }
.oneself-download02 .oneself-download-info { margin-top: 8px; }
.oneself-download02 .oneself-download-info ul:after { content: ''; display: block; clear: both; }
.oneself-download02 .oneself-download-info ul li { float: left; padding-right: 20px; }
.oneself-download02 .oneself-download-info ul li + li { padding-left: 20px; position: relative; }
.oneself-download02 .oneself-download-info ul li + li::before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }
@media (max-width: 1023px) { .oneself-download02 > li { padding: 20px 0; }
  .oneself-download02 > li .oneself-download-info { display: block; }
  .oneself-download02 > li .oneself-download-info ul:nth-child(1) { display: none; } }
/* 설치 팝업 */
.install-popup { max-width: 800px; margin: 0 auto; padding: 40px; }
.install-popup-tit { font-size: 24px; padding-bottom: 20px; border-bottom: 2px solid #000; }
.install-popup-top { padding: 30px 0; border-bottom: 1px solid #ddd; }
.install-popup-top dl dt { font-weight: bold; font-size: 18px; line-height: 26px; }
.install-popup-top dl dd { line-height: 24px; margin-top: 10px; }
.install-popup-top .bullet__16 { margin-top: 20px; }
.install-popup-top .bullet__16 strong { padding-right: 20px; }
.install-popup-cont { padding: 30px 0; }
.install-popup-cont strong { font-size: 18px; vertical-align: top; }
.install-popup-cont strong i { vertical-align: sub; padding-right: 10px; }
.install-popup-cont strong span { padding-left: 10px; }
.install-popup-cont ul { margin-top: 20px; }
.install-popup-cont ul li + li { margin-top: 10px; }
.install-popup-cont ul li p { display: inline-block; padding-left: 15px; }
.install-popup-cont .install-box { margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.install-popup-cont .install-box dl { width: 200px; border-radius: 20px; border: 1px solid #000; padding: 30px 0; text-align: center; }
.install-popup-cont .install-box dl + dl { margin-left: 20px; }
.install-popup-cont .install-box dt { font-weight: bold; }
.install-popup-cont .install-box dd { margin-top: 20px; }
.install-popup-box { text-align: center; }
.install-popup-box .fax-box { width: 100px; height: 100px; background-color: #f7f7f7; border-radius: 50%; margin: 0 auto; padding: 26px 0; }
.install-popup-box button { display: block; margin: 20px auto 0; }
@media (max-width: 1023px) { .install-popup { padding: 30px 20px; }
  .install-popup-top .bullet__16 strong { display: block; width: 100%; }
  .install-popup-top .bullet__16 li + li { margin-top: 10px; }
  .install-popup-cont ul li p { padding-left: 0; display: block; }
  .install-popup-cont .install-box { display: block; }
  .install-popup-cont .install-box dl { margin: 0 auto; }
  .install-popup-cont .install-box dl + dl { margin: 20px auto 0; } }
.download-pds-list { border-top: 1px solid #000; }
.download-pds { position: relative; }
.download-pds > .tit { position: absolute; left: 0; top: 0; bottom: 0; background-color: #f7f7f7; word-break: break-all; }
.download-pds li { padding: 18px 10px; }
@media (max-width: 1023px) { .download-pds { padding-left: 100px; }
  .download-pds + .download-pds { border-top: 1px solid #ddd; }
  .download-pds ul { padding: 0 10px; }
  .download-pds > .tit { width: 100px; padding: 18px 10px; }
  .download-pds li + li { border-top: 1px solid #ddd; }
  .download-pds:last-child { border-bottom: 1px solid #ddd; } }
@media (min-width: 1024px) { .download-pds { padding-left: 20%; }
  .download-pds > .tit { width: 20%; padding: 23px 20px; }
  .download-pds ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .download-pds li { width: 25%; padding: 23px 10px; border-bottom: 1px solid #ddd; text-align: center; }
  .download-pds li span { display: block; }
  .download-pds + .download-pds:before { content: ''; position: absolute; top: -1px; left: 0; right: 0; z-index: 1; height: 1px; background-color: #ddd; }
  .download-pds:last-child:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 1px; background-color: #ddd; } }
.no-download-data { border-top: 1px solid #000; border-bottom: 1px solid #ddd; text-align: center; }
.no-download-data p { margin-top: 12px; font-size: 18px; }
.no-download-data .tit__04 { margin-top: 0; margin-bottom: 0; }
@media (max-width: 1023px) { .no-download-data { padding: 60px 0; } }
@media (min-width: 1024px) { .no-download-data { padding: 120px 0; } }
.site-map-box { border: 1px solid #ddd; border-radius: 20px; margin-top: 30px; padding: 20px 65px; }
.site-map-box-list:after { content: ''; display: block; clear: both; }
.site-map-box-list li { float: left; width: 12.5%; text-align: center; }
.site-map-box-list li + li { position: relative; }
.site-map-box-list li + li:before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 16px; background-color: #ddd; }
.site-map-box-list a { display: block; width: 100%; }
/* map-depth-list */
.map-depth-list .sub-depth-list { border-top: 1px solid #ddd; position: relative; }
.map-depth-list .sub-depth-list::before { content: ''; position: absolute; left: 0; top: -1px; width: 94px; height: 1px; background-color: #000; }
.map-depth-list .sub-depth-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.map-depth-list .sub-depth-list li { width: 16.6%; margin-top: 20px; }
.map-depth-list .sub-depth-list li a { display: block; width: 100%; color: #000; }
.map-depth-list .sub-depth-list li a::before { content: "-"; padding-right: 4px; }
@media (max-width: 1023px) { .site-map-box { display: none; }
  .map-depth-list .sub-depth-list li { width: 50%; margin-top: 10px; } }
/* 에러 페이지 */
.error-box { padding: 80px 0; text-align: center; }
.error-box .btn-go-to-main { margin-top: 30px; }
.error-text-box .error-tit { margin-top: 15px; font-size: 40px; font-weight: bold; }
.error-text-box .error-txt { margin-top: 20px; line-height: 26px; font-size: 18px; }
/* 에러 페이지 내 사이트 맵*/
.error-depth-list { border: 1px solid #ddd; }
.error-depth-list:after { content: ''; display: block; clear: both; }
.error-depth-list > li { float: left; width: 16.6%; height: 525px; padding: 25px 30px 30px 30px; }
.error-depth-list > li + li { border-left: 1px solid #ddd; }
.error-depth-list .error-depth-tit { font-size: 18px; }
.error-depth-list .sub-depth-list { margin-top: 15px; }
.error-depth-list .sub-depth-list li + li { margin-top: 10px; }
.error-depth-list .sub-depth-list li a { display: block; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.error-depth-list .sub-depth-list li a:hover { font-weight: bold; text-decoration: underline; }
@media (max-width: 1023px) { .error-box { padding: 80px 20px; word-break: keep-all; }
  .error-text-box .error-tit { font-size: 28px; }
  .error-navi-box { display: none; } }
/* 챗봇 상담 */
.chatbox-consult .tit__04 { display: block; margin-top: 0; margin-bottom: 0; }
.chatbox-consult .box-radius { padding: 20px; }
.chatbox-consult .howto-chat p:last-child span { position: relative; display: inline-block; padding-bottom: 25px; text-decoration: underline; }
.chatbox-consult .howto-chat p:last-child span em { position: absolute; top: 25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #0072de; font-weight: 400; white-space: nowrap; }
.chatbox-consult .servi-msg { text-align: center; }
.chatbox-consult .box-radius p { font-size: 18px; }
.chatbox-consult .box-radius p > .color__red { font-weight: 700; }
.chatbox-consult .btn-area { margin-top: 16px; margin-bottom: 20px; }
.chatbox-consult .howto-chat p:last-child { margin-top: 12px; }
@media (max-width: 1023px) { .chatbox-consult { margin-top: 21px; }
  .chatbox-consult > .box-radius { margin-top: 16px; }
  .servi-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 250px; height: 112px; margin: 0 auto 14px auto; }
  .servi-intro > span { position: relative; width: 112px; height: 100%; }
  .servi-intro > p { width: calc(100% - 146px); margin-left: 34px; text-align: left; }
  .servi-intro .icon-servi { position: absolute; top: 0; left: 0; max-width: 200px; -webkit-transform: scale(0.56); transform: scale(0.56); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }
@media (min-width: 1024px) { .chatbox-consult { margin-top: 26px; }
  .servi-intro .icon-servi { display: block; margin-bottom: 28px; }
  .servi-intro > p br { display: none; }
  .chatbox-consult > .box-radius { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 26px; padding: 50px 112px; }
  .chatbox-consult br { display: none; }
  .chatbox-consult .servi-msg { width: calc(100% - 370px); } }
/* 챗봇 미리보기 가이드 */
.chatbot-preview li .tit__04 { display: block; text-align: left; margin-bottom: 16px; }
.chatbot-preview li p { text-align: left; }
.chatbot-preview li:first-child { border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .chatbot-preview { text-align: center; }
  .chatbot-preview img { display: block; width: 212px; margin-top: 10px; margin-left: auto; margin-right: auto; }
  .chatbot-preview li:first-child { padding-bottom: 36px; }
  .chatbot-preview li p + .img { margin-top: 16px; } }
@media (min-width: 1024px) { .chatbot-preview { position: relative; min-height: 575px; padding-left: 365px; }
  .chatbot-preview li:after { content: ''; display: block; clear: both; }
  .chatbot-preview li:first-child { margin-bottom: 40px; padding-bottom: 36px; }
  .chatbot-preview li:last-child { margin-bottom: 0; }
  .chatbot-preview li:not(:first-child) > p { float: left; width: calc(30% - 45px); }
  .chatbot-preview li .img { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 70%; }
  .chatbot-preview li .img p { width: 212px; margin-left: 25px; margin-bottom: 25px; }
  .chatbot-preview li .tit__04 { margin-top: 0; }
  .chatbot-preview li:first-child .img { position: absolute; top: 0; left: 0; width: 273px; }
  .chatbot-preview li:first-child .img img { width: 100%; } }
/* 전문 상담사 채팅 업무 시간 배너 */
.banner__pro-consultant-chat { text-align: center; }
@media (max-width: 1023px) { .banner__pro-consultant-chat { margin-top: 60px; padding: 30px 15px; }
  .banner__pro-consultant-chat .icon-headset { display: none; }
  .banner__pro-consultant-chat strong, .banner__pro-consultant-chat b { display: block; font-size: 20px; }
  .banner__pro-consultant-chat p { margin-top: 14px; } }
@media (min-width: 1024px) { .banner__pro-consultant-chat { margin-top: 80px; padding: 50px 30px; }
  .banner__pro-consultant-chat .icon-headset { position: relative; margin-right: 25px; vertical-align: -27px; }
  .banner__pro-consultant-chat strong, .banner__pro-consultant-chat b { font-size: 24px; }
  .banner__pro-consultant-chat p { margin-top: -10px; font-size: 18px; } }
/* 채팅 상담 내용 저장 고지 및 관련 법령 적용 안내 */
@media (max-width: 1023px) { .chatting-legal { padding: 20px; } }
@media (min-width: 1024px) { .chatting-legal { padding: 26px 50px; } }
/* 이메일 상담 상단 배너 */
.banner__email-consult { margin-bottom: 16px; }
@media (max-width: 1023px) { .banner__email-consult { margin-top: 22px; padding: 30px; text-align: center; }
  .banner__email-consult p { margin-top: 12px; margin-bottom: 14px; } }
@media (min-width: 1024px) { .banner__email-consult { margin-top: 26px; padding: 30px 40px; }
  .banner__email-consult:after { content: ''; display: block; clear: both; }
  .banner__email-consult i, .banner__email-consult p { float: left; }
  .banner__email-consult p { margin-left: 20px; margin-top: 15px; font-size: 18px; line-height: 40px; }
  .banner__email-consult .btn__40 { float: right; margin-top: 15px; } }
/* 이메일 상담 리스트 */
.email-consult-list .app-pagination { margin-top: 30px; }
.email-consult-list-wrap .no-data { margin-top: 20px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; font-size: 18px; }
@media (max-width: 1023px) { .email-consult-list-wrap { margin-top: 35px; }
  .email-consult-list { margin-top: 20px; }
  .email-consult-list .label__24 { width: 62px; }
  .email-consult-list .tbl__rwd-card-content li { position: relative; }
  .email-consult-list .tbl__rwd-card-content li a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .email-consult-list-wrap .no-data { padding: 76px 0; } }
@media (min-width: 1024px) { .email-consult-list-wrap { margin-top: 60px; }
  .email-consult-list { margin-top: 20px; }
  .email-consult-list .label__24 { width: 62px; }
  .email-consult-list .tbl__rwd-card-header li > div:nth-child(1), .email-consult-list .tbl__rwd-card-content li > div:nth-child(1) { width: 94px; }
  .email-consult-list .tbl__rwd-card-header li > div:nth-child(2), .email-consult-list .tbl__rwd-card-content li > div:nth-child(2) { width: auto; padding-left: 20px; padding-right: 20px; }
  .email-consult-list .tbl__rwd-card-content li > div:nth-child(2) { text-align: left; }
  .email-consult-list .tbl__rwd-card-header li > div:nth-child(3), .email-consult-list .tbl__rwd-card-content li > div:nth-child(3), .email-consult-list .tbl__rwd-card-header li > div:nth-child(4), .email-consult-list .tbl__rwd-card-content li > div:nth-child(4) { width: 236px; }
  .email-consult-list .tbl__rwd-card-header li > div:nth-child(5), .email-consult-list .tbl__rwd-card-content li > div:nth-child(5) { width: 212px; }
  .email-consult-list-wrap .no-data { padding: 76px 0; } }
/* 이메일 상담 상세 타이틀 */
.email-consult-detail-tit { position: relative; border-bottom: 2px solid #000; }
.email-consult-detail-tit .tit__page { margin-bottom: 22px; }
.email-consult-detail-tit ul:after { content: ''; display: block; clear: both; }
.email-consult-detail-tit li { float: left; }
.email-consult-detail-tit button.btnBookmark-off, .email-consult-detail-tit button.btnBookmark-on { position: absolute; right: 0; bottom: 20px; font-size: 0; }
.email-consult-detail-tit li .tit { font-weight: 400; }
@media (max-width: 1023px) { .email-consult-detail-tit { padding-bottom: 14px; }
  .email-consult-detail-tit li:last-child { position: relative; margin-left: 15px; padding-left: 15px; }
  .email-consult-detail-tit li:last-child:before { content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 1px; height: 13px; background-color: #ddd; }
  .email-consult-detail-tit li .tit, .email-consult-detail-tit li:first-child { display: none; } }
@media (min-width: 1024px) { .email-consult-detail-tit { padding-bottom: 24px; }
  .email-consult-detail-tit li + li { margin-left: 50px; }
  .email-consult-detail-tit li .tit { position: relative; margin-right: 20px; padding-right: 21px; color: #767676; }
  .email-consult-detail-tit li .tit:after { content: ''; position: absolute; right: 0; top: calc(50% - 6px); width: 1px; height: 13px; background-color: #ddd; } }
/* 이메일 상담 상세 */
.email-consult-detail-cont { padding: 36px 0; border-bottom: 1px solid #ddd; white-space: pre-wrap; }
.attached-files-view { padding: 20px 0 13px 0; border-bottom: 1px solid #ddd; }
.attached-files-view:after { content: ''; display: block; clear: both; }
.attached-files-view .tit, .attached-files-view ul, .attached-files-view li { float: left; }
.attached-files-view .tit { margin-right: 40px; }
.attached-files-view ul { width: calc(100% - 95px); }
.attached-files-view li { margin-right: 20px; margin-bottom: 7px; }
.attached-files-view li a { word-break: break-all; }
.email-consult-reply { position: relative; padding: 20px; background-color: #f7f7f7; border-bottom: 1px solid #ddd; }
.email-consult-reply .label__24 { position: absolute; left: 20px; top: 20px; width: 62px; }
.email-consult-reply .label__24 + p { margin-left: 70px; }
.email-consult-reply .label__24 + p .tit { display: block; }
.email-consult-reply .reply-cont { margin-top: 16px; padding-top: 20px; border-top: 1px solid #ddd; }
@media (max-width: 359px) { .email-consult-detail-cont ~ .btn-area { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .email-consult-detail-cont ~ .btn-area .btn__40 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 50px; } }
@media (min-width: 1024px) { .email-consult-detail-cont { padding: 56px 30px; }
  .attached-files-view { padding: 21px 30px 14px 30px; }
  .email-consult-reply .label__24 + p { margin-left: 90px; }
  .email-consult-reply p:after { content: ''; display: block; clear: both; }
  .email-consult-reply p .tit { float: left; max-width: calc(100% - 100px); }
  .email-consult-reply p .date { float: right; }
  .email-consult-reply .reply-cont { padding-left: 90px; } }
/* 제품선택 상단 타이틀 */
.select-product-tit:after { content: ''; display: block; clear: both; }
.select-product-tit.email-write-tit { border-top: 2px solid #000; }
.select-product-tit .required-msg { float: right; }
.select-product-tit .tit__03 { float: left; margin-top: 0; margin-bottom: 0; }
@media (max-width: 1023px) { .select-product-tit { padding: 25px 0; }
  .select-product-tit.email-write-tit { margin-top: 21px; }
  .select-product-tit .tit__03 { max-width: calc(100% - 100px); }
  .select-product-tit .btn-area { clear: both; display: block; padding-top: 16px; }
  .select-product-tit .btn-area .btn-scan-area { margin-left: 10px; vertical-align: top; }
  .select-product-tit .required-msg { margin-top: 4px; } }
@media (min-width: 1024px) { .select-product-tit { margin-top: 24px; padding: 30px 0 15px 0; }
  .select-product-tit .tit__03 { max-width: calc(100% - 250px); }
  .select-product-tit .btn-area { float: right; margin-right: 20px; }
  .select-product-tit .btn-scan-area { margin-left: 15px; }
  .select-product-tit .required-msg { margin-top: 10px; }
  .select-product-tit.email-write-tit { margin-top: 26px; }
  .select-product-tit.email-write-tit .tit__04 { margin-top: 4px; } }
/* 이메일 상담 글쓰기 제품 선택 */
.selected-product { padding: 14px 26px 18px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.selected-product:after { content: ''; display: block; clear: both; }
.selected-product .tit { float: left; position: relative; margin-top: 4px; margin-right: 20px; padding-right: 20px; }
.selected-product .tit:before { content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 16px; background-color: #ddd; }
.selected-product p, .selected-product li { float: left; }
.selected-product p { margin-top: 4px; }
.selected-product ul { background-color: red; }
.selected-product ul:not(.reserved-time) li { position: relative; margin-top: 4px; margin-right: 20px; padding-right: 29px; }
.selected-product ul:not(.reserved-time) li:after { content: ''; position: absolute; right: 1px; top: 7px; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.selected-product ul:not(.reserved-time) li:last-child { margin-right: 0; padding-right: 0; }
.selected-product ul:not(.reserved-time) li:last-child:after { content: none; }
.selected-product p, .selected-product ul { position: relative; }
.selected-product p { max-width: calc(100% - 95px); }
.selected-product li:last-child { font-weight: 700; color: #0072de; }
.select-product-process01 .search-area > .tit { display: none; }
.select-product-process01 .search-area .btn-wrap { margin: 20px auto 16px auto; }
.select-product-process01 .select-product-detail { border-bottom: 1px solid #ddd; }
.select-product-process01 .select-product-detail > li { padding-top: 26px; }
.select-product-process01 .product-search-area > .bullet__16 { margin-top: 16px; }
.reserved-time li { margin-top: 4px; margin-right: 15px; }
.reserved-time li:last-child { margin-right: 0; }
@media (max-width: 1023px) { .selected-product p > span { display: block; margin-top: 4px; }
  .select-product-process01 .search-area { margin-top: 20px; }
  .select-product-process01 .select-product-detail { padding-bottom: 25px; }
  .select-product-process01 .select-product-detail > li .tit { display: block; margin-bottom: 6px; }
  .select-product-process01 .search-area .btn-wrap { max-width: 320px; }
  .select-product-process01 .search-area .btn-wrap button { padding-left: 10px; padding-right: 10px; }
  .select-product-process01 .search-area .btn-area { margin-top: 20px; } }
@media (max-width: 1023px) and (max-width: 359px) { .select-product-process01 .search-area .btn-select-photo i { display: none; } }
@media (min-width: 1024px) { .selected-product { padding-left: 30px; padding-right: 30px; }
  .selected-product p > span { margin-left: 20px; }
  .select-product-swiper-wrap { margin-top: 36px; }
  .select-product-process01 .search-area { position: relative; padding-top: 40px; padding-left: 30px; padding-right: 30px; }
  .select-product-process01 .search-area:after { content: ''; display: block; clear: both; }
  .select-product-process01 .search-area > .tit { display: block; float: left; width: 200px; }
  .select-product-process01 .search-area .form__text { float: left; width: calc(100% - 371px); }
  .select-product-process01 .search-area .btn-wrap { float: right; width: 340px; margin: 0; }
  .select-product-process01 .search-area .btn-area { float: right; }
  .select-product-process01 .search-area + ul { margin-top: 13px; padding-left: 230px; padding-right: 30px; }
  .select-product-process01 .search-area__email-consult .form__text { width: calc(100% - 622px); }
  .select-product-process01 .search-area__email-consult .btn-wrap { width: 402px; }
  .select-product-process01 .select-product-detail { padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 40px; }
  .select-product-process01 .select-product-detail > li:after { content: ''; display: block; clear: both; }
  .select-product-process01 .select-product-detail > li .tit { float: left; width: 204px; margin-top: 8px; }
  .select-product-process01 .select-product-detail > li .tit + div { float: right; width: calc(100% - 204px); }
  .select-product-process01 .select-product-detail > li > .error-msg { float: right; display: block; width: calc(100% - 204px); margin-top: 2px; }
  .select-product-process01 .select-product-detail > li .select-yymm { float: left; width: 400px; }
  .select-product-process01 .select-product-detail > li .select-yymm + .form__checkbox { float: left; margin-top: 7px; margin-left: 40px; }
  .select-product-process01 .select-product-detail > li .annotation { float: left; width: 100%; margin-top: 10px; }
  .select-product-process01 .select-product-detail > li textarea { height: 100px; } }
/* 이메일 상담 글쓰기 제품 선택 SWIPER */
.select-product-swiper .swiper-button-next, .select-product-swiper .swiper-button-prev { background-color: transparent; top: 120px; }
.select-product-swiper .swiper-button-next { right: 30px; outline: none; }
.select-product-swiper .swiper-button-prev { left: 30px; outline: none; }
/**/
.select-product-swiper .swiper-pagination { display: none; position: relative; width: 100%; margin-top: 20px; font-size: 0; }
.select-product-swiper .swiper-pagination-bullet { width: 12px; height: 12px; border: 1px solid #161111; background-color: #fff; opacity: 1; }
.select-product-swiper .swiper-pagination-bullet-active { background: #000; border: 1px solid #000; }
/* 다른제품 선택 스와이프 내용*/
.select-product-swiper { position: relative; padding: 30px 80px; }
.select-product-swiper .swiper-slide { text-align: center; }
.select-product-swiper .swiper-slide a { display: block; width: 100%; height: 100%; padding: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; }
.select-product-swiper .swiper-slide .swiper-img-box { position: relative; height: 100%; }
.select-product-swiper:not(.real-photo) .swiper-slide .swiper-img-box img { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.select-product-swiper.real-photo .swiper-slide .swiper-img-box img { max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.select-product-swiper .swiper-slide .slideTxt { position: absolute; bottom: 14px; left: 0; right: 0; font-size: 14px; font-weight: bold; }
.select-product-swiper .swiper-slide.is-click a { border: 2px solid #0072de; }
.select-product-swiper .swiperCont { text-align: center; }
.select-product-swiper .swiperCont .btn__32 { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-top: 10px; }
.select-product-swiper .swiperCont .swiperContTit { display: none; }
.select-product-swiper .swiperCont .swiperContTit .contClose { position: absolute; width: 44px; height: 44px; padding: 15px; }
.select-product-swiper .swiperCont .swiperContTit .contClose > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
.select-product-swiper .swiperCont .swiperContTit .contClose > span:before, .select-product-swiper .swiperCont .swiperContTit .contClose > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
.select-product-swiper .swiperCont .swiperContTit .contClose > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.select-product-swiper .swiperCont .swiperContTit .contClose > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.select-product-swiper .swiperCont .swiperContTit .contClose > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
@media (max-width: 1023px) { .select-product-swiper-wrap { margin-top: 26px; }
  .select-product-swiper .swiper-slide { height: 130px; }
  .select-product-swiper { padding: 25px; }
  .select-product-swiper .swiper-slide .slideTxt { line-height:14px; top:92px; }
  .select-product-swiper .swiper-button-next, .select-product-swiper .swiper-button-prev { display: none; }
  .select-product-swiper .swiper-pagination { display: block; }
  .select-product-swiper .swiperCont { margin-top: 0; }
  .select-product-swiper .swiperCont .contentBox { position: fixed; bottom: 0; left: 0; width: 100%; max-height: 380px; padding: 0 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: #fff; z-index: 20; -webkit-box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); box-shadow: 3px 0 18px rgba(0, 0, 0, 0.2); }
  .select-product-swiper .swiperCont .swiperContTit { display: block; position: relative; text-align: left; padding: 20px 0; border-bottom: 1px solid #000; }
  .select-product-swiper .swiperCont .swiperContTit .contClose { position: absolute; width: 44px; height: 44px; padding: 15px; right: 0; top: 5px; }
  .select-product-swiper .swiperCont .swiperContTit .contClose > span { position: relative; overflow: hidden; display: block; width: 14px; height: 14px; }
  .select-product-swiper .swiperCont .swiperContTit .contClose > span:before, .select-product-swiper .swiperCont .swiperContTit .contClose > span:after { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 141.42%; height: 2px; background-color: #000; }
  .select-product-swiper .swiperCont .swiperContTit .contClose > span:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
  .select-product-swiper .swiperCont .swiperContTit .contClose > span:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
  .select-product-swiper .swiperCont .swiperContTit .contClose > span { max-height: 100%; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .select-product-swiper .swiperCont .contList { min-height: 152px; max-height: 305px; overflow-y: auto; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
  .select-product-swiper .swiperCont .contList button.is-active { background-color: transparent; color: #0072de; }
  .select-product-swiper .swiperCont .contList button { display: block; width: 100%; border-radius: 0; border: 0; text-align: left; padding: 18px 17px; height: auto; margin-top: 0; border-bottom: 1px solid #ddd; }
  .select-product-swiper .swiperCont .contList button + button { margin: 0; }
  .select-product-swiper .swiperCont .contList button:last-child { border-bottom: none; }
  .select-product-swiper:not(.real-photo) .swiper-slide .swiper-img-box img { width: 64px; height: 64px; top: 21px; }
  .select-product-swiper .swiper-slide a { border-radius: 10px; } }
@media (min-width: 1024px) {
  .select-product-swiper.remote-swiper .swiper-container { width: 1020px; /* width: 820px; */ }
  .select-product-swiper.remote-swiper .swiper-button-next, .select-product-swiper.remote-swiper .swiper-button-prev { display: none; }
  .select-product-swiper .swiper-slide { height: 185px; }
  .select-product-swiper .swiperCont .contentBox { margin-top: 30px; }
  .select-product-swiper .contList { padding-top: 5px; border-top: 1px solid #ddd; }
  .select-product-swiper .contList button { vertical-align: top; border-color: #ddd; }
  .select-product-swiper .swiperCont .btn__32.is-active, .select-product-swiper .swiperCont .btn__32:hover { background-color: #0072de; color: #fff; border-color: #0072de; }
  .select-product-swiper .swiperCont .btn__32 { margin-left: 7px; margin-right: 7px; }
  .select-product-swiper .swiperCont .btn__32 + .btn__32 { margin-left: 7px; }
  .select-product-swiper:not(.real-photo) .swiper-slide .swiper-img-box img { width: 96px; height: 96px; top: 34px; } }
/* 이메일 상담 글쓰기 문의 */
.inquiry-form-consult { position: relative; }
.inquiry-form-consult .required-msg { position: absolute; top: 10px; right: 20px; }
.inquiry-form-consult-list { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.inquiry-form-consult-list > ul { padding-bottom: 30px; }
.inquiry-form-consult-list .checkbox-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }
.inquiry-form-consult-list .checkbox-wrap + p { margin-top: 6px; font-size: 14px; }
.inquiry-form-consult .annotation { margin-top: 20px; }
@media (max-width: 1023px) { .inquiry-form-consult-list > ul > li { padding-top: 26px; }
  .inquiry-form-consult-list > ul > li strong.tit { display: block; margin-bottom: 8px; }
  .inquiry-form-consult-list .checkbox-wrap > .form__checkbox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }
@media (min-width: 1024px) { .inquiry-form-consult-list { padding-top: 30px; padding-left: 30px; padding-right: 30px; }
  .inquiry-form-consult-list > ul > li:after { content: ''; display: block; clear: both; }
  .inquiry-form-consult-list > ul > li + li { margin-top: 20px; }
  .inquiry-form-consult-list li .tit { float: left; width: 205px; margin-top: 8px; }
  .inquiry-form-consult-list li > div { float: right; width: calc(100% - 205px); }
  .inquiry-form-consult-list li > div > p { margin-top: 8px; }
  .inquiry-form-consult-list .checkbox-wrap { margin-top: 8px; }
  .inquiry-form-consult-list .checkbox-wrap > .form__checkbox + .form__checkbox { margin-left: 20px; } }
/* 공통 */
.step-toggle-view { display: none; }
.step-toggle-view.is-active { display: block; }
.step-toggle-view .reserve-date { border-bottom: 1px solid #ddd; }
.step-toggle-view .reserve-date-wrap .reserve-date { border-bottom: 0; }
/* 전화상담 예약 */
.select-product-process01-2, .select-product-process01, .select-product-process02 { position: relative; }
.select-product-process03 { position: relative; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.select-product-process01-2 .required-msg, .select-product-process02 .required-msg, .select-product-process03 .required-msg { position: absolute; top: -45px; right: 0; }
div[class*="select-product-process"] .btn-toggle { display: none; position: absolute; right: 16px; top: 10px; width: 40px; height: 40px; background-color: #fff; }
div[class*="select-product-process"] .btn-toggle i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
div[class*="select-product-process"] .btn-toggle.is-active { display: block; }
.select-product-process01 .symptom-classification-msg { margin-top: 16px; text-align: left; }
.select-product-process01 .symptom-classification-msg ul { min-height: 93px;  }
.select-product-process01 .symptom-classification-msg li { position: relative; padding-left: 12px; font-size: 16px; }
.select-product-process01 .symptom-classification-msg li:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.select-product-process01 .symptom-classification .error-msg { margin-top: 3px; display: block; }
@media (max-width: 1023px) { div[class*="select-product-process"] .btn-toggle { right: -14px; }
  .banner-call-consult-reservation { margin-top: 20px; }
  .client-info-for-consult, .client-info-for-consult02 { padding-top: 26px; }
  .member-info-for-consult { padding: 26px 0; border-bottom: 1px solid #ddd; }
  .client-info-for-consult > li > .tit, .client-info-for-consult02 > li > .tit { display: block; margin-bottom: 8px; }
  .member-info-for-consult > li + li { margin-top: 10px; }
  .client-info-for-consult > li + li, .client-info-for-consult02 > li + li { margin-top: 20px; }
  .select-product-process01 .select-symptom { margin-top: 20px; }
  .select-product-process01 .symptom-classification { text-align: center; }
  .select-product-process01 .symptom-classification > ul:not(.symptom-classification-msg) { text-align: left; }
  .select-product-process01 .symptom-classification > ul:not(.symptom-classification-msg) ~ .door-to-door-info-banner { margin-top: 30px; }
  .select-product-process01 .symptom-classification > ul:not(.symptom-classification-msg) > li + li { margin-top: 30px; }
  .select-product-process01 .symptom-classification > ul:not(.symptom-classification-msg) > li + li { margin-top: 30px; }
  .select-product-process01 .symptom-classification .btn__40 { margin-top: 20px; }
  .select-product-process01 .symptom-classification .error-msg { text-align: left; }
  .select-product-process01-2 .tab__flex { margin-top: 30px; }
  .select-product-process04 .btn-area { margin-top: 30px; }
  .next-process-btn-area .btn-area { margin-top: 30px; }
  .select-product-process03 { padding-bottom: 20px; } }
@media (min-width: 1024px) { .banner-call-consult-reservation { margin-top: 30px; }
  .client-info-for-consult, .client-info-for-consult02 { padding-top: 30px; padding-left: 30px; padding-right: 30px; }
  .client-info-for-consult > li:after, .client-info-for-consult02 > li:after { content: ''; display: block; clear: both; }
  .client-info-for-consult > li + li, .client-info-for-consult02 > li + li { margin-top: 16px; }
  .client-info-for-consult > li > .tit, .client-info-for-consult02 > li > .tit { float: left; width: 204px; }
  .client-info-for-consult > li > .tit { margin-top: 8px; }
  .client-info-for-consult > li > .tit + div, .client-info-for-consult02 > li > .tit + div { float: left; width: calc(100% - 204px); max-width: 820px; }
  .client-info-for-consult .form__text { width: 50%; }
  .member-info-for-consult { padding: 23px 30px; border-bottom: 1px solid #ddd; }
  .member-info-for-consult:after { content: ''; display: block; clear: both; }
  .member-info-for-consult > li { float: left; }
  .member-info-for-consult > li + li { margin-left: 100px; }
  .select-product-process01 .client-info-for-consult .form__text { width: 400px; }
  .select-product-process01 .select-symptom { margin-top: 36px; }
  .select-product-process01 .select-symptom .btn__toggle-select, .select-product-process01 .select-symptom .tit { display: none; }

  .select-product-process01 .select-symptom .tit__pc { display: block; float: left; position: relative; margin-right: 20px; padding-right: 20px; width: 204px; padding-left: 30px;    padding-right: 30px;    line-height: 1.5;    font-size: 16px;    color: #000;    letter-spacing: -0.025em;}
  .select-product-process01 .select-symptom .tit__pc:before { content: ''; position: absolute; right: 0; top: 4px; }
  .select-product-process01 .select-symptom .select {padding-bottom:26px;float: right;display: block;position: static;border: none;font-size: 0;width: calc(100% - 230px);}
  .select-product-process01 .select-symptom .select ul { width: calc(100% - 30px); min-height: 93px; padding: 20px; background-color: #f7f7f7; border-radius: 20px; border: 1px solid #ddd; }
  .select-product-process01 .select-symptom .select li { display: inline-block; margin-right: 15px; margin-bottom: 15px; }
  .select-product-process01 .select-symptom .select li a { display: inline-block; min-width: 80px; height: 32px; min-height: 32px; padding: 9px 15px; line-height: 1; border: 1px solid #ddd; background-color: #fff; font-size: 14px; text-align: center; border-radius: 32px; }
  .select-product-process01 .select-symptom .select li a:hover, .select-product-process01 .select-symptom .select li.is-active a { background-color: #0072de; color: #fff; border-color: #0072de; }
  .select-product-process01 .symptom-classification:after { content: ''; display: block; clear: both; }
  .select-product-process01 .symptom-classification > ul:not(.symptom-classification-msg) { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 200px); }
  .select-product-process01 .symptom-classification.no-btn > ul { float: none; width: 100%; }
  .select-product-process01 .symptom-classification > ul:not(.symptom-classification-msg) > li { width: calc(50% - 15px); }
  /* 20201202 수정 */
  .select-product-process01 .symptom-classification > ul:not(.symptom-classification-msg) > li + li { margin-left: 20px; }
  .select-product-process01 .symptom-classification .btn__40 { float: right; }
  .select-product-process01-2 .tab__flex { margin-top: 40px; }
  .select-product-process04 .btn-area { margin-top: 40px; }
  .next-process-btn-area .btn-area { margin-top: 30px; }
  .client-info-for-consult .form-authentication { width: calc(50% + 290px); }
  .client-info-for-consult .form-authentication02 { width: calc(50% + 145px); }
  .client-info-for-consult .form-authentication .form__text { width: calc(100% - 290px); }
  .client-info-for-consult .form-authentication02 .form__text { width: calc(100% - 145px); }
  .select-product-process01 .symptom-classification-msg strong, .select-product-process01 .symptom-classification-msg p { display: inline-block; }
  .select-product-process01 .symptom-classification-msg strong { margin-right: 10px; }
  .select-product-process03 { padding-bottom: 30px; } }


@media (max-width: 1023px) {
  .select-product-process01 .select-symptom .tit__pc { display: block; margin-bottom: 6px; }
}

/* 예약 완료 */
.banner-consult { background-color: #f7f7f7; }
.reservation-information { border-top: 2px solid #000; }
.reservation-information > li { border-bottom: 1px solid #ddd; }
.reservation-information + .btn-area { margin-top: 40px; }
.reservation-caution { background-color: #f7f7f7; }
.banner-member-join { text-align: center; }
.banner-member-join .tit { display: block; }
.banner-member-join p { font-size: 18px; }
.banner-consult .tit + p, .banner-consult .tit + ul { margin-top: 6px; }
.banner-consult .tit + ul li { position: relative; padding-left: 12px; font-size: 16px; }
.banner-consult .tit + ul li:before { content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.banner-consult .tit + p { font-size: 16px; }
.banner-consult .tit { display: block; font-size: 18px; }
.reservation-information > li.details-symptom .tit + p { white-space: pre-wrap; }
.reservation-engineer .cs-pro-img { width: 110px; height: 146px; margin: 30px 0; }
.reservation-engineer .bullet__14 { margin-top: 16px; }
@media (max-width: 1023px) { .banner-consult { margin-top: 22px; padding: 30px; text-align: center; border-radius: 10px; }
  .banner-consult > i { display: block; margin-left: auto; margin-right: auto; margin-bottom: 16px; }
  .banner-consult ul { text-align: left; }
  .banner-consult .tit + p { text-align: left; }
  .banner-consult .tit + ul { text-align: left; }
  .banner-consult .txt { text-align: left; }
  .banner-consult .txt > br { display: none; }
  .banner-consult .txt + .txt { margin-top: 10px; }
  .banner-consult .btn__40:not(.mobile-visible) { display: none; }
  .banner-consult .btn__40.mobile-visible { margin-top: 16px; }
  .banner-consult .device-pc { display: none; }
  .reservation-information > li { padding: 16px 0; }
  .reservation-information > li .tit { display: block; margin-bottom: 10px; }
  .reservation-caution { padding: 25px 20px; border-radius: 10px; }
  .banner-member-join { padding: 28px 25px; }
  .banner-member-join .tit { margin-bottom: 7px; font-size: 20px; }
  .banner-member-join p { margin-bottom: 11px; }
  .reservation-engineer .cs-pro-img { margin-bottom: 20px; } }
@media (min-width: 1024px) { .banner-consult { position: relative; margin-top: 26px; padding: 35px 200px 35px 160px; border-radius: 20px; }
  .banner-consult > i[class*=icon-] { position: absolute; left: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .banner-consult .tit + ul { margin-top: 6px; }
  .banner-consult .txt + .txt { margin-top: 4px; }
  .banner-consult .btn__40 { position: absolute; right: 50px; top: calc(50% - 20px); }
  .banner-consult .device-m { display: none; }
  .reservation-information > li { padding: 22px 30px; }
  .reservation-information > li:after { content: ''; display: block; clear: both; }
  .reservation-information > li .tit { float: left; width: 204px; }
  .reservation-information > li .tit + p { float: left; width: calc(100% - 204px); }
  .reservation-caution { padding: 30px; border-radius: 20px; }
  .banner-member-join { padding: 36px 30px; }
  .banner-member-join .tit { margin-bottom: 8px; font-size: 24px; }
  .banner-member-join p { margin-bottom: 15px; } }
@media screen and (max-width: 359px) { .reservation-information + .btn-area { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .reservation-information + .btn-area .btn__40 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: auto; padding-left: 4px; padding-right: 4px; } }
/* 원격 상담 가능 제품 */
.remote-control-available { border: 1px solid #ddd; border-radius: 20px; }
.remote-control-available > li > div { position: relative; padding-left: 148px; }
.remote-control-available > li i[class*=icon] { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.remote-control-available > li .tit { display: block; margin-bottom: 12px; }
.remote-control-available ul + .btn__32 { margin-top: 16px; }
@media screen and (max-width: 767px) { .remote-control-available { padding: 0 20px; border-radius: 10px; }
  .remote-control-available > li { padding: 20px 0; }
  .remote-control-available > li + li { border-top: 1px solid #ddd; } }
@media screen and (max-width: 767px) and (max-width: 359px) { .remote-control-available > li { padding: 20px 5px; }
  .remote-control-available > li > div { padding-left: 130px; } }
@media screen and (min-width: 768px) and (max-width: 1365px) { .remote-control-available { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; }
  .remote-control-available:after { content: ''; display: block; clear: both; }
  .remote-control-available > li { width: calc(50% - 20px); padding: 20px; }
  .remote-control-available > li + li { border-top: 1px solid #ddd; }
  .remote-control-available > li:nth-child(2) { border-top: 0; } }
@media screen and (min-width: 1366px) { .remote-control-available { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 0; }
  .remote-control-available > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 40px; }
  .remote-control-available > li + li { border-left: 1px solid #ddd; } }
/* 원격 상담 진행 순서 */
.remote-control-process > li { padding: 20px; border-radius: 20px; text-align: center; }
.remote-control-process > li:nth-child(1) { background-color: #f5f7fe; }
.remote-control-process > li:nth-child(2) { background-color: #f7f5f2; }
.remote-control-process > li:nth-child(3) { background-color: #fef6f3; }
.remote-control-process > li:nth-child(4) { background-color: #f6f0f5; }
.remote-control-process > li > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 5px; background-color: #fff; border-radius: 10px; }
.remote-control-process > li > div span { margin-left: 13px; }
.remote-control-process > li > strong { display: block; font-size: 18px; font-weight: 700; line-height: 24px; margin-bottom: 10px; }
.remote-control-process > li > strong em { display: inline-block; width: 24px; height: 24px; margin-left: 12px; line-height: 24px; border-radius: 50%; background-color: #000; color: #fff; font-size: 16px; font-weight: 700; }
@media screen and (max-width: 767px) { .remote-control-process > li + li { margin-top: 10px; }
  .remote-control-process > li { border-radius: 10px; } }
@media screen and (min-width: 768px) and (max-width: 1365px) { .remote-control-process { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .remote-control-process > li { width: calc(50% - 10px); margin-bottom: 20px; } }
@media screen and (min-width: 1366px) { .remote-control-process { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .remote-control-process > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .remote-control-process > li + li { position: relative; margin-left: 100px; }
  .remote-control-process > li + li:before { content: ''; position: absolute; left: -50px; top: 50%; width: 16px; height: 16px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } }
/* 원격 상담 예약 */
@media (max-width: 1023px) { .remote-control-tit .annotation { margin-top: 20px; } }
@media (min-width: 1024px) { .remote-control-tit .annotation { margin-top: 24px; } }
/* 서비스 예약 */
.swiper-aircon .swiper-slide .img, .swiper-washer .swiper-slide .img { overflow: hidden; margin-top: 10px; position: relative; border-radius: 10px; border: none; }
.swiper-aircon .swiper-slide .img:after, .swiper-washer .swiper-slide .img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd; }
.swiper-aircon .swiper-slide .img img, .swiper-washer .swiper-slide .img img { width: 100%; height: 100%; }
.swiper-aircon .swiper-slide.is-active p, .swiper-washer .swiper-slide.is-active p, .swiper-tv li.is-active p { font-weight: 700; }
.swiper-airco .swiper-slide .img, .swiper-washer .swiper-slide .img { overflow: hidden; margin-top: 10px; position: relative; border-radius: 10px; border: none; }
.swiper-airco .swiper-slide .img:after, .swiper-washer .swiper-slide .img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd; }
.swiper-airco .swiper-slide .img img, .swiper-washer .swiper-slide .img img { width: 100%; height: 100%; }
.swiper-airco .swiper-slide.is-active p, .swiper-washer .swiper-slide.is-active p, .swiper-tv li.is-active p { font-weight: 700; }
.swiper-tv ul:after { content: ''; display: block; clear: both; }
.swiper-tv li { float: left; margin-right: 30px; }
.swiper-tv li p { position: relative; padding-left: 36px; line-height: 26px; }
.swiper-tv li p:before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #a9a9a9; background-color: #fff; }
.swiper-tv li.is-active p:before { border-color: #0072de; }
.swiper-tv li.is-active p:after { content: ''; position: absolute; left: 4px; top: 4px; width: 18px; height: 18px; border-radius: 50%; background-color: #0072de; }
@media (max-width: 1023px) { .swiper-aircon-wrap .aircon-text span, .swiper-washer-wrap .washer-text span, .swiper-tv-wrap .tv-text span { display: block; }
  .swiper-aircon, .swiper-washer, .swiper-tv { margin-top: 16px; padding: 24px 24px 20px 24px; background-color: #f7f7f7; border: 1px solid #ddd; border-radius: 15px; }
  .swiper-airco, .swiper-washer, .swiper-tv { margin-top: 16px; padding: 24px 24px 20px 24px; background-color: #f7f7f7; border: 1px solid #ddd; border-radius: 15px; }
  .swiper-aircon .swiper-slide p, .swiper-washer .swiper-slide p { line-height: 1; text-align: center; white-space: nowrap; }
  .swiper-airco .swiper-slide p, .swiper-washer .swiper-slide p { line-height: 1; text-align: center; white-space: nowrap; }
  .swiper-aircon .swiper-pagination { position: static; margin-top: 20px; font-size: 0; }
  .swiper-airco .swiper-pagination { position: static; margin-top: 20px; font-size: 0; }
  .swiper-aircon .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; }
  .swiper-airco .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; }
  .swiper-aircon .swiper-slide .img:after, .swiper-washer .swiper-slide .img:after { border-radius: 10px; }
  .swiper-airco .swiper-slide .img:after, .swiper-washer .swiper-slide .img:after { border-radius: 10px; }
  .swiper-aircon .swiper-slide.is-active .img:after, .swiper-washer .swiper-slide.is-active .img:after { border: 2px solid #0072de; }
  .swiper-airco .swiper-slide.is-active .img:after, .swiper-washer .swiper-slide.is-active .img:after { border: 2px solid #0072de; }
  .swiper-washer .swiper-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .swiper-washer .swiper-slide + .swiper-slide { margin-left: 10px; }
  .swiper-tv li { margin-bottom: 10px; }
  .swiper-tv li:nth-child(1), .swiper-tv li:nth-child(2), .swiper-tv li:nth-child(3), .swiper-tv li:nth-child(4), .swiper-tv li:nth-child(5),
  .swiper-tv li:nth-child(6), .swiper-tv li:nth-child(7) { width: 156px; }
  .swiper-tv li:last-child { margin: 0; }
  .swiper-tv p span:after { content: '\2191'; } }
@media (min-width: 1024px) { .swiper-aircon-wrap .aircon-text, .swiper-washer-wrap .washer-text, .swiper-tv-wrap .tv-text { margin-top: 8px; }
  .swiper-aircon-wrap .aircon-text span, .swiper-aircon-wrap .aircon-text span, .swiper-tv-wrap .tv-text span { margin-left: 10px; }
  .swiper-aircon .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .swiper-aircon .swiper-pagination { display: none; }
  .swiper-tv { margin-top: 6px; }
  .swiper-aircon .swiper-slide, .swiper-washer .swiper-slide { width: 212px; margin-top: 30px; margin-right: 24px; }
  .swiper-airco .swiper-slide, .swiper-washer .swiper-slide { width: 212px; margin-top: 30px; margin-right: 24px; }
  .swiper-aircon .swiper-slide .img, .swiper-washer .swiper-slide .img { border-radius: 20px; }
  .swiper-airco .swiper-slide .img, .swiper-washer .swiper-slide .img { border-radius: 20px; }
  .swiper-aircon .swiper-slide .img:after, .swiper-washer .swiper-slide .img:after { border-radius: 20px; }
  .swiper-airco .swiper-slide .img:after, .swiper-washer .swiper-slide .img:after { border-radius: 20px; }
  .swiper-aircon .swiper-slide p, .swiper-washer .swiper-slide p { position: relative; padding-left: 36px; line-height: 26px; }
  .swiper-airco .swiper-slide p, .swiper-washer .swiper-slide p { position: relative; padding-left: 36px; line-height: 26px; }
  .swiper-aircon .swiper-slide p:before, .swiper-washer .swiper-slide p:before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #a9a9a9; background-color: #fff; }
  .swiper-airco .swiper-slide p:before, .swiper-washer .swiper-slide p:before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #a9a9a9; background-color: #fff; }
  .swiper-aircon .swiper-slide.is-active p:before, .swiper-washer .swiper-slide.is-active p:before { border-color: #0072de; }
  .swiper-airco .swiper-slide.is-active p:before, .swiper-washer .swiper-slide.is-active p:before { border-color: #0072de; }
  .swiper-aircon .swiper-slide.is-active p:after, .swiper-washer .swiper-slide.is-active p:after { content: ''; position: absolute; left: 4px; top: 4px; width: 18px; height: 18px; border-radius: 50%; background-color: #0072de; }
  .swiper-airco .swiper-slide.is-active p:after, .swiper-washer .swiper-slide.is-active p:after { content: ''; position: absolute; left: 4px; top: 4px; width: 18px; height: 18px; border-radius: 50%; background-color: #0072de; }
  .swiper-tv p span:after { content: ' 이상'; }
  .select-product-tit.email-write-tit .btn-area .btn-scan-area, .select-product-tit.call-consult-reservation-tit .btn-area .btn-scan-area { display: none; } }
.service-satisfy { border-bottom: 1px solid #ddd; }
.service-satisfy01 { margin-top: 30px; }
.service-satisfy02 { margin-top: 10px; }
.service-satisfy01 li { float: left; }
.service-satisfy01 li + li { margin-left: 30px; }
.service-satisfy02 p { font-size: 14px; }
.service-satisfy02 p strong { display: block; margin-bottom: 4px; font-size: 16px; }
@media (max-width: 1023px) { .service-satisfy { padding-bottom: 26px; }
  .service-satisfy01, .service-satisfy02 { padding: 16px 20px 20px 20px; }
  .service-satisfy01 > .tit, .service-satisfy02 > .tit { display: block; }
  .service-satisfy01 ul { margin-top: 4px; }
  .service-satisfy01 ul:after { content: ''; display: block; clear: both; }
  .service-satisfy02 p { margin-top: 12px; } }
@media (min-width: 1024px) { .service-satisfy { padding-bottom: 40px; }
  .service-satisfy01, .service-satisfy02 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 204px; padding: 16px 30px; }
  .service-satisfy03 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 204px; padding: 16px 30px; }
  .service-satisfy01 > .tit, .service-satisfy02 > .tit, .service-satisfy01 ul, .service-satisfy02 p { float: left; }
  .service-satisfy02 p, .service-satisfy01 ul { margin-left: 30px; }
  .service-satisfy01 > .tit, .service-satisfy02 > .tit { -ms-flex-negative: 0; flex-shrink: 0; }
  .service-satisfy02 br { display: none; } }
.samsung-email-react .sec-cont { border-top: 1px solid #000; }
.samsung-email-react-model::after { content: ""; display: block; clear: both; }
.samsung-email-react-model li { position: relative; margin-top: 4px; margin-right: 20px; padding-right: 29px; float: left; }
.samsung-email-react-model li:after { content: ''; position: absolute; right: 1px; top: 7px; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.samsung-email-react-model li:last-child { margin-right: 0; padding-right: 0; }
.samsung-email-react-model li:last-child:after { content: none; }
.samsung-email-react-footer { text-align: center; padding: 20px 0; border-top: 1px solid #ddd; }
@media (max-width: 1023px) { .samsung-email-react > .sec-cont { margin-top: 22px; } }
@media (min-width: 1024px) { .samsung-email-react > .sec-cont { margin-top: 26px; }
  .samsung-email-react .private-agree-box { padding: 56px 0; }
  .samsung-email-react .inquiry-form-consult-list li > div .form__text { width: 400px; } }
.private-agree-tit02 > span { font-weight: normal; }
.private-agree-tit02 > p { position: relative; padding-left: 15px; }
.private-agree-tit02 > p::before { content: '※'; position: absolute; left: 0; top: -2px; }
.private-agree-tit .txt-font16 { font-size: 16px; }
/**/
.service-inquiry .won_item_bt { width: 20px; height: 20px; background-color: #0072de; border-radius: 50%; margin-left: 8px; font-size: 12px; font-weight: bold; color: #fff; }
.change-service-time .form__textarea textarea { min-height: 100px; }
@media (min-width: 1024px) { .service-inquiry ul li > div { float: left; width: calc(100% - 204px); } }
/**/
@media (min-width: 1024px) { .main-title-btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .main-title-btn-box > .tit__page { margin: 0; }
  .main-title-btn-box > .tit__page + button { margin-left: 20px; } }
@media (max-width: 1023px) {
  .main-title-btn-box button { display: block; text-align:left; }
}
/* 통합 검색 공통 검색 */
.integrated-search-box { margin-top: 30px; padding: 40px 0; background-color: #313131; }
.integrated-search-box .input_box { max-width: 730px; margin: 0 auto; position: relative; }
.integrated-search-box .form__text .input { padding: 5px 50px 5px 10px; background-color: #fff; border-color: transparent; border-radius:22px; }
.integrated-search-box .form__text input[type="text"] { padding-left: 10px; height: 38px; line-height: 38px; }
.integrated-search-box .form__text .btn__delete-input { right: 55px; top: 16px; }
.integrated-search-box .form__text .btn-search { position: absolute; right: 10px; top: 6px; width: 40px; height: 40px; }
.integrated-search-box .form__text .info-msg { position: absolute; display: none; color: #fff; }
.integrated-search-box .form__text .info-msg.is-none { display: block; }
.integrated-search-box .search-expectation { position: absolute; top: 50px; left: 0; width: 100%; background-color: #fff; border: 1px solid #a9a9a9; z-index: 50; padding: 0; }
.integrated-search-box .search-expectation em { color: #0971d3; }
.integrated-search-box .search-expectation li a { display: block; padding: 10px 20px; }
.integrated-search-box .search-expectation li:hover a, .integrated-search-box .search-expectation li a:focus, .integrated-search-box .search-expectation li.is-focus a { background-color: #f7f7f7; }
.no-data .icon-laptop-search { vertical-align: top; }
.no-data .no-data-solution { margin-top: 20px; }
.no-data .no-data-solution .bullet__16 { display: block; text-align: left; font-weight: normal; margin: 12px auto 0; width: 290px; }
.no-data .no-data-solution .tit__03 { margin-top: 0; margin-bottom: 0; }
@media (max-width: 1023px) { .integrated-search-box { padding: 30px 20px 30px 20px; }
  .no-data .no-data-solution .icon-laptop-search { display: block; margin: 0 auto; }
  .no-data .no-data-solution .bullet__16 { display: block; max-width: 290px; width: auto; margin: 30px auto 0; } }
/* 검색결과 없을때 챗봇상담 노출 관련 */
/* 제품 선택*/
.product-select-area { border: 1px solid #ddd; background-color: #f7f7f7; padding: 30px 20px; margin-top: 60px; border-radius: 20px; }
.product-select-area .product-select-form { max-width: 968px; margin: 0 auto; }
.product-select-area .product-select-tit { font-size: 18px; vertical-align: middle; }
.product-select-area .product-select-tit + span { margin-left: 10px; }
.product-select-area .product-select-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; }
.product-select-area .product-select-box .form__select { width: calc(50% - 35px); }
.product-select-area .product-select-box .form__select .btn__toggle-select { height: 50px; }
.product-select-area .product-select-box .form__select .btn__toggle-select span { line-height: 48px; }
.product-select-area .product-select-box .form__select .btn__toggle-select:after { top: 16px; }
.product-select-area .product-select-box .form__select .select { top: 50px; }
.product-select-area .product-select-box .btn-search { width: 50px; height: 50px; background-color: #000; }
.product-select-area .product-select-box .btn-search i { vertical-align: middle; }
@media (max-width: 1023px) { .product-select-area { padding: 20px; border-radius: 10px; }
  .product-select-area .product-select-box .form__select .select { top: auto; }
  .product-select-area .product-select-tit + span { display: none; }
  .product-select-area .product-select-box { display: block; }
  .product-select-area .product-select-box .form__select { width: 100%; }
  .product-select-area .product-select-box .form__select + .form__select { margin-top: 10px; }
  .product-select-area .product-select-box .btn-search { width: 100%; margin-top: 20px; }
  .product-select-area .product-select-box .btn-search i { text-indent: 0; background: transparent; font-size: 16px; color: #fff; font-weight: bold; width: 100%; font-style: normal; } }
/* 결과 내 상세 검색 */
.detail-search-more { text-align: center; }
/*margin-top:20px;*/
.detail-search-more .sec-tit > a { position: relative; display: inline-block; font-weight: bold; padding-right: 20px; border-bottom: 2px solid #000; }
.detail-search-more .sec-tit > a:after { content: ''; position: absolute; right: 0; top: 4px; width: 9px; height: 9px; border-left: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.detail-search-more .sec-tit > a.is-active:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 9px; right: 2px; }
.detail-search-more .sec-cont { text-align: left; border-top: 1px solid #000; padding: 0 20px; }
/*margin-top:20px;*/
.detail-search-more-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
/*결과내 기본검색*/
.basic-search-part { border-bottom: 1px solid #ddd; }
.basic-search-part > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 968px; margin: 0 auto; padding: 30px 0; }
.basic-search-part .search-tit { width: 235px; font-size: 18px; padding-top: 10px; }
.basic-search-part .input-area { width: calc(100% - 235px); }
.basic-search-part .input-area .floatL { width: calc(100% - 148px); position: relative; }
.basic-search-part .input-area .floatL .search-expectation { position: absolute; left: 0; top: 50px; background-color: #fff; width: 100%; border: 1px solid #a9a9a9; z-index: 20; padding: 0; }
/*padding:16px 25px*/
.basic-search-part .input-area .floatL .search-expectation li a { display: block; padding: 10px 25px; }
.basic-search-part .input-area .floatL .search-expectation li:hover a, .basic-search-part .input-area .floatL .search-expectation li a:focus, .basic-search-part .input-area .floatL .search-expectation li.is-focus a { background-color: #f7f7f7; }
.basic-search-part .input-area .floatL .search-expectation li em { color: #0971d3; }
.basic-search-part .input-area .floatL .search-expectation li + li { margin-top: 0; }
.basic-search-part .input-area .btn-box button { border-color: #000; font-size: 14px; width: 136px; border-radius: 25px; padding: 13px 20px; }
/* 기본 검색 input */
.basic-search-part .form__text > .input { padding: 5px 60px 5px 10px; }
.basic-search-part .form__text .btn__delete-input { right: 67px; }
.detail-seacrh-part.basic-search-part.detail-seacrh-part .form__text .input { padding-right: 10px; }
.detail-seacrh-part.basic-search-part.detail-seacrh-part .form__text .btn__delete-input { right: 17px; }
.basic-search-part .form__text input[type="text"] { padding-left: 10px; border-color: transparent; height: 38px; }
.basic-search-part .form__text .btn__delete-input { top: 18px; }
.basic-search-part .form__text .btn-search { position: absolute; right: 10px; top: 6px; width: 40px; height: 40px; }
.basic-search-part .form__text .btn-search i { vertical-align: middle; }
/* 기본 검색 checkbox */
.basic-search-part .error-msg { margin-top: 6px; }
.basic-search-part .form__checkbox { margin-top: 6px; display: block; }
.basic-search-part .form__checkbox .input { border: 0; }
/* 상세 검색 */
.detail-seacrh-part .search-tit { padding-top: 2px; }
.detail-seacrh-part .search-tit02 { width: 235px; font-weight: normal; padding-top: 14px; }
.detail-seacrh-part .search-tit + div span { display: inline-block; }
.detail-seacrh-part .search-tit + div, .detail-seacrh-part .search-tit02 + div { width: calc(100% - 235px); }
.detail-seacrh-part { padding: 30px 0; }
.detail-seacrh-part > li { padding: 0; }
.detail-seacrh-part > li + li { margin-top: 15px; }
.detail-seacrh-part > li + .form-send-btn { margin-top: 30px; }
.detail-seacrh-part .form-send-btn { position: relative; }
.detail-seacrh-part .form-send-btn .btn-area { width: 100%; }
.detail-seacrh-part .form-send-btn .btn-reset { position: absolute; right: 0; bottom: 0; border-bottom: 2px solid #000; font-weight: bold; }
@media (max-width: 1023px) { .basic-search-part > li { display: block; }
  .basic-search-part .input-area { width: 100%; }
  .basic-search-part .input-area .floatL { float: none; width: 100%; }
  .basic-search-part .input-area .floatR { float: none; text-align: center; margin-top: 16px; }
  .detail-seacrh-part .search-tit + div, .detail-seacrh-part .search-tit02 + div { width: 100%; }
  .detail-seacrh-part .form-send-btn { text-align: center; }
  .detail-seacrh-part .form-send-btn .btn-reset { position: static; display: inline-block; margin-top: 20px; }
  .detail-search-more-tit { display: block; }
  .detail-search-more-tit .tit__04 { text-align: left; }
  .detail-search-more .sec-cont { padding: 0; margin-top: 20px; } }
/* 검색 결과 내 탭 메뉴*/
.integrated-search-main .no-data { text-align: center; padding: 0; }
.integrated-search-main .tab_swiper .tab ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.integrated-search-main .tab_swiper .tab ul:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000; }
.integrated-search-main .tab_swiper .tab:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #000; }
.integrated-search-main .tab_swiper .tab li { position: relative; width: 14.28%; border: 1px solid #ddd; border-bottom: 1px solid #000; background-color: #fff; }
.integrated-search-main .tab_swiper .tab li + li { border-left: 0; }
.integrated-search-main .tab_swiper .tab li > a { display: block; padding: 12px 0px 12px 20px; }
.integrated-search-main .tab_swiper .tab li h3 { font-weight: normal; }
.integrated-search-main .tab_swiper .tab li.is-active { border-color: #000; border-bottom: 1px solid #fff; border-left: 1px solid #000; }
.integrated-search-main .tab_swiper .tab li.is-active h3 { font-weight: bold; }
.integrated-search-main .tab_swiper .tab li.is-active a { border-color: #000; }
.integrated-search-main .tab_swiper li a .seacrh-num { margin-left: 5px; }
@media (max-width: 1023px) { .integrated-search-main .sec-tit { margin-left: -20px; margin-right: -20px; }
  .integrated-search-main .tab_swiper { position: relative; width: 100%; padding: 0 15px; overflow: hidden; }
  .integrated-search-main .tab_swiper:after, .integrated-search-main .tab_swiper:before { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background-color: #d7d7d7; z-index: 0; }
  .integrated-search-main .tab_swiper:before { top: 0; }
  .integrated-search-main .tab_swiper:after { bottom: 0; }
  .integrated-search-main .tab_swiper .tab li { width: auto; min-width: 15%; border: 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
  .integrated-search-main .tab_swiper .tab li a { display: inline-block; padding: 17px 20px; font-size: 16px; line-height: 1; width: 100%; }
  .integrated-search-main .tab_swiper .tab li.is-active { border-left: 0; border-color: #d7d7d7; }
  .integrated-search-main .tab_swiper .tab li.is-active:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: #000; z-index: 20; }
  .integrated-search-main .tab_swiper .tab:before { display: none; } }
/* 검색결과 */
.integrated-search-main { margin-top: 40px; }
.integrated-search-main .search-results { margin-top: 56px; }
.integrated-search-main .search-results + .search-results { margin-top: 76px; }
.integrated-search-main .search-results.mt20 { margin-top: 20px; }
/*  list 상단 */
.search-results > .search-results-sub-tit { width: 100%; text-align: right; }
.search-results .search-results-sub-tit .form__select { width: 160px; display: inline-block; vertical-align: middle; }
.search-results .search-results-sub-tit .form__select + button { margin-left: 10px; }
/* list*/
.search-results .search-results-list { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.search-results .search-results-list > li > a { display: block; padding: 21px 24px; }
.search-results .search-results-list > li + li { border-top: 1px solid #ddd; }
.search-results .search-results-list .up-tit { width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.search-results .search-results-list .up-tit.full { width: 100%; }
.search-results .search-results-list .up-tit > span { font-weight: 700; }
.search-results .search-results-list .up-tit > span + span { margin-left: 5px; }
.search-results .search-results-list .up-tit > span + span i { vertical-align: -2px; }
.search-results .search-results-list .down-txt { margin-top: 12px; }
.search-results .search-results-list .search-results-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.search-results .search-results-list .search-results-info .only-tit li { padding-right: 20px; }
.search-results .search-results-list .search-results-info .seacrh-results-date li { padding-right: 20px; }
.search-results .search-results-list .search-results-info .seacrh-results-date li + li::before { content: ''; display: inline-block; width: 1px; height: 13px; background-color: #ddd; margin-right: 20px; vertical-align: middle; }
.search-results .search-results-list .results-path-tit { color: #767676; padding-right: 20px; }
.search-results .search-results-list .results-path-tit + li::before { content: ''; display: inline-block; width: 1px; height: 13px; background-color: #ddd; margin-right: 20px; vertical-align: middle; }
.search-results .download-detail-tit + strong { display: inline-block; }
/* 많이하는 질문 */
.search-results .question-total-list { margin-top: 7px; font-size: 18px; }
.search-results .oneself-list02 li { padding: 0; }
.search-results .oneself-list02 li.no-data { padding: 76px 0; }
.search-results .oneself-list02 li > a { display: block; padding: 21px 24px; }
.search-results .oneself-list02 li > a .list-tit span { font-weight: 700; }
.search-results .oneself-list02 li > a .list-tit span + span { margin-left: 5px; }
.search-results .oneself-list02 li > a .list-tit span i { vertical-align: -2px; }
.search-results .oneself-list02 .list-info-box { margin-top: 12px; }
.search-results .oneself-list02 .list-info li { padding: 0 20px; }
.search-results .oneself-list02 .list-info li + li { margin-left: 0; }
.search-results .oneself-list02 .list-info li:nth-child(1) { padding-left: 0; }
.search-results .oneself-list02 .list-info li:last-child { padding-right: 0; }
.search-results .oneself-list02 .list-info li + li::before { content: ''; position: absolute; left: 0; top: 6px; width: 1px; height: 13px; vertical-align: middle; background-color: #ddd; margin-right: 20px; }
.search-results .oneself-list02 .list-info .list-view-num { padding-left: 20px; width: 106px; }
@media (max-width: 1023px) { .search-results .question-total-list { display: none; }
  .search-results .oneself-list02 .floatR .list-info li:nth-child(2) { display: block; } }
/* 다운로드 탭 리스트 */
.download-results .search-results-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 0; }
.download-results .search-results-list > div { width: 50%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.download-results .search-results-list > div:nth-child(2n) { border-right: 0; }
.download-results .search-results-list > div a { display: block; padding: 24px 24px; }
.download-results .download-results-tit { width: 50%; }
.download-results .download-results-tit strong { display: inline-block; word-break: break-all; }
.download-results + .oneself-download-box { margin-top: 20px; }
/* 센터 찾기 탭 리스트 */
.results-center-list .center-list { border-top: 1px solid #000; padding: 0; }
.results-center-list .center-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.results-center-list .center-list ul > li { padding: 0; width: 50%; border-right: 1px solid #ddd; }
.results-center-list .center-list ul > li:nth-child(2n) { border-right: 0; }
.results-center-list .center-list ul > li > a { display: block; padding: 21px 24px; }
.results-center-list .center-list .center-name { display: inline-block; margin-right: 16px; }
.results-center-list + .center-info { margin-top: 10px; line-height: 24px; padding-left: 28px; position: relative; }
.results-center-list + .center-info i { position: absolute; left: 0; top: 2px; }
.results-center-list .center-list .center-name i { vertical-align: middle; margin-left: 10px; }
.results-center-list .center-list .center-status { padding-left: 20px; position: relative; }
.results-center-list .center-list .center-status:before { content: ''; position: absolute; left: -1px; top: 5px; width: 1px; height: 12px; background-color: #ddd; }
.results-center-list .center-list .center-address { margin-top: 10px; }
/* 소모품 샵*/
.search-results-tit + .shop-item-wrap { border-top: 1px solid #000; padding: 40px 0 0 0; border-bottom: 1px solid #ddd; }
.search-results .search-results-tit .floatR { padding-top: 5px; }
.search-results .search-results-tit h4 { display: inline-block; font-size: 28px; }
@media (max-width: 1023px) { .search-results .search-results-tit h4 { font-size: 24px; }
  .float-box .search-results-sub-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; float: none; }
  .search-results .oneself-list02 li > a { padding: 16px 0; }
  .search-results .oneself-list02 .list-info { margin-left: 0; }
  .search-results .search-results-list > li > a { padding: 16px 0; }
  .search-results .search-results-list .up-tit { width: 100%; }
  .search-results .search-results-list .down-txt { margin-top: 15px; }
  .search-results .search-results-list .results-path-tit { display: none; }
  .search-results .search-results-list .results-path-tit + li { padding-right: 20px; }
  .search-results .search-results-list .results-path-tit + li::before { display: none; }
  .search-results .search-results-list .search-results-info { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .search-results .search-results-list .search-results-info .seacrh-results-date li { padding-left: 0; }
  .search-results .search-results-list .search-results-info .seacrh-results-date li::before { content: ''; display: inline-block; width: 1px; height: 13px; background-color: #ddd; margin-right: 20px; vertical-align: middle; }
  .search-results .search-results-list .list-info-box .floatL { float: left; }
  .search-results .search-results-list .list-info-box .floatR { float: left; }
  .search-results .search-results-list .floatR .list-info li:nth-child(1) { padding-left: 20px; }
  .search-results .search-results-list .floatR .list-info li:nth-child(1):after { display: block; }
  .search-results .search-results-list .list-info-box .floatL li:last-child { padding-right: 20px; }
  /* 다운로드 > 통합검색 */
  .download-results .search-results-list { width: 100%; display: block; }
  .download-results .search-results-list > div { width: 100%; border-right: 0; }
  .download-results .search-results-list > div a { padding: 21px 0; }
  .download-results .search-results-list > div > a > .floatL { float: none; }
  .download-results .search-results-list .search-results-path { margin-left: 0; margin-top: 12px; float: left; }
  .download-results .search-results-list .results-path-tit { display: block; }
  .download-results .search-results-list .results-path-tit + li::before { display: inline-block; }
  /* 센터찾기 > 통합검색 */
  .results-center-list .center-list ul { display: block; }
  .results-center-list .center-list ul > li { width: 100%; border-right: 0; }
  .results-center-list .center-list ul > li > a { padding: 16px 0; }
  .results-center-list .center-list .center-name { position: relative; padding-right: 0; }
  .oneself-list02 .floatR .list-info li:nth-child(2).list-view-num { display: block; }
  .search-results .search-results-tit .floatR { padding-top: 0px; margin-top: 2px; }
  .download-results .download-results-tit { width: 100%; }
  .integrated-search-main .search-results + .search-results { margin-top: 56px; } }
.integrated-search-main .search-results .app-pagination { margin-top: 30px; }
/* 칭찬합니다 박스*/
.voice-like-box { background-color: #f7f7f7; border-radius: 20px; padding: 30px 40px; display: table; width: 100%; margin-top: 30px; }
.voice-like-box > div { display: table-cell; vertical-align: top; }
.voice-like-box .box-img-area { width: 100px; vertical-align: middle; }
.voice-like-box .box-text-area { padding-left: 20px; }
.voice-like-box .box-text-area h5 { font-size: 18px; font-weight: bold; }
.voice-like-box .box-text-area .bullet__14 { margin-top: 7px; }
.voice-like-box .btn-box { vertical-align: middle; text-align: right; width: 211px; }
@media (max-width: 1023px) { .voice-like-box { display: block; padding: 30px 20px; border-radius: 10px; }
  .voice-like-box > div { display: block; }
  .voice-like-box .box-img-area { margin: 0 auto 16px auto; }
  .voice-like-box .box-text-area { padding-left: 0; }
  .voice-like-box .box-text-area h5 { text-align: center; }
  .voice-like-box .btn-box { margin-top: 16px; text-align: center; width: 100%; } }
/* 칭찬합니다 리스트 */
.voice-table-area { margin-top: 60px; }
.voice-table-area .sec-tit > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
.voice-table-area .sec-tit .total-list { font-size: 18px; margin-top: 7px; }
.voice-table-area .sec-tit .form__select { width: 74px; }
.voice-table-area .sec-tit .list_search_input { width: calc(100% - 80px); position: relative; margin-left: 20px; }
.voice-table-area .sec-tit .list_search_input .list_search_full.form__text .input { padding: 5px 10px 5px 10px; }
.voice-table-area .sec-tit .list_search_input .form__text .input { padding: 5px 35px 5px 10px; }
.voice-table-area .sec-tit .list_search_input .form__text input { padding: 0 25px 0 10px; height: 30px; line-height: 30px; }
.voice-table-area .sec-tit .list_search_input .btn-search { position: absolute; right: 2px; top: 2px; width: 38px; height: 38px; }
.voice-table-area .sec-tit .list_search_input .btn-search i { vertical-align: middle; }
.voice-table-area .sec-tit .list_search_input .btn__delete-input { top: 12px; right: 50px; }
.voice-table-area .sec-tit .list_search_input .list_search_full.form__text .btn__delete-input { right: 10px; }
.voice-table-area .sec-tit .list_search_input .btn { width: calc(100% - 300px); }
@media (max-width: 1023px) { .voice-table-area { margin-top: 40px; }
  .voice-table-area .sec-tit .total-list { display: none; }
  .voice-table-area .sec-tit > .floatR { float: none; width: 100%; display: block; }
  .voice-table-area .sec-tit > .floatR .form__select { width: 100px; }
  .voice-table-area .sec-tit .list_search_input { width: 100%; margin-top: 10px; margin-left: 0; }
  .voice-table-area .sec-tit .list_search_input .form__text { width: calc(100% - 120px); }
  .voice-table-area .sec-tit .list_search_input.full .form__text { width: 100%; }
  .voice-table-area .sec-tit .list_search_input .form__text input { padding: 0; } }
@media (min-width: 1024px) { .voice-table-area .sec-tit .list_search_input .form__text { width: 300px; }
  .voice-table-area .sec-tit .list_search_input .form__text + .btn-box { margin-left: 20px; } }
.table-voice-customer .tbl__rwd-header > li > div:nth-child(1) { width: 80%; }
.table-voice-customer .tbl__rwd-header > li > div:nth-child(2) { width: 10%; }
.table-voice-customer .tbl__rwd-header > li > div:nth-child(3) { width: 10%; }
.table-voice-customer .tbl__rwd-content > li > div:nth-child(1) { width: 80%; }
.table-voice-customer .tbl__rwd-content > li > div:nth-child(2) { width: 10%; }
.table-voice-customer .tbl__rwd-content > li > div:nth-child(3) { width: 10%; }
.table-voice-customer .tbl__rwd-content > li .td_left { text-align: left; }
.table-voice-customer .tbl__rwd-content > li a { display: block; padding: 0 20px; font-weight: bold; }
.table-voice-customer .tbl__rwd-content > li a i { vertical-align: middle; margin-left: 5px; }
.table-voice-customer .tbl__rwd-content.no-data { padding: 0; }
.table-voice-customer .tbl__rwd-content.no-data > li div { height: auto; padding: 80px 0; font-size: 18px; width: 100%; }
@media (max-width: 1023px) { .table-voice-customer .tbl__rwd-content > li { display: block; }
  .table-voice-customer .tbl__rwd-content > li > div:nth-child(1) { width: 100%; }
  .table-voice-customer .tbl__rwd-content > li > div:nth-child(2), .table-voice-customer .tbl__rwd-content > li > div:nth-child(3) { display: inline-block; width: auto; position: relative; }
  .table-voice-customer .tbl__rwd-content > li > div:nth-child(2) { padding-right: 20px; margin-top: 10px; }
  .table-voice-customer .tbl__rwd-content > li > div:nth-child(3) { padding-left: 20px; margin-top: 10px; }
  .table-voice-customer .tbl__rwd-content > li > div:nth-child(3):before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }
  .table-voice-customer .tbl__rwd-content > li a { padding: 0; } }
.tit__page > .icon-loak { vertical-align: middle; margin-left: 5px; }
.page-cont .box-inner02 { padding: 0 20px; white-space: pre-wrap; }
@media (max-width: 1023px) { .page-cont .box-inner02 { padding: 0; }
  .page-head.full .list-info { width: 100%; }
  .page-head .list-info li:nth-child(2).view-num { display: block; } }
/* 칭찬합니다 작성 */
.voice-customer-input-area .required-msg { text-align: right; }
.voice-customer-input-area .voice-customer { margin-top: 20px; }
.voice-customer.call-consult-reservation-step { padding-bottom: 20px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.voice-customer.call-consult-reservation-step .client-info-for-consult > li > .tit + div { max-width: 100%; }
.voice-customer.call-consult-reservation-step .input_content .input_content-line { width: auto; }
.input_content .input_content-line { border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 8px; padding-bottom: 4px; width: 400px; }
.input_content .input_content-line.no-line-bottom { border-bottom: 0; }
.input_content .input_content-line .form__radio + .form__radio { margin-left: 20px; }
.input_content .form__text.full { width: 100%; }
.input_content .form__text.val-bytes .bytes { float: right; margin-top: 2px; font-size: 14px; }
.input_content .form__text.val-bytes .bytes .total:before { content: ' / '; }
.input_content .form__text.val-bytes .bytes .total:after { content: 'Bytes'; }
@media (max-width: 1023px) { .voice-customer-input-area .form__textarea textarea { min-height: 200px; }
  .voice-customer-input-area .input_content .input_content-line { padding-top: 0; }
  .voice-customer-input-area .input_content .input_content-line .form__radio { margin-right: 20px; margin-top: 10px; }
  .voice-customer-input-area .input_content .input_content-line .form__radio + .form__radio { margin-left: 0; }
  .voice-customer-input-area .input_content .input_content-line .form__checkbox + .form__checkbox { margin-left: 20px; }
  .voice-customer-input-area .input_content .input_content-line .form__radio:nth-child(3) { margin-right: 0; }
  .voice-customer.call-consult-reservation-step .input_content .input_content-line { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .voice-customer.discomfort.call-consult-reservation-step .client-info-for-consult .input_content .input_content-line .form__radio { margin-right: 20px; margin-top: 5px; }
  .voice-customer.discomfort.call-consult-reservation-step .client-info-for-consult .input_content .input_content-line .form__checkbox { margin-right: 20px; margin-top: 5px; } }
@media (min-width: 1024px) { .voice-customer.call-consult-reservation-step .client-info-for-consult .form__radio { width: 140px; }
  .voice-customer.discomfort.call-consult-reservation-step .client-info-for-consult .form__radio { width: 166px; margin-left: 0; }
  .voice-customer.discomfort.call-consult-reservation-step .client-info-for-consult .form__checkbox { width: 166px; }
  .voice-customer-input-area .input_content .input_content-line .form__radio + .form__radio { margin-left: 0; margin-top: 0; }
  .discomfort.select-product-process01 { padding-bottom: 30px; border-bottom: 1px solid #ddd; } }
/* 클리어 픽스 20.11.06 */
.input_content .form__text.line-style input[type="text"]:disabled { font-weight: bold; color: #0072de; }
.content_search_box { border: 1px solid #ddd; border-radius: 20px; background-color: #f7f7f7; padding: 26px 40px 30px; }
.content_search_box > div { width: 50%; }
.content_search_box > div + div { width: calc(50% - 50px); }
.content_search_box .content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 16px; }
.content_search_box .content .form__select { line-height: 40px; height: 40px; width: calc(50% - 5px); }
.content_search_box .content .form__select + .form__select { margin-left: 10px; }
.search_form_item .title span { font-size: 14px; font-weight: normal; margin-left: 20px; }
.search_form_item .item_search_input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
.search_form_item .item_search_input .form__text { width: calc(100% - 50px); }
.search_form_item .item_search_input .input { padding: 5px 7px; background-color: #fff; }
.search_form_item .item_search_input .input input { padding: 0 13px 0 13px; height: 28px; }
.search_form_item .item_search_input .btn-search { width: 40px; height: 40px; }
.search_form_item .item_search_input .btn-search i { vertical-align: middle; }
.input_cl_title .list_total { font-size: 18px; }
.input_cl_cont .center-list li div + div { position: relative; }
.input_cl_cont .center-list li div + div::before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 13px; background-color: #ddd; vertical-align: middle; margin-right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.input_cl_cont .center-list li div { padding: 0 20px; }
.input_cl_cont .center-list li div:nth-child(1) { font-weight: bold; width: 100px; }
.input_cl_cont .center-list li div:nth-child(2) { text-align: left; width: 35%; }
.input_cl_cont .center-list li div:nth-child(3) { font-size: 14px; color: #767676; text-align: left; width: 50%; }
@media (max-width: 1023px) { .page-cont .box-inner02 { padding: 0; }
  .input_content .input_content-line { width: 100%; }
  .content_search_box { border-radius: 10px; padding: 10px 20px 20px; }
  .content_search_box > div { width: 100%; float: none; }
  .content_search_box > div + div { width: 100%; }
  .search_box_item .mo_hidden, .search_form_item .mo_hidden { display: none; }
  .search_form_item .title span { display: none; }
  .content_search_box .content { display: block; margin-top: 10px; }
  .content_search_box .content .form__select { width: 100%; }
  .content_search_box .content .form__select + .form__select { margin-left: 0; margin-top: 10px; }
  .input_cl_cont .center-list { border-top: 0; margin-top: 0; }
  .search_form_item .item_search_input { display: block; }
  .search_form_item .item_search_input .form__text { width: 100%; }
  .search_form_item .item_search_input .btn-search { width: 100%; margin-top: 10px; }
  .search_form_item .item_search_input .btn-search i { text-indent: 0; background: transparent; font-size: 16px; color: #fff; font-weight: bold; width: 100%; font-style: normal; }
  .tbl__rwd .tbl__rwd-content > li { display: block; }
  .input_cl_cont .center-list li div { padding: 0; }
  .input_cl_cont .center-list li div:nth-child(1) { display: inline-block; width: auto; padding-right: 20px; }
  .input_cl_cont .center-list li div:nth-child(2) { display: block; width: 100%; margin-top: 5px; }
  .input_cl_cont .center-list li div:nth-child(3) { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }
  .input_cl_cont .center-list li div:nth-child(2)::before { display: none; }
  .input_cl_cont .center-list li div:nth-child(3)::before { display: none; }
  .video-customer .annotation { padding-left: 0; } }
/* 불편합니다 클리어 픽스 */
.table-voice-customer .tbl__rwd-content > li a i[class*="label"] { margin-left: 0; min-width: 60px; margin-right: 10px; }
.cf-sec-box .tbl__rwd.cs_tal ul > li > div:nth-child(2) { width: 210px; }
.cf-sec-box .tbl__rwd.cs_tal ul > li > div:nth-child(3) { width: 130px; }
.cf-sec-box .view_content_box { margin-top: 15px; border-top: 2px solid #000; }
.cf-sec-box .view_content_box .view_top_edit_info_box { background: #f7f7f7; border-bottom: 1px solid #dddddd; padding: 25px 25px 25px; }
.cf-sec-box .view_content_box .view_top_edit_info_box:after { content: ""; display: block; clear: both; }
.cf-sec-box .view_content_box .view_top_edit_info_box dl { display: inline-block; position: relative; width: 350px; }
.cf-sec-box .view_content_box .view_top_edit_info_box dl dt { display: inline-block; padding-right: 35px; }
.cf-sec-box .view_content_box .view_top_edit_info_box dl dt > span { font-weight: bold; font-size: 16px; }
.cf-sec-box .view_content_box .view_top_edit_info_box dl dt i span { font-weight: bold; font-size: 14px; }
.cf-sec-box .view_content_box .view_top_edit_info_box dl dd { display: inline-block; }
.cf-sec-box .view_content_box .view_top_edit_info_box dl dd span { display: inline-block; }
.cf-sec-box .view_content_box { margin-bottom: 30px; }
.cf-sec-box .view_content_box .edit_container { padding: 60px 22px; border-bottom: 1px solid #ddd; white-space: pre-wrap; }
.cf-sec-box .view_content_box .view_file_area dl:after { content: ""; display: block; clear: both; }
.cf-sec-box .view_content_box .view_file_area dt { width: 115px; float: left; text-align: center; font-size: 16px; font-weight: bold; color: #222; padding: 20px 0; }
.cf-sec-box .view_content_box .view_file_area dd { width: calc( 100% - 115px); float: left; padding: 20px 0 10px 0; }
.cf-sec-box .view_content_box .view_file_area dd a { display: inline-block; margin-right: 10px; margin-bottom: 10px; vertical-align: top; }
.cf-sec-box .view_content_box .view_file_area dd a + a { padding-top: 0; }
.cf-sec-box .view_content_box .view_file_area dd a span { font-size: 16px; color: #222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 24px; height: 24px; }
.cf-sec-box .view_content_box .view_file_area dd a:hover, .cf-sec-box .view_content_box .view_file_area dd a:focus { text-decoration: underline; }
.cf-sec-box .view_content_box .edit_container { padding: 60px 22px; }
.cf-sec-box .view_content_box .view_navi dl { border-top: 1px solid #ddd; }
.cf-sec-box .view_content_box .view_navi dl:after { content: ""; display: block; clear: both; }
.cf-sec-box .view_content_box .view_navi dt { width: 210px; float: left; text-align: center; font-size: 18px; font-weight: bold; color: #222; padding: 20px 0; }
.cf-sec-box .view_content_box .view_navi dd { width: calc( 100% - 210px); float: left; }
.cf-sec-box .view_content_box .view_navi dd a { padding: 20px 0; display: inline-block; width: 100%; }
.cf-sec-box .view_content_box .view_navi dd a span { font-size: 18px; color: #222; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 27px; height: 27px; }
.cf-sec-box .view_content_box .view_navi dd a:hover, .cf-sec-box .view_content_box .view_navi dd a:focus { text-decoration: underline; }
.cf-sec-box .view_answer_area { background: #f7f7f7; border-bottom: 1px solid #dddddd; padding: 25px 25px 25px; }
.cf-sec-box .view_answer_area .answer_title_box { position: relative; padding-left: 75px; padding-right: 100px; }
.cf-sec-box .view_answer_area .answer_title_box .answer_label { position: absolute; left: 0; top: 0; }
.cf-sec-box .view_answer_area .answer_title_box .answer_label i > span { font-weight: bold; font-size: 14px; }
.cf-sec-box .view_answer_area .answer_title_box h3 { font-size: 16px; font-weight: bold; color: #000; }
.cf-sec-box .view_answer_area .answer_title_box .answer_date { position: absolute; right: 0; top: 0; }
.cf-sec-box .view_answer_area .answer_content_box { padding-left: 75px; margin-top: 20px; padding-top: 25px; border-top: 1px solid #ddd; }
@media (max-width: 1023px) { .cf-sec-box .view_date_meta span.meta_title { display: none; }
  .cf-sec-box .view_date_meta span.meta_vaule { padding-left: 0; }
  .cf-sec-box .write_container .input_item .input_sub_botton_box { margin-top: 15px; text-align: center; }
  .cf-sec-box .member-form-list li > label { margin-bottom: 7px; display: inline-block; }
  .cf-sec-box .view_content_box .view_file_area dt { width: 95px; padding: 15px 0; }
  .cf-sec-box .view_content_box .view_file_area dd { width: calc( 100% - 95px); padding: 15px 0 5px 0; }
  .cf-sec-box .view_content_box .edit_container { padding: 35px 0px; }
  .cf-sec-box .view_content_box .view_top_edit_info_box { padding: 20px 20px 20px; }
  .cf-sec-box .view_content_box .view_top_edit_info_box dl { display: block; margin-bottom: 10px; width: 100%; }
  .cf-sec-box .view_content_box .view_top_edit_info_box dl:last-child { margin-bottom: 0; }
  .cf-sec-box .view_content_box .view_top_edit_info_box dl dt { width: 118px; }
  .cf-sec-box .view_answer_area { padding: 20px 15px 20px; }
  .cf-sec-box .view_answer_area .answer_content_box { padding-left: 0; padding-top: 15px; }
  .cf-sec-box .view_answer_area .answer_title_box { padding-left: 65px; padding-right: 0; }
  .cf-sec-box .view_answer_area .answer_title_box .answer_date { position: static; right: auto; top: auto; } }
.cf-flex-box-type01 { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cf-flex-box-type01 > span + span { margin-left: 10px; font-size: 14px; line-height: 40px; }
@media (max-width: 1023px) { .cf-flex-box-type01 { display: block; }
  .cf-flex-box-type01 span + span { margin-left: 0; } }
.voice-customer .client-info-for-consult .w400 { width: 400px; }
.voice-customer .client-info-for-consult .w400 .input { border-color: #a9a9a9; }
@media (max-width: 1023px) { .voice-customer .client-info-for-consult .w400 { width: 100%; } }
.voice-table-area .tbl__rwd .tbl__rwd-content > li > div:first-child.td_left { padding-left: 0; }
@media (max-width: 1023px) { .voice-table-area .tbl__rwd .tbl__rwd-content > li > div:first-child.td_left { padding-left: 0; } }
.page-head + .cf-sec-box .view_content_box { margin-top: 0; }
@media (min-width: 1024px) and (max-width: 1439px) { .page-cont { width: calc(100% - 48px); } }
@media (max-width: 1023px) { .page-head .list-info.full { width: 100%; } }
.table-voice-customer + .app-pagination { margin-top: 30px; }
.table-voice-customer .label__24.bg__gray { background-color: #767676; color: #fff; }
@media (max-width: 1023px) { .table-voice-customer.discomfort li .td_left { padding-left: 0; } }
.voice-customer .client-info-for-consult .text-out-put { line-height: 40px; width: 400px; }
/*border-bottom:1px solid #a9a9a9*/
.voice-customer .client-info-for-consult .text-out-put + span { line-height: 40px; }
@media (max-width: 1023px) { .voice-customer .client-info-for-consult .text-out-put { width: 100%; display: block; }
  .voice-customer .client-info-for-consult .text-out-put + span { line-height: 1.2; display: block; margin-top: 10px; } }
.cf-sec-box .view_content_box .view_top_edit_info_box .mult-checked-list { width: calc(100% - 400px); }
.cf-sec-box .view_content_box .view_top_edit_info_box .mult-checked-list dd span + span { margin-left: 20px; }
@media (max-width: 1023px) { .cf-sec-box .view_content_box .view_top_edit_info_box .mult-checked-list { width: 100%; }
  .cf-sec-box .view_content_box .view_top_edit_info_box .mult-checked-list dt { vertical-align: top; }
  .cf-sec-box .view_content_box .view_top_edit_info_box .mult-checked-list dd span { display: block; }
  .cf-sec-box .view_content_box .view_top_edit_info_box .mult-checked-list dd span + span { margin-left: 0; } }
.voice-table-area .sec-tit .discomfort-table-serch-box { width: auto; }
.voice-table-area .sec-tit .discomfort-table-serch-box .list_search_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media (max-width: 1023px) { .voice-table-area .sec-tit .discomfort-table-serch-box .list_search_box { display: block; } }
.voice-customer-input-area { position: relative; }
.voice-customer-input-area .required-msg { position: absolute; right: 24px; top: -36px; }
.voice-customer-input-area .remanufacture-click + .client-info-for-consult { border-top: 0; }
.voice-customer .remanufacture-click { margin-top: 0; padding-top: 30px; border-top: 1px solid #000; }
.voice-table-area .sec-tit .discomfort-table-serch-box .list_search_box .form__text { width: 300px; }
.voice-table-area .sec-tit .discomfort-table-serch-box .list_search_input { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }
.voice-table-area .sec-tit .discomfort-table-serch-box .btn-search { position: static; display: inline-block; width: 40px; height: 40px; margin-left: 10px; }
.voice-table-area .sec-tit .discomfort-table-serch-box .btn-search i { vertical-align: middle; }
@media (max-width: 1023px) { .voice-table-area .sec-tit .discomfort-table-serch-box .list_search_box .form__text { width: calc(100% - 50px); } }
.client-info-for-consult .category { width: 400px; height: 40px; padding-top: 8px; border-bottom: 1px solid #a9a9a9; }
.client-info-for-consult .category::after { content: ''; display: block; clear: both; }
.client-info-for-consult .category li { margin-right: 20px; float: left; }
.client-info-for-consult .category li + li { padding-left: 34px; position: relative; }
.client-info-for-consult .category li + li:before { content: ''; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
@media (max-width: 1023px) { .client-info-for-consult .category { width: 100%; }
  .reservation-caution.video-customer .annotation { margin-top: 0; } }
.reservation-caution.video-customer { margin-top: 30px; }
.reservation-caution.video-customer .annotation { padding-left: 0; margin-top: 0; }
.cf-sec-box .list_total { font-size: 18px; font-weight: bold; color: #222; margin-top: 5px; }
.cf-sec-box .list_total span { margin-left: 5px; }
.cf-sec-box .notice_tal ul li > div:first-child { width: 130px; }
.cf-sec-box .notice_tal ul li > div:last-child { width: 210px; }
.cf-sec-box .tbl__rwd .tbl__rwd-content > li > div.td_left { text-align: left; }
.cf-sec-box .tbl__rwd .tbl__rwd-content > li > div:first-child.td_left { padding-left: 20px; }
.cf-sec-box .tbl__rwd .tbl__rwd-content > li > div a:hover, .cf-sec-box .tbl__rwd .tbl__rwd-content > li > div a:focus { text-decoration: underline; }
.cf-sec-box .list_search_box .form__select { min-width: 120px; margin-right: 15px; }
.cf-sec-box .list_search_input .form__text { display: inline-block; position: relative; }
.cf-sec-box .list_search_input .form__text .input { padding: 5px 10px; width: 300px; }
.cf-sec-box .list_search_input .form__text .input input { height: 28px; line-height: 28px; padding: 0 10px 0 10px; }
.cf-sec-box .list_search_input .form__text .btn__delete-input { right: 50px; top: 12px; }
.cf-sec-box .list_search_input .btn-search { width: 38px; height: 38px; }
.cf-sec-box .list_search_input .btn-search i { vertical-align: middle; }
.cf-sec-box .list_search_input .img_search_icon { background-position: center center; width: 40px; height: 40px; display: inline-block; text-indent: -10000px; }
.cf-sec-box .flex-display { display: -ms-flexbox; display: -webkit-box; display: flex; }
.cf-sec-box .list_top_search_box { margin-top: 40px; }
.cf-sec-box .view_navi dl:after { content: ""; display: block; clear: both; }
.cf-sec-box .view_navi dl + dl { border-bottom: 1px solid #000; border-top: 1px solid #ddd; }
.cf-sec-box .view_navi dt { width: 188px; float: left; text-align: center; font-weight: bold; padding: 23px 0; }
.cf-sec-box .view_navi dd { width: calc( 100% - 188px); float: left; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cf-sec-box .view_navi dd a { padding: 23px 0; display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 1023px) { .cf-sec-box .view_navi dt { width: 65px; font-size: 15px; padding: 13px 0; }
  .cf-sec-box .view_navi dd { width: calc( 100% - 85px); padding: 0 12px; }
  .cf-sec-box .view_navi dd a { padding: 12px 0; }
  .cf-sec-box .list_search_input .form__text .input { width: 100%; } }
.box-list-after-section { margin-top: 40px; }
/* 진행중인 이벤트 */
/*col-3-box list*/
.cf-sec-box .box_style_list { margin: 50px 0; }
.cf-sec-box .box_style_list .list { margin: -13px; }
.cf-sec-box .box_style_list .list:after { content: ""; display: block; clear: both; }
.cf-sec-box .box_style_list .list li { float: left; margin: 10px 12px 10px; }
.cf-sec-box .box_style_list.col-3-box .list li { width: calc(33.3336% - 24px); }
.cf-sec-box .box_style_list .list li a { display: block; width: 100%; height: 100%; border: 1px solid #dddddd; overflow: hidden; /* margin:0 12px;*/ }
.cf-sec-box .box_style_list .list li .img_box { overflow: hidden; width: 100%; border-bottom: 1px solid #dddddd; }
.cf-sec-box .box_style_list.event_tal .list li .img_box { height: 200px; }
@media (max-width: 1023px) { .cf-sec-box .box_style_list .list li a { border-radius: 10px; }
  .cf-sec-box .box_style_list .list li .img_box { border-radius: 10px 10px 0 0; max-height: 100%; }
  .cf-sec-box .box_style_list.event_tal .list li .img_box { height: 41.99vw; } }
@media (min-width: 1024px) { .cf-sec-box .box_style_list .list li a { border-radius: 20px; }
  .cf-sec-box .box_style_list .list li .img_box { border-radius: 20px 20px 0 0; }
  .cf-sec-box .box_style_list.event_tal .list li .img_box { height: 200px; } }
@media screen and (min-width: 1024px) and (max-width: 1439px) { .cf-sec-box .box_style_list.event_tal .list li .img_box { height: 12.37vw; } }
.cf-sec-box .box_style_list .list li .img_box img { width: 100%; height: 100%; display: block; }
.cf-sec-box .box_style_list.event_tal .list li .info_box { height: 143px; }
.cf-sec-box .box_style_list .list li .info_box { padding: 26px 40px; height: 145px; }
@media (max-width: 1023px) { .cf-sec-box .box_style_list .list li .info_box { height: auto; padding: 16px 20px; }
  .cf-sec-box .box_style_list.event_tal .list li .info_box { height: auto; } }
.cf-sec-box .box_style_list .list li .info_box .list_title { font-size: 24px; color: #000; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 62px; height: 62px; }
.cf-sec-box .box_style_list .list li:not([class="event-end"]) a:hover .list_title, .cf-sec-box .box_style_list .list li:not([class="event-end"]) a:focus .list_title { color: #0072de; }
.cf-sec-box .box_style_list .list li.even a .cf-sec-box .box_style_list .list li .info_box .list_title i { vertical-align: middle; margin-right: 10px; margin-top: -2px; }
.cf-sec-box .box_style_list .list li .info_box .list_title i[class^="label"] { vertical-align: middle; }
.cf-sec-box .box_style_list .list li .info_box .list_title i + span { margin-left: 10px; }
.cf-sec-box .box_style_list .list li .info_box .meta_box { margin-top: 5px; }
.cf-sec-box .box_style_list .list li .info_box .meta_box .meta_date { font-size: 16px; }
@media (max-width: 1023px) { .cf-sec-box .box_style_list .list { margin: -26px 0; }
  .cf-sec-box .box_style_list .list li { display: block; float: none; width: 100%; margin: 20px 0 20px; }
  .cf-sec-box .box_style_list .list li .info_box .list_title { font-size: 20px; max-height: 52px; height: auto; }
  .cf-sec-box .box_style_list.col-3-box .list li { width: 100%; }
  .cf-sec-box .box_style_list .list li .img_box { height: 100%; } }
/* 공지사항 리스트 */
.notice-list-box { margin-top: 40px; }
.notice-list-box .notice_tal .tbl__rwd-content .td_left { max-width: 750px; }
.notice-list-box .notice_tal .tbl__rwd-content .td_left a { display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; padding-top: 4px; }
.notice-list-box .notice_tal ul li > div:first-child { width: 125px; }
.notice-list-box .notice_tal ul li > div:last-child { width: 210px; }
.tbl__rwd .tbl__rwd-content > li .no-data { font-size: 18px; font-weight: bold; width: 100%; padding: 80px 0; }
@media (max-width: 1023px) { .notice-list-box .sec-tit .floatL { display: none; }
  .notice-list-box .sec-tit .floatR { float: none; }
  .notice-list-box .sec-tit .flex-display { display: block; }
  .notice-list-box .sec-tit .flex-display .form__select { width: 120px; }
  .notice-list-box .sec-tit .flex-display .form__select + .list_search_input { margin-top: 10px; }
  .notice-list-box .notice_tal ul li:after { content: ''; display: block; clear: both; }
  .notice-list-box .notice_tal ul li > div:nth-child(1):not([class^="label"]) { display: none; }
  .notice-list-box .notice_tal ul li > div:nth-child(1).no-data { display: inline-block; width: 100%; }
  .notice-list-box .notice_tal ul li > div.label-text { width: 47px; float: left; }
  .notice-list-box .notice_tal ul li > div.label-text + .td_left { width: calc(100% - 47px); float: left; vertical-align: middle; padding-left: 10px; }
  .notice-list-box .notice_tal ul li > div.label-text + .td_left a { padding-top: 0; } }
/* no-data */
.cf-sec-box .box_style_list.col-3-box .list .no-data { padding: 80px 0; text-align: center; font-weight: bold; width: 100%; font-size: 18px; margin: 0; }
/* 참여형 이벤트 페이지 내 부분 */
.participatory-event { margin-top: 30px; border-bottom: 0; }
.participatory-event .private-agree-box { margin-top: 16px; }
.participatory-event .private-agree-box .box-inner { padding: 0; }
.participatory-event .private-input-add li .form__text.w450 { width: calc(100% - 210px); }
.participatory-event .input-address { width: calc(100% - 210px); }
.participatory-event .input-address .input-btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; }
.participatory-event .input-address .input-btn-box .form__text { width: 205px; }
.participatory-event .input-address .input-btn-box .form__text + .btn-search { margin-left: 20px; }
.participatory-event .input-address .float-box { margin-top: 10px; }
.participatory-event .input-address .float-box:after { content: ''; display: block; clear: both; }
.participatory-event .input-address .float-box li { float: left; width: calc(50% - 12px); }
.participatory-event .input-address .float-box li + li { float: right; }
.participatory-event .necessary-txt { position: static; text-align: right; }
@media (max-width: 1023px) { .participatory-event .input-address { width: 100%; }
  .participatowry-event .private-input-add li .form__text.w450 { width: 100%; }
  .participatory-event .input-address .input-btn-box .form__text { width: calc(100% - 137px); }
  .participatory-event .input-address .input-btn-box .form__text + .btn-search button { min-width: 117px; }
  .participatory-event .input-address .float-box li { float: none; width: 100%; }
  .participatory-event .input-address .float-box li + li { float: none; margin-top: 15px; }
  .participatory-event .email-input > div { width: calc(50% - 15px); } }
/* 개인정보 관련 수집 이용동의 안내 문구 */
.private-agree-guide { margin-top: 50px; }
.private-agree-guide .private-agree-list-tit { display: block; width: 100%; padding-bottom: 18px; border-bottom: 1px solid #000; font-weight: bold; font-size: 18px; outline: none; cursor: default; }
.private-agree-guide .private-detail-list { margin-top: 20px; }
.private-agree-guide .private-detail-list-data { margin-top: 25px; }
.private-agree-guide .private-detail-list-data .bullet__16 { margin-top: 20px; }
.private-agree-guide .private-detail-list-data .bullet__16 + p { margin-top: 20px; }
@media (max-width: 1023px) { .participatory-event .private-agree-box .private-agree-list { padding: 20px 55px 20px 20px; }
  .private-agree-guide .private-agree-list-tit { border-bottom: 0; padding-bottom: 0; position: relative; }
  .private-agree-guide .private-agree-list-tit:after { content: ""; position: absolute; right: -15px; top: 1px; width: 15px; height: 15px; border-left: 2px solid #6c6c6c; border-bottom: 2px solid #6c6c6c; border-radius: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .private-agree-guide .mobile-tab-area.is-active .private-agree-list-tit:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 10px; } }
/* 개인정보 관련 처리 업무 위탁 안내 문구 */
.private-agree-handle-guide { margin-top: 50px; }
.private-agree-handle-guide .bullet__16 { margin-top: 20px; }
.private-agree-handle-guide .bullet__16 .dash-style { margin-top: 10px; }
.private-agree-handle-guide .bullet__16 .dash-style li::before { content: "-"; top: -1px; background-color: transparent; width: auto; height: auto; border-radius: 0; }
.private-agree-handle-guide .bullet__16 .dash-style + .dash-style { margin-top: 15px; }
.private-agree-handle-guide .private-caution-add-text { margin-top: 20px; }
.private-agree-handle-guide .private-caution-add-text a { font-weight: bold; border-bottom: 1px solid #0072de; }
/* 이벤트 페이지 하단 */
.event-page-foot .attached-files-view { padding: 21px 0 14px; }
.event-page-foot .attached-files-view .tit { width: 188px; text-align: center; margin-right: 0; }
.event-page-foot .attached-files-view .tit + ul { width: calc(100% - 210px); padding-left: 24px; }
@media (max-width: 1023px) { .event-page-foot .attached-files-view .tit { width: 85px; }
  .event-page-foot .attached-files-view .tit + ul { width: calc(100% - 85px); padding-left: 0; } }
.participatory-radio-box { padding: 24px 60px; margin-bottom: 36px; margin-top: 16px; }
.participatory-radio-box .participatory-radio { margin-top: 16px; }
.participatory-radio-box .participatory-radio span + span { margin-top: 15px; }
.participatory-event .private-agree-box .box-inner { padding: 0 30px; }
@media (max-width: 1023px) { .participatory-radio-box { padding: 24px 30px; margin-bottom: 26px; margin-top: 16px; }
  .participatory-event .private-agree-box .box-inner { padding: 0; } }
/* 이용가이드 게시판 변경 */
.guide-list-box { margin-top: 60px; }
.guide-list-box .app-pagination { margin-top: 30px; }
@media (max-width: 1023px) { .guide-list-box { margin-top: 40px; } }
/* 영수증 메인 */
.list_total_search_box { margin-top: 75px; }
.list_total_search_box .list_total { font-size: 18px; font-weight: bold; }
.receipt_list_table .tbl__rwd-card-content .no-data div { padding: 70px 0; font-size: 18px; }
.receipt_list_table .tbl__rwd-card-content .no-data { border-radius: 0; border-left: 0; border-right: 0; }
@media (max-width: 1023px) { .receipt_list_table .tbl__rwd-card-content .no-data { margin-top: 0; border-top: 0; padding: 50px 0; }
  .receipt_list_table .tbl__rwd-card-content .no-data div { width: 100%; } }
/* 영수증 없을때  박스 */
.receipt_info_section { margin-top: 80px; }
.receipt_info_section .sec-tit { padding-bottom: 20px; border-bottom: 1px solid #000; }
.receipt_info_section .sec-tit i { vertical-align: middle; position: absolute; }
.receipt_info_section .sec-tit h5 { display: inline-block; padding-left: 25px; }
.receipt_info_section .line_info_box { border: 1px solid #ddd; border-radius: 15px; padding: 30px; }
.receipt_info_section .line_info_box + .line_info_box { margin-top: 20px; }
.receipt_info_section .line_info_box { position: relative; }
.receipt_info_section .line_info_box dt { font-size: 18px; font-weight: bold; padding-left: 35px; }
.receipt_info_section .line_info_box dt i { -webkit-transform: scale(0.6); transform: scale(0.6); vertical-align: middle; position: absolute; left: 20px; top: 20px; }
.receipt_info_section .line_info_box dd { padding-left: 35px; margin-top: 14px; }
@media (max-width: 1023px) { .receipt_info_section .line_info_box { padding: 20px; }
  .receipt_info_section .line_info_box dt i { left: 10px; top: 12px; } }
/* 영수증 명세서 작성 리스트 */
.input-tit-sub-text { padding-bottom: 20px; border-bottom: 1px solid #000; }
.input-tit-sub-text .sec-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.input-tit-sub-text strong { font-size: 28px; font-weight: bold; }
.input-tit-sub-text span { margin-left: 20px; }
.input-tit-sub-text .required-msg { padding-top: 15px; }
@media (max-width: 1023px) { .input-tit-sub-text span { display: block; margin-left: 0; padding-right: 100px; }
  .input-tit-sub-text { position: relative; }
  .input-tit-sub-text .required-msg { position: absolute; right: 0; bottom: 20px; } }
/**/
.receipt-input-list .form__text.line-style { width: 400px; }
.receipt-input-list .input-and-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.receipt-input-list .input-and-button > span + span { margin-left: 20px; }
.receipt-input-list .input-and-button .number_time { position: absolute; right: 0; top: 8px; font-weight: bold; }
.receipt-input-list .client-info-for-consult { padding-bottom: 30px; border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .receipt-input-list .form__text.line-style { width: 100%; }
  .receipt-input-list .input-and-button { display: block; text-align: center; }
  .receipt-input-list .form__text .error-msg { text-align: left; }
  .receipt-input-list .input-and-button > span + span { display: block; margin-left: 0; margin-top: 20px; } }
.receipt_list_table.tbl__rwd-card li > div { width: 15%; }
.receipt_list_table.tbl__rwd-card li > .reg-number { font-weight: bold; }
@media (max-width: 1023px) { .receipt__select_list { border-top: 0; }
  .receipt_list_table.tbl__rwd-card li > div { width: 100%; } }
.select-receipt-select { margin-top: 30px; }
.receipt_tab_sec_box { margin-top: 80px; }
.receipt_tab_seleted { margin-top: 50px; }
.receipt_tab_seleted h5 { font-weight: normal; }
.receipt_tab_seleted .input_content .input_content-line { width: 680px; border-bottom: 0; }
.receipt_tab_seleted .client-info-for-consult { border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.receipt_tab_seleted .client-info-for-consult > li > .tit + div { width: 680px; }
.receipt_tab_seleted .receipt-input-list .form__text.line-style { width: 210px; }
.receipt_tab_seleted .btn-area { margin-top: 30px; }
.receipt_tab_seleted .no-data { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .receipt_tab_seleted .client-info-for-consult > li > .tit + div { width: 100%; }
  .receipt_tab_seleted .receipt-input-list .form__text.line-style { width: 100%; }
  .receipt_tab_seleted .input_content .input_content-line { display: block; }
  .input_content .input_content-line .form__radio + .form__radio { margin-left: 0; margin-top: 10px; } }
@media (min-width: 1024px) { .receipt_tab_seleted .client-info-for-consult > li > .input_content .form__radio { width: 50%; } }
/* tab 영수증 활성화 */
.receipt-select-tab-02 { margin-top: 50px; }
.receipt-select-tab-02 .box-inner { border: 1px solid #ddd; padding-bottom: 60px; }
.receipt-select-tab-02 .box-inner.no-data { padding: 80px 0; }
.receipt-select-tab-02 .sec-tit { text-align: center; }
.receipt-select-tab-02 .sec-cont { max-width: 920px; margin: 0 auto; }
.receipt_detail_tbl tbody th, .receipt_detail_tbl thead th, .receipt_detail_tbl tbody td { height: 50px; }
.receipt_detail_tbl th { background-color: #f6f6f6; vertical-align: middle; border-top: 1px solid #ddd; }
.receipt_detail_tbl th + th { border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
.receipt_detail_tbl th + td { border-left: 1px solid #ddd; }
.receipt_detail_tbl td + th { border-left: 1px solid #ddd; }
.receipt_detail_tbl th + td { border-top: 1px solid #ddd; }
.receipt_detail_tbl tbody td + td { border-left: 1px solid #ddd; }
.receipt_detail_tbl .row_th { border-top: 1px solid #000; }
.receipt_detail_tbl .border-r { border-right: 1px solid #ddd; }
.receipt_detail_tbl tr:nth-child(1) th, .receipt_detail_tbl tr:nth-child(1) td { border-top: 1px solid #000; }
.receipt_detail_tbl .align-l { text-align: left; padding-left: 20px; }
.horizontal_table tr:nth-child(1) td { border-top: 1px solid #ddd; }
.receipt_bottom_text_box { text-align: center; margin-top: 40px; }
.receipt_bottom_text_box h5 { font-size: 18px; font-weight: bold; }
.receipt_bottom_text_box .form__checkbox { width: 306px; margin: 0 auto; }
.receipt_bottom_text_box .form__checkbox a { text-decoration: underline; }
.receipt_bottom_text_box .form__checkbox .info-msg { display: block; }
@media (max-width: 1023px) { .receipt-select-tab-02 .box-inner { padding: 20px; } }
.receipt_line_section_sub_title { text-align: right; max-width: 920px; margin: 0 auto; font-size: 24px; }
.table_top_text { font-size: 16px; font-weight: bold; text-align: left; max-width: 920px; margin: 0 auto; }
@media (max-width: 1023px) { .receipt_line_section_sub_title { text-align: left; }
  .table_top_text { margin-top: 10px; }
  .receipt_bottom_text_box .form__checkbox a { display: block; }
  .receipt_bottom_text_box .form__checkbox input[type="checkbox"] + label { padding-left: 14px; }
  .receipt_tab_seleted .input_content .input_content-line { width: 100%; } }
.receipt-select-tab-04 .no-member-img { text-align: center; margin-top: 50px; padding: 50px 0; }
/* 영수증 모바일에서 a 태그 가로선 */
.select-receipt-select .tbl__rwd-card .tbl__rwd-card-content .reg-number a { text-decoration: none; }
@media (max-width: 1023px) { .select-receipt-select .tbl__rwd-card .tbl__rwd-card-content .reg-number { font-weight: bold; } }
.layer[data-layer-name="receiptSend"] .confirm-msg { font-weight: normal; }
.layer[data-layer-name="receiptSend"] .confirm-msg a { font-weight: bold; }
/**/
.receipt-select-tab-04 .eng-card-box { max-width: 446px; height: 560px; margin: 50px auto 0; border: 1px solid #ddd; background: url(../img/receipt/name-card.png) no-repeat; background-size: contain; }
.receipt-select-tab-04 .eng-card-box::after { content: ''; display: block; clear: both; }
.receipt-select-tab-04 .eng-card-box > div { float: left; }
.receipt-select-tab-04 .eng-card-box > div + div { float: right; margin-top: 46px; padding-right: 30px; text-align: center; }
.receipt-select-tab-04 .eng-card-box .eng-info { padding-left: 26px; padding-top: 96px; width: calc(100% - 158px); }
.receipt-select-tab-04 .eng-card-box .eng-info dt { color: #1428a0; font-weight: bold; font-size: 18px; }
.receipt-select-tab-04 .eng-card-box .eng-info dt > span { font-size: 14px; margin-left: 11px; }
.receipt-select-tab-04 .eng-card-box .eng-info dt + dd { color: #1428a0; font-weight: bold; font-size: 16px; }
.receipt-select-tab-04 .eng-card-box .eng-info dd { font-size: 14px; }
.receipt-select-tab-04 .eng-card-box .eng-member-img { width: 128px; height: 172px; }
.receipt-select-tab-04 .eng-card-box .eng-member-img img { width: 100%; height: 100%; }
.receipt-select-tab-04 .eng-card-box .eng-member-img + span { display: block; font-size: 14px; font-weight: bold; color: #1428a0; margin-top: 16px; }
@media screen and (max-width: 500px) { .receipt-select-tab-04 .eng-card-box .eng-member-img { width: 100px; height: 135px; }
  .receipt-select-tab-04 .eng-card-box .eng-info { width: calc(100% - 120px); padding-left: 20px; }
  .receipt-select-tab-04 .eng-card-box { max-width: 320px; background: url(../img/receipt/mb-name-card.png) no-repeat; background-size: contain; }
  .receipt-select-tab-04 .eng-card-box > div + div { padding-right: 20px; width: 120px; }
  .receipt-select-tab-04 .eng-card-box .eng-member-img + span { margin-top: 5px; } }
@media screen and (max-width: 500px) and (max-width: 355px) { .receipt-select-tab-04 .eng-card-box { height: 137vw; }
  .receipt-select-tab-04 .eng-card-box .eng-info { padding-top: 55px; } }
/**/
.email-details_tit { text-align: center; }
.email-details_tit .padding20 { padding: 20px 0; }
.email-details_tbl.receipt_detail_tbl { max-width: 870px; margin: 0 auto; }
.feedback > .item-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.feedback.info-box .item-center .align-center { margin-top: 0; }
.private-agree-form.block-box > span { float: none; }
.private-agree-form.block-box > span + span { margin-top: 10px; }
.opinion-tit .ml40 { margin-left: 40px; font-size: 18px; font-weight: normal; margin-top: 6px; }
.opinion-tit .ml20 { margin-left: 20px; font-size: 18px; font-weight: normal; margin-top: 6px; }
.opinion_box .sec-tit { border-bottom: 1px solid #000; }
.opinion_box > .sec-cont { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.opinion_box .opinion_box_sub-tit { margin-top: 16px; font-size: 18px; }
.opinion_box .participatory-radio > .form__checkbox { display: block; }
.opinion_box .private-agree-num-list li + li { margin-top: 20px; }
.opinion_box .private-agree-num-list li > div { padding-left: 24px; }
.opinion_box .private-agree-num-list li > div:after { content: ''; display: block; clear: both; }
.opinion_box .private-agree-num-list li > strong { font-size: 18px; }
.opinion_box .private-agree-num-list li > div > span { float: left; }
.opinion_box .private-agree-form { padding: 0 24px; }
.feedback-1.receipt-select-tab-02 { margin-top: 0; }
.feedback-1.receipt-select-tab-02 .box-inner { padding: 20px 0 40px; border: 0; }
.feedback-info-box .box-inner { margin: 0 auto; width: 920px; }
.feedback-info-box .align-center { text-align: center; }
.opinion_box [class*=feedback-] ol { border-top: 0; padding-bottom: 0; border-bottom: 0; padding: 30px 0 0; }
.opinion_box .form__textarea textarea { height: 80px; min-height: 80px; }
.app-header.erms-header { position: absolute; }
.app-header.erms-header:after { position: absolute; }
@media (max-width: 1023px) { .opinion-tit .ml20, .opinion-tit .ml40 { margin-left: 0; }
  .opinion_box > .sec-cont { padding-bottom: 20px; }
  .opinion_box > .sec-cont.mt30 { margin-top: 20px; }
  .opinion_box .private-agree-form { padding: 0; }
  .feedback-1.receipt-select-tab-02 table { width: 100%; }
  .feedback-1.receipt-select-tab-02 .box-inner { padding: 20px 0; }
  .feedback-info-box .box-inner { width: 100%; }
  .opinion_box .private-agree-num-list li > div > span + span { margin-left: 20px; }
  .opinion_box .private-agree-num-list li > div > .form__radio + .form__radio { margin-top: 0; }
  .opinion_box [class*=feedback-] ol > li { margin-top: 0; }
  .opinion_box [class*=feedback-] .tab__flex { padding: 0; }
  .opinion_box [class*=feedback-] ol { padding: 20px 0 0; } }
@media (min-width: 1024px) { .private-agree-form.horizontal-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 24px; margin-top: 20px; }
  .private-agree-form.horizontal-box > span { min-width: 20%; }
  .opinion_box .private-agree-num-list li > div > span { width: calc(20% - 19px); }
  .opinion_box [class*=feedback-] .tab__flex { padding: 0 4% 25px; } }
.basic-top-margin-sec { margin-top: 40px; }
/* 회사소개 tab-swiper */
.company-introduction-top { margin-top: -50px; }
.company-introduction-swiper { border-bottom: 1px solid #ddd; }
.company-introduction-swiper .swiper-slide { width: 14.3%; /* width: 16.6%;*/  text-align: center; }
.company-introduction-swiper .swiper-slide a { display: block; padding: 17px 0; }
.company-introduction-swiper .swiper-slide.is-active { border-bottom: 2px solid #000; font-weight: bold; }
.company-introduction-tit .tit__02 { margin-top: 43px; }
@media (max-width: 1023px) { .pg_detail .company-introduction-top { display: none; }
  .pg_detail .tit__page { line-height: 32px; }
  .company-introduction-top { margin-top: 25px; }
  .company-introduction-tab { padding: 0; border-top: 1px solid #ddd; }
  .company-introduction-swiper { overflow: hidden; }
  .company-introduction-swiper .swiper-slide a { padding: 13px 0; } }
@media (min-width: 1024px) { .pg_detail .tit__page { margin-top: 46px; }
  .company-introduction-top.is-floating { position: fixed; top: 131px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 200; width: 100%; background-color: #fff; }
  .company-introduction-top.is-floating-bar { position: fixed; top: 191px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 200; width: 100%; background-color: #fff; } }
/* 회사소개   >   뉴스 페이지 관련 내용 */
.cf-sec-box .box_style_list .list li .info_box .list_text { margin-top: 20px; }
.cf-sec-box .company_intro_tal .list li a .img_box { height: 290px; }
@media screen and (max-width: 1439px) { .cf-sec-box .company_intro_tal .list li a .img_box { height: 20.13vw; } }
@media (max-width: 1023px) { .cf-sec-box .company_intro_tal .list li a .img_box { height: 100%; } }
.company-introduction-news { margin-top: 15px; }
.company-introduction-news .sec-cont { border-top: 2px solid #000; }
/* 뉴스 리스트   >   데이터 정보 */
.company-introduction-top + .tit__page { margin-top: 46px; }
.cf-sec-box .box_style_list .list li .info_box .list-data { margin-top: 10px; }
.cf-sec-box .box_style_list .list li .info_box .list-data:after { content: ''; display: block; clear: both; }
.cf-sec-box .box_style_list .list li .info_box .list-data li { width: auto; margin: 0; padding-right: 20px; }
.cf-sec-box .box_style_list .list li .info_box .list-data li + li { position: relative; padding-left: 20px; }
.cf-sec-box .box_style_list .list li .info_box .list-data li + li::before { content: ""; position: absolute; top: 6px; left: 0; width: 1px; height: 13px; background-color: #ddd; }
.cf-sec-box .company_intro_tal .list li .list_text { display: -webkit-box; overflow: hidden; height: 65px; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
@media (max-width: 1023px) { .company-details-page { display: none; }
  .company-introduction-top.news-detail { display: none; }
  .cf-sec-box .company_intro_tal .list li .info_box { padding: 20px; }
  .cf-sec-box .company_intro_tal .list li .list_text { display: none; }
  .cf-sec-box .box_style_list .list li .info_box .list-data li { float: left; } }
@media (min-width: 1024px) { .tit__page.news-detail { margin-top: 47px; } }
/* SHPZ_0032 */
@media (max-width: 1023px) { .ceo_sec_box { margin-top: 26px; } }
.cf-full.gray_bg_sec { position: relative; background-color: #f7f7f7; }
.cf-full.gray_bg_sec .sec-cont { padding-top: 60px; padding-bottom: 46px; }
.cf-sec-box .ceo_content_box { position: relative; }
.cf-sec-box.intro_sec_box .title_2 { margin-bottom: 40px; font-weight: bold; font-size: 28px; line-height: 1.3; color: #000; }
.cf-sec-box.intro_sec_box .ceo_img_box { overflow: hidden; width: 580px; height:542px; /*width: 448px; height: 700px;*/ border-radius: 15px; }
.cf-sec-box.intro_sec_box .ceo_img_box img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.cf-sec-box.intro_sec_box .content_text_box p { margin-bottom: 25px; font-weight: normal; font-size: 16px; word-break: keep-all; }
.cf-sec-box.intro_sec_box .content_text_box p:last-child { margin-bottom: 0; }
@media (max-width: 1023px) { .tit__page.ta_hidden { display: none; }
  .tit__page.ta_visible { display: block; }
  .cf-sec-box.ceo_sec_box .title_2 br { display: none; }
  .cf-full.gray_bg_sec .ceo_sec_box::before { content: ""; display: block; width: calc(100% + 40px); height: 240px; margin-left: -20px; background: #fff; }
  .cf-full.gray_bg_sec .ceo_sec_box .sec-cont { padding-top: 0; }
  .cf-sec-box .ceo_content_box { margin-top: -240px; }
  .cf-sec-box.intro_sec_box .ceo_img_box { width: 100%; height: auto; }
  .cf-sec-box.ceo_sec_box .content_text_box { margin-top: 50px; }
  .cf-sec-box.intro_sec_box .title_2 { margin-bottom: 30px; font-size: 24px; } }
@media (min-width: 1024px) { .cf-sec-box.intro_sec_box .ceo_img_box { position: absolute; top: 36px; /*top: -17px;*/ right: 0; }
  .cf-full.gray_bg_sec .ceo_sec_box .sec-cont { margin-bottom: 38px; padding-top: 76px; }
  .cf-sec-box.ceo_sec_box .title_2 {max-width: calc(100% - 500px);padding-left: 60px;}
  .cf-sec-box.ceo_sec_box .content_text_box {max-width: calc(100% - 690px);padding-left: 60px;} }
/* SHPZ_0033 */
.cf-sec-box.basic-top-margin-sec.tab-sec-box { margin-top: 30px; }
.cf-sec-box.intro_top_title_sec .title_2 { margin-bottom: 0; text-align: center; }
.cf-sec-box.intro_top_title_sec .sub_title { display: block; margin-top: 0; font-weight: bold; font-size: 18px; color: #000; text-align: center; }
.cf-sec-box.intro_top_title_sec .text { margin-top: 10px; font-weight: normal; font-size: 18px; color: #000; text-align: center; }
.cf-sec-box.intro_top_title_sec.text_left_sec .title_2 { text-align: left; }
.cf-sec-box.intro_top_title_sec.text_left_sec .sub_title { text-align: left; }
.cf-sec-box.intro_top_title_sec.text_left_sec .text { text-align: left; }
.cf-sec-box.intro_top_title_sec .text.font_16p { font-size: 16px; }
.cf-sec-box.intro_top_title_sec .text + .text { margin-top: 25px; }
.cf-sec-box .intro_flex_box + .intro_flex_box { margin-top: 54px; }
.cf-sec-box .intro_flex_box.mb0 { margin-bottom: 0; }
.cf-sec-box .intro_flex_box .enter_service_box dl { position: relative; width: 100%; height: 100%; }
.cf-sec-box .intro_flex_box .enter_service_box dt { position: relative; width: 100%; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cf-sec-box .intro_flex_box .enter_service_box dt i + h3 { margin-left: 10px; }
.cf-sec-box .intro_flex_box .enter_service_box dd { border-top: 2px solid #000; font-weight: normal; font-size: 16px; color: #000; padding-top: 20px; }
.cf-sec-box .intro_flex_box .enter_service_box dd .bullet__16 > li { border: 1px solid #ddd; }
.cf-sec-box .intro_flex_box .enter_service_box dd .bullet__16 > li:before { left: 20px; top: 25px; }
.cf-sec-box .intro_flex_box .enter_service_box dd .bullet__16 li ul li::before { content: '-'; width: auto; height: auto; background: transparent; top: 0px; }
.cf-sec-box .intro_flex_box .enter_service_box dd > a { text-decoration: underline; }
.cf-sec-box .intro_flex_box .enter_service_box dl dt h3 { font-weight: bold; font-size: 24px; color: #000; }
@media (max-width: 1023px) { .cf-sec-box .intro_flex_box + .intro_flex_box { margin-top: 40px; }
  .cf-sec-box .intro_flex_box .enter_service_box:not(:last-child) { margin-bottom: 40px; }
  .cf-sec-box .intro_flex_box .enter_service_box dt { margin-bottom: 13px; }
  .cf-sec-box .intro_flex_box .enter_service_box dl dt h3 { font-size: 20px; }
  .enter_service_sec { margin-top: 42px; }
  .cf-sec-box .intro_flex_box .enter_service_box dd .bullet__16 > li { border-radius: 10px; padding: 16px 20px 16px 33px; }
  .cf-sec-box .intro_flex_box .enter_service_box dd .bullet__16 > li + li { margin-top: 10px; } }
@media (min-width: 1024px) { .cf-sec-box .intro_flex_box { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .cf-sec-box .intro_flex_box .enter_service_box { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
  .cf-sec-box .intro_flex_box .enter_service_box + .enter_service_box { margin-left: 24px; }
  .enter_service_sec { margin-top: 72px; }
  .cf-sec-box .intro_flex_box .enter_service_box dd { height: calc(100% - 80px); }
  .cf-sec-box .intro_flex_box .enter_service_box dd .bullet__16 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }
  .cf-sec-box .intro_flex_box .enter_service_box dd .bullet__16 > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 20px; border: 1px solid #ddd; padding: 16px 20px 16px 33px; }
  .cf-sec-box .intro_flex_box .enter_service_box dd .bullet__16 > li + li { margin-left: 24px; } }
/* SHPZ_0033 */
.cf-sec-box.ideology_sec_box .intro_oder_box { max-width: 1000px; margin: 0 auto; }
.cf-sec-box .intro_oder_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cf-sec-box .intro_oder_box .ideology_sm_won_box .won_box {display: block;position: relative;width: 220px;height: 220px;margin: 0 auto;margin-top: 40px;margin-bottom: 73px;border: 2px solid #0072de;border-radius: 50%;}
.cf-sec-box .intro_oder_box .ideology_sm_won_box .won_box h3 { margin-top:-30px; font-weight: bold; font-size: 26px; line-height: 220px; color: #0072de; text-align: center; }
.cf-sec-box .intro_oder_box .ideology_sm_won_box .won_box:after { content: ""; position: absolute; bottom: -24px; left: calc(50% - 2px); width: 4px; height: 4px; font-size: 4px; background-color: #cccccc; -webkit-box-shadow: 0 9px 0 #cccccc, 0 18px 0 0 #cccccc, 0 27px 0 0 #cccccc, 0 36px 0 0 #cccccc; box-shadow: 0 9px 0 #cccccc, 0 18px 0 0 #cccccc, 0 27px 0 0 #cccccc, 0 36px 0 0 #cccccc; border-radius: 4px; }
.cf-sec-box .intro_oder_box .ideology_sm_won_box .won_box h3 span {color:#000; display: block; line-height:24px; position:absolute; top:110px; font-size:20px; width:220px; }
.cf-sec-box .intro_oder_box .ideology_sm_won_box dl { max-width: 280px; margin: 0 auto; }
.cf-sec-box .intro_oder_box .ideology_sm_won_box dl dt { width: 100%; padding-bottom: 15px; }
.cf-sec-box .intro_oder_box .ideology_sm_won_box dl dt h4 { margin-bottom: 5px; font-weight: bold; font-size: 24px; line-height: 1.3; color: #0072de; text-align: center; }
.cf-sec-box .intro_oder_box .ideology_sm_won_box dl dt span { display: block; font-weight: bold; font-size: 16px; color: #000; text-align: center; }
.cf-sec-box .intro_oder_box .ideology_sm_won_box dl dd { padding: 0 10%; font-weight: normal; font-size: 16px; color: #000; text-align: center; }
.cf-sec-box .intro_oder_box .ideology_lg_won_box { position: relative; }
.cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box::before, .cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box::after { content: ""; position: absolute; top: 50%; width: 42px; height: 42px; border-top: 2px solid #ddd; border-left: 2px solid #ddd; }
.cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box::before { left: -85px; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }
.cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box::after { right: -85px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
.cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box {display: block;position: relative;height: 300px;margin: 0 auto; }
.cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box h3 {font-weight: bold;font-size: 22px;width: 110px;height: 40px;line-height: 41px;color: #fff;text-align: center;background: #0e4280;border-radius: 20px;margin: 0px auto;}
.cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box span {display: block;font-weight: bold;font-size: 24px; line-height: 1; text-align: center;}
.cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box .m_text {margin-top: 20px;font-weight: bold;font-size: 40px;line-height: 40px;color: #0e4280;text-align: center; }
.cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box .m_text span { margin-top:20px; font-size:22px;  line-height:30px; color:#000; }
.cf-sec-box .intro_flex_box .intro_flex_gray_bg_box { overflow: hidden; padding: 26px 40px; background-color: #f7f7f7; border-radius: 20px; }
.cf-sec-box .intro_flex_box .intro_flex_gray_bg_box dt { margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #cfcfcf; font-weight: bold; font-size: 24px; color: #000; }
@media (max-width: 1023px) {
  .cf-sec-box .intro_flex_box .intro_flex_gray_bg_box { padding: 26px 30px; border-radius: 10px; }
  .cf-sec-box .intro_flex_box .intro_flex_gray_bg_box dt { font-size: 20px; } }
.cf-sec-box .intro_flex_box .intro_flex_gray_bg_box dd { position: relative; padding-left: 12px; font-size: 16px; }
.cf-sec-box .intro_flex_box .intro_flex_gray_bg_box dd::before { content: ""; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
@media (max-width: 1023px) {
  .cf-sec-box .intro_oder_box .oder_div.oder_2 { -ms-flex-order: 2; order: 2; -webkit-box-ordinal-group: 3; }
  .cf-sec-box .intro_oder_box .oder_div.oder_3 { -ms-flex-order: 3; order: 3; -webkit-box-ordinal-group: 3; }
  .cf-sec-box .intro_oder_box .oder_div.oder_3.ideology_sm_won_box {margin-top: 30px;}
  .cf-sec-box.ideology_sec_box .intro_oder_box .oder_div { width: 100%; padding-top:20px; }
  .cf-sec-box .intro_flex_box .intro_flex_gray_bg_box + .intro_flex_gray_bg_box { margin-top: 20px; margin-left: 0; }
  .cf-sec-box .intro_oder_box .ideology_sm_won_box .won_box {/* width: 300px; *//* height: 120px; */padding-top:0px;margin-top: 10px;margin-bottom: 73px;/* border-radius: 30px; */}
  .cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box { height:250px; }
  .cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box::before { display: none; }
  .cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box::after { top: 250px; left: 50%; width: 28px; height: 28px; -webkit-transform: translateX(-50%) translateY(0) rotate(45deg); transform: translateX(-50%) translateY(0) rotate(45deg); }
  .cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box span { font-size: 20px; }
  .cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box .m_text {font-size: 34px;margin-top: 16px;}
  .cf-sec-box .intro_oder_box .ideology_sm_won_box .won_box h3 {font-size: 22px;line-height: 57px;margin-top: 50px;}
  .cf-sec-box .intro_oder_box .ideology_sm_won_box .won_box h3 span {width: 100%;font-size: 18px;line-height: 24px;position: absolute;top: 102px;}
  .cf-sec-box .intro_oder_box .ideology_sm_won_box dl dt h4 { font-size: 20px; }
}
@media (min-width: 1024px) {
  .cf-sec-box.ideology_sec_box .intro_oder_box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .cf-sec-box.ideology_sec_box .oder_div:nth-child(1), .cf-sec-box.ideology_sec_box .oder_div:nth-child(3) { width: 220px; }
  .cf-sec-box.ideology_sec_box .oder_div:nth-child(2) { width: 300px; margin-right: 100px; margin-left: 100px; }
  .cf-sec-box .intro_oder_box .ideology_sm_won_box dl { margin-right: -30px; margin-left: -30px; }
  .cf-sec-box .intro_flex_box .intro_flex_gray_bg_box + .intro_flex_gray_bg_box { margin-left: 20px; }
  .cf-sec-box .intro_flex_box .intro_flex_gray_bg_box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .cf-sec-box .intro_oder_box .ideology_lg_won_box .won_box { padding-top: 90px;}
}
/*SHPZ_0036*/
.cf-sec-box .intro_many_flex_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cf-sec-box .intro_many_flex_box .compli_box_01 { position: relative; }
.cf-sec-box .intro_many_flex_box .compli_box_01 > i { position: absolute; left: 0; }
.cf-sec-box .intro_many_flex_box .compli_box_01 > i img { max-height: 100%; }
@media (max-width: 1023px) { .cf-sec-box .intro_many_flex_box .compli_box_01 { min-height: 74px; padding-left: 53px; }
  .cf-sec-box .intro_many_flex_box .compli_box_01 > i { height: 36px; top: 4px; } }
@media (min-width: 1024px) { .cf-sec-box .intro_many_flex_box .compli_box_01, .cf-sec-box .intro_many_flex_box .compli_box_02 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .cf-sec-box .intro_many_flex_box .compli_box_01 { padding-left: 95px; }
  .cf-sec-box .intro_many_flex_box .compli_box_01 > i { height: 64px; }
  .cf-sec-box .intro_many_flex_box .compli_box_01 + .compli_box_01, .cf-sec-box .intro_many_flex_box .compli_box_02 + .compli_box_02 { margin-left: 95px; } }
.cf-sec-box .compli_box_02 { position: relative; }
.cf-sec-box .compli_box_02 dl { overflow: hidden; height: 100%; padding: 0 30px 30px 30px; border: 1px solid #ddd; border-radius: 20px; }
.cf-sec-box .compli_box_02 dl dt { position: relative; border-bottom: 1px solid #ddd; }
.cf-sec-box .compli_box_02 dl dt p { padding: 30px 0; font-weight: bold; font-size: 18px; color: #000; }
.cf-sec-box .compli_box_02 dl dt p span { display: inline-block; width: 29px; height: 29px; margin-top: -3px; margin-left: 10px; line-height: 29px; color: #fff; text-align: center; vertical-align: middle; background: #000; border-radius: 50%; }
.cf-sec-box .compli_box_02 dl dt > i { position: absolute; right: 0; bottom: calc(50% - 30px); }
.cf-sec-box .compli_box_02 dl dd { padding-top: 15px; }
.cf-sec-box .compli_box_02 dl dd h4 { margin-bottom: 10px; font-weight: bold; font-size: 24px; color: #000; }
.cf-sec-box .compli_box_02 dl dd p { font-size: 16px; }
.cf-full .compli_sec_box { margin-top: 80px; padding-top: 5px; padding-bottom: 56px; }
.cf-full.gray_bg_sec .compli_system_sec .sec-cont { padding: 0; }
.cf-sec-box .compli_system_wrap { position: relative; }
.cf-sec-box .compli_system_wrap .object_mc_box { position: relative; width: 618px; margin: -50px auto 0; }
.cf-sec-box .compli_system_wrap .object_text_box { position: absolute; top: 90px; left: 50%; max-width: 570px; }
.cf-sec-box .compli_system_wrap .object_text_box .text.font_16p { font-size: 16px; }
.cf-sec-box .compli_system_wrap .object_text_box .text + .text { margin-top: 25px; }
@media (max-width: 1023px) { .cf-sec-box .compli_box_02 dl dd h4 { font-size: 20px; } }
@media (min-width: 1024px) { .cf-sec-box .compli_box_02 + .compli_box_02:before { content: ""; position: absolute; top: 50%; left: -66px; width: 28px; height: 28px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
  .cf-sec-box .compli_box_02 dl { padding: 0 40px 36px 40px; border-radius: 10px; }
  .cf-sec-box .compli_box_02 dl dt p { padding: 40px 0; }
  .cf-sec-box .compli_box_02 dl dt > i { bottom: calc(50% - 30px); } }
.object_mc_box > ul:before { content: ""; position: absolute; top: 0; left: 90px; z-index: 0; width: 1px; height: 100%; background-color: #999; }
.object_mc_box .object_mc_left + .object_mc_left { margin-top: 20px; }
.object_mc_box .object_mc_right { margin-top: 13px; text-align: right; }
.object_mc_box .object_mc_right:before { content: ""; position: absolute; top: 26px; left: 90px; width: calc(100% - 90px); height: 1px; background-color: #999; }
.object_mc_box .object_mc_full { margin-top: 16px; }
.object_mc_box .object_mc_full:before { content: ""; position: absolute; top: 50%; left: 90px; width: calc(100% - 90px); height: 1px; background-color: #999; }
.object_mc_box > ul > li { position: relative; }
.object_mc_box > ul > li:nth-child(2) strong { font-size: 18px; }
.object_mc_box > ul > li:nth-child(2) .object_round { padding: 77px 0; }
.object_mc_box > ul > li:last-child { margin-top: 60px; }
.object_mc_box > ul > li:last-child:before { content: ""; position: absolute; top: -30px; left: 90px; width: calc(100% - 248px); height: 1px; background-color: #999; }
.object_mc_box > ul > li:last-child:after { content: ""; position: absolute; top: -30px; right: 158px; width: 1px; height: 30px; background-color: #999; }
/* 원모양 */
.object_mc_box .object_round { display: block; position: relative; width: 180px; height: 180px; padding: 71px 0; text-align: center; border-radius: 50%; }
.object_mc_box .object_round.color__sky { background-color: #0072de; }
.object_mc_box .object_round.color__navy { background-color: #1428a0; }
.object_mc_box .object_round strong { display: inline-block; font-weight: bold; font-size: 24px; color: #fff; }
/*  라운드 박스 형 */
.object_round_box { display: inline-block; position: relative; width: 300px; padding: 13px 0; text-align: center; background-color: #2175b0; border-radius: 25px; }
.object_round_box strong { font-weight: bold; font-size: 16px; color: #fff; }
/* 원형  +  박스 */
.object_round_and_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.object_round_and_box .object_round { border: 3px solid #0072de; background-color: #fff; }
.object_round_and_box .object_round strong { font-size: 18px; color: #0072de; }
/* 텍스트 박스 */
.object_mc_full .object_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-top: 34px; background-color: #f7f7f7; }
.object_mc_full .object_box li { position: relative; font-size: 24px; line-height: 1.3; text-align: center; }
.object_mc_full .object_box li + li { margin-right: 63px; }
.object_mc_full .object_box li::before { content: ""; position: absolute; top: -20px; left: 50%; width: 5px; height: 5px; background-color: #000; -webkit-transform: translateX(-100%); transform: translateX(-100%); border-radius: 50%; }
@media screen and (max-width: 1139px) { .cf-sec-box .compli_system_wrap .object_mc_box { margin: 40px auto 0; }
  .cf-sec-box .compli_system_wrap .object_text_box { top: 40px; max-width: 100%; }
  .cf-sec-box .compli_system_wrap .object_text_box .pc_br, .cf-sec-box .compli_box_01 dl dd .pc_br { display: inline; } }
@media (max-width: 1023px) { .cf-sec-box .compli_system_wrap .object_mc_box { position: relative; width: 260px; height: auto; margin: 0 auto; }
  .cf-sec-box .compli_system_wrap .object_text_box { position: static; top: auto; left: auto; width: 100%; margin-top: 40px; margin-right: 0; }
  .cf-sec-box .intro_many_flex_box .compli_box_01 { width: 100%; }
  .cf-sec-box .intro_many_flex_box .compli_box_01 + .compli_box_01 { margin-top: 25px; }
  .cf-sec-box .intro_many_flex_box .compli_box_02 { width: 100%; }
  .cf-sec-box .intro_many_flex_box .compli_box_02 + .compli_box_02 { margin-top: 25px; }
  .cf-sec-box .compli_box_02:after { display: none; }
  .object_mc_box > ul:before { left: 54px; }
  .object_mc_box .object_mc_right:before { top: 30px; left: 54px; }
  .object_mc_box .object_mc_left + .object_mc_left { margin-top: 10px; }
  .object_mc_box .object_mc_right { margin-top: 0; }
  .object_mc_box .object_round { width: 110px; height: 110px; padding: 40px 0; }
  .object_mc_box .object_round strong { font-size: 20px; }
  .object_mc_box .object_mc_full { margin-top: 0; }
  .object_round_box { width: 120px; padding: 6px 0; border-radius: 10px; }
  .object_round_and_box .object_round { padding: 28px 0; }
  .object_round_and_box .object_round strong { font-size: 18px; }
  .object_mc_full .object_box li { font-size: 20px; }
  .object_mc_full .object_box li + li { margin-right: 0; margin-left: 65px; }
  .object_mc_full .object_box { padding-top: 25px; }
  .object_mc_full .object_box li::before { top: -12px; }
  .object_mc_full .object_box li:nth-child(1):before { left: 56px; }
  .object_mc_box > ul > li:last-child:after { right: 45px; }
  .object_mc_box > ul > li:last-child:before { left: 54px; width: calc(100% - 100px); }
  .object_mc_box > ul > li:nth-child(2) .object_round { padding: 40px 0; } }
/*SHPZ_0037_1*/
.cf-sec-box.line_content_box_section.no_line .sec-cont { border: none; }
.cf-sec-box.line_content_box_section.ethics_sec_box .line_box_img { top: 24px; }
.cf-sec-box .list_flex_box { padding: 22px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.cf-sec-box .list_flex_box > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cf-sec-box .list_flex_box > ul > li { position: relative; width: calc((100% - 0px) / 3); margin: 3px 0; padding-left: 12px; font-size: 16px; }
.cf-sec-box .list_flex_box > ul > li::before { content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
.cf-sec-box.write-secton-area.ethics_sec_box { margin-top: 56px; }
.cf-sec-box .write_container { margin-top: 6px; margin-bottom: 20px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .ethics_sec_box .banner-consult p { text-align: left; }
  .ethics_sec_box .sec-cont { margin-top: 10px; }
  .ethics_sec_box .required { font-size: 14px; }
  .cf-sec-box.write-secton-area.ethics_sec_box { margin-top: 30px; }
  .cf-sec-box.ethics_sec_box .door-to-door-caution { margin-bottom: 30px; } }
@media (min-width: 1024px) { .cf-sec-box .write_container { padding: 20px 0; } }
.write_info_box { background-color: #f7f7f7; }
@media (max-width: 1023px) { .complain_write_table .input_title h3 { margin-top: 26px; margin-bottom: 6px; }
  .write_info_box { padding: 26px 20px; border-radius: 10px; }
  .write_info_box_btn { margin-top: 40px; } }
@media (min-width: 1024px) { .write_container .input_item { margin-top: 20px; }
  .write_container .input_item:after { content: ''; display: block; clear: both; }
  .complain_write_table .input_title { float: left; width: 170px; padding-top: 7px; padding-left: 30px; }
  .complain_write_table .input_content { float: left; width: calc(100% - 170px); }
  .complain_write_table .input_content textarea { min-height: 200px; }
  .complain_write_table .half_item .input_content { width: 440px; }
  .complain_write_table .mail_address .input_content { width: 670px; }
  .cf-sec-box .write_info_box { padding: 28px 60px 25px 60px; border-radius: 20px; }
  .cf-sec-box .write_info_box:after { content: ''; display: block; clear: both; }
  .cf-sec-box .write_info_box h4 { float: left; }
  .cf-sec-box .write_info_box .dl_box { float: right; }
  .cf-sec-box .write_info_box .dl_box dl { float: left; }
  .cf-sec-box .write_info_box .dl_box dl + dl { margin-left: 100px; }
  .write_info_box_btn { margin-top: 60px; } }
.cf-sec-box.write-secton-area.ethics_sec_box .sec-tit { position: relative; }
.cf-sec-box.write-secton-area.ethics_sec_box .input-top_text { margin-bottom: 10px; }
.cf-sec-box .door-to-door-caution { margin-top: 0px; padding: 26px 30px; }
.cf-sec-box.ethics_sec_box .door-to-door-caution h4 { margin-bottom: 10px; font-weight: bold; font-size: 18px; }
.cf-sec-box .door-to-door-caution li { position: relative; padding-left: 12px; font-size: 16px; }
.cf-sec-box .door-to-door-caution li:before { content: ""; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
.cf-sec-box .write_info_box { position: relative; }
.cf-sec-box .write_info_box h4 { font-weight: bold; font-size: 18px; }
.cf-sec-box .write_info_box .dl_box dl { position: relative; padding-left: 12px; font-size: 16px; }
.cf-sec-box .write_info_box .dl_box dl::before { content: ""; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
.cf-sec-box .write_info_box .dl_box dt { display: inline-block; font-weight: bold; font-size: 16px; vertical-align: middle; }
.cf-sec-box .write_info_box .dl_box dd { display: inline-block; margin-left: 5px; font-weight: normal; vertical-align: middle; }
.cf-sec-box .write_info_box .dl_box dl + dl { margin-left: 40px; }
.cf-sec-box .form__attachment-files-list ul { min-height: 40px; padding: 7px 20px; border: 1px solid #a9a9a9; }
.cf-sec-box .form__attachment-files-list li button.btn__remove { margin-left: 10px; font-size: 0; vertical-align: middle; }
.cf-sec-box .form__attachment-files-list li + li { margin-top: 4px; }
.cf-sec-box .form__attachment-files-list ul + p { text-align: right; }
.cf-sec-box .a11y-hidden { overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.cf-sec-box .form__attachment-files .form__attachment-files-desc ul { padding-left: 15px; }
.cf-sec-box .form__attachment-files .form__attachment-files-desc li:before { content: "- "; }
.cf-sec-box .form__attachment-files:after { content: ""; display: block; clear: both; }
.cf-sec-box .form__attachment-files .btn-add.btn__40 { padding: 13px 20px; }
@media (max-width: 1023px) { .cf-sec-box .list_flex_box ul > li { width: 100%; }
  .cf-sec-box.ethics_sec_box .door-to-door-caution { width: 100%; margin-top: 10px; margin-bottom: 10px; margin-left: 0; }
  .cf-sec-box .write_info_box .dl_box { position: static; top: auto; right: auto; margin-top: 10px; }
  .cf-sec-box .write_info_box .dl_box dl + dl { margin-left: 0; } }
@media (min-width: 1024px) { .cf-sec-box .input_content .form__attachment-files { position: relative; padding-right: 112px; }
  .cf-sec-box .form__attachment-files .btn-add { position: absolute; top: 0; right: 0; } }
/*SHPZ_0037*/
.cf-sec-box .annotation i[class*="icon-info-white"] { position: absolute; top: 1px; left: 0; }
.cf-sec-box .private-agree-box { margin-top: 15px; }
.cf-sec-box .private-agree-list .private-agree-title { margin-bottom: 18px; padding-bottom: 15px; border-bottom: 1px solid #000; font-weight: bold; font-size: 18px; }
.cf-sec-box .private-agree-list .txt + .txt { margin-top: 5px; }
.cf-sec-box .private-agree-list .sub_title { margin-top: 15px; margin-bottom: 10px; font-weight: bold; font-size: 16px; }
.cf-sec-box .private-agree-list .bullet__16 { margin-bottom: 20px; }
.cf-sec-box .private_content_box { overflow: hidden; }
.cf-sec-box .private_content_box .point_text { display: block; position: relative; padding-left: 15px; font-size: 16px; }
.cf-sec-box .private_content_box .point_text::before { content: "※"; display: block; position: absolute; top: -1px; left: 0; }
.cf-sec-box .private_content_box .private_tbl { margin: 15px 0; }
.cf-sec-box .private_content_box .private_tbl td { font-weight: bold; }
.cf-sec-box .private_content_box .private_tbl td dl { text-align: left; }
.cf-sec-box .private_content_box .private_tbl td dl dt { display: inline-block; position: relative; padding-left: 12px; font-weight: normal; font-size: 16px; vertical-align: top; }
.cf-sec-box .private_content_box .private_tbl td dl dt::before { content: ""; position: absolute; top: 11px; left: 0; width: 4px; height: 1px; background-color: #000; }
.cf-sec-box .private_content_box .private_tbl td dl dd { display: inline-block; font-weight: normal; font-size: 16px; }
@media (max-width: 1023px) { .cf-sec-box .private_content_box .private_tbl { min-width: 700px; }
  .cf-sec-box .private-agree-list .private-agree-title.ta_hidden { display: none; }
  .cf-sec-box .private-agree-box .box-inner + .box-inner { margin-top: 40px; } }
@media (min-width: 1024px) { .cf-sec-box .private-agree-box .box-inner + .box-inner { margin-top: 60px; } }
/* SHPZ_0038 */
.cf-sec-box.fair_sec_box .sec-tit .sub_noti_text { display: block; position: relative; margin-top: -10px; margin-bottom: 25px; padding-left: 15px; font-size: 16px; }
.cf-sec-box.fair_sec_box .sec-tit .sub_noti_text::before { content: "※"; display: block; position: absolute; top: -1px; left: 0; color: #777777; }
.cf-sec-box.fair_sec_box .list_flex_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 0; border-top: none; border-bottom: 1px solid #ddd; }
.cf-sec-box.fair_sec_box .list_flex_box:first-child { border-top: 1px solid #000; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box { width: 42%; padding-right: 20px; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub { width: 58%; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box > h3 { position: relative; padding-left: 20px; font-weight: bold; font-size: 24px; line-height: 1.4; }
@media (max-width: 1023px) { .cf-sec-box.fair_sec_box .list_flex_box .flex_box > h3 { font-size: 20px; }
  .cf-sec-box.fair_sec_box .list_flex_box .flex_box > h3 br { display: none; } }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box > h3 .number { position: absolute; top: 0; left: 0; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .basic_list > dt { display: inline-block; position: relative; width: 150px; padding-left: 12px; font-weight: bold; font-size: 16px; vertical-align: top; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .basic_list.full_dt > dt { width: 100%; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .basic_list > dt::before { content: ""; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .basic_list > dd { display: inline-block; width: calc(100% - 160px); font-size: 16px; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .text_box { margin-top: 15px; padding: 15px 0; border-top: 1px solid #ddd; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .text_box > dl > dt { display: block; position: relative; margin-bottom: 5px; padding-left: 15px; font-size: 16px; color: #000; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .text_box > dl > dt::before { content: "※"; display: block; position: absolute; top: -1px; left: 0; color: #000; }
.cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .text_box > dl > dd { padding-left: 20px; }
@media (max-width: 1023px) { .cf-sec-box.fair_sec_box .list_flex_box .flex_box { width: 100%; }
  .cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub { width: 100%; margin-top: 20px; }
  .cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .basic_list + .basic_list { margin-top: 10px; }
  .cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .basic_list > dt { display: block; width: 100%; margin-bottom: 0; }
  .cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .basic_list > dd { display: block; width: 100%; padding-left: 11px; }
  .cf-sec-box.fair_sec_box .list_flex_box .flex_box.sub .text_box { margin-top: 15px; padding: 0px 0; border-top: none; } }
/* SHPZ_0039 */
.cf-full.social_full_bg { background: none; }
.cf-full.social_full_bg:after { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 1280px; background: #f7f7f7; }
.cf-full.social_full_bg .cf-sec-box.social_sec_box { position: relative; z-index: 2; max-width: 970px; }
.cf-full.social_full_bg .cf-sec-box.social_sec_box.title-after-section { margin-top: 170px; }
.cf-full.social_full_bg .cf-sec-box.social_sec_box.title-after-section .sec-cont { padding-top: 10px; }
.cf-full.social_full_bg .cf-sec-box.social_sec_box .sec-cont { padding: 0; }
.cf-full.social_full_bg .cf-sec-box.social_sec_box.title-after-section .title_2 { position: relative; margin-top: -140px; margin-bottom: 130px; text-align: center; }
.cf-full.social_full_bg .cf-sec-box.social_sec_box.title-after-section .title_2::before { content: ""; display: block; position: absolute; bottom: -86px; left: 50%; width: 1px; height: 60px; margin-left: -0.5px; background-color: #999; }
.cf-full.social_full_bg .cf-sec-box.social_sec_box.title-after-section .title_2:after { content: ""; display: block; position: absolute; bottom: -102px; left: 50%; width: 6px; height: 6px; margin-left: -3.5px; background-color: #000; border-radius: 50%; }
.cf-sec-box.social_sec_box { margin-bottom: 50px; }
.cf-sec-box.social_sec_box.mb0 { margin-bottom: 0; }
.cf-sec-box.social_sec_box .social_img_box { overflow: hidden; width: 100%; border-radius: 10px; }
@media (max-width: 1023px) {
  .cf-full.social_full_bg:after { height:calc(100% - 259px);  }
}
@media (min-width: 1024px) { .cf-sec-box.social_sec_box .social_img_box { border-radius: 20px; } }
.cf-sec-box.social_sec_box .social_img_box img { display: block; width: 100%; height: auto; }
.cf-sec-box.social_sec_box .social_content_box .title_3 { font-weight: bold; font-size: 24px; line-height: 1; }
.cf-sec-box.social_sec_box .social_content_box .content_text_box { margin-top: 16px; }
.cf-sec-box.social_sec_box .social_content_box .content_text_box + .content_text_box { margin-top: 32px; }
.cf-sec-box.social_sec_box .social_content_box .social_img_flex_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cf-sec-box.social_sec_box .social_content_box .social_img_flex_box .social_img_box { width: calc((100% - 20px) / 2); }
.cf-sec-box.social_sec_box .social_content_box .social_img_flex_box .social_img_box img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.cf-sec-box.social_sec_box .social_noti_text { display: block; position: relative; margin-bottom: 15px; padding-left: 15px; font-size: 16px; }
.cf-sec-box.social_sec_box .social_noti_text::before { content: "※"; display: block; position: absolute; top: -1px; left: 0; color: #777777; }
.cf-sec-box.social_sec_box.social_bottom_sec_box .social_content_box { position: relative; }
.cf-sec-box.social_sec_box.social_bottom_sec_box .social_content_box .social_img_box { display: inline-block; width: 614px; }
.cf-sec-box.social_sec_box.social_bottom_sec_box .social_content_box .content_text_box { display: inline-block; width: calc(100% - 645px); margin-bottom: -18px; margin-left: 25px; vertical-align: bottom; }
@media (max-width: 1023px) { .cf-sec-box.social_sec_box .social_content_box .title_3 { font-size: 20px; }
  .cf-sec-box.social_sec_box.social_bottom_sec_box .social_content_box .social_img_box { display: block; width: 100%; }
  .cf-sec-box.social_sec_box.social_bottom_sec_box .social_content_box .content_text_box { display: block; width: 100%; margin-bottom: 0; margin-left: 0; }
  .cf-sec-box.social_sec_box .social_content_box .social_img_flex_box .social_img_box { width: 100%; }
  .cf-sec-box.social_sec_box .social_content_box .social_img_flex_box .social_img_box + .social_img_box { margin-top: 20px; }
  .cf-sec-box.social_sec_box { margin-bottom: 30px; } }
/* SHPZ_0040 */
.cf-sec-box.human_top_visual_sec .visual_box { overflow: hidden; position: relative; height: 400px; background: #f6f6f6; border-radius: 20px; }
@media (max-width: 1023px) { .cf-sec-box.human_top_visual_sec .visual_box { height: auto; border-radius: 10px; }
  .cf-sec-box.social_sec_box .social_content_box .content_text_box + .content_text_box { margin-top: 22px; } }
.cf-sec-box.human_top_visual_sec .visual_box .title_box { position: absolute; top: 105px; left: 100px; z-index: 1; }
.cf-sec-box.human_top_visual_sec .visual_box .title_box .tit__03 { margin: 0; line-height: 1.4; }
.cf-sec-box.human_top_visual_sec .visual_box .img_box { position: relative; width: 100%; height: 100%; background: url(../img/company/bg-talent-pc.png) right 0 no-repeat; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.cf-sec-box.human_top_visual_sec .visual_box .img_box img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.cf-sec-box.human_content_sec_01 { margin-top: 40px; }
.cf-sec-box.human_content_sec_01 .human_content_01_box { border-bottom: 1px solid #ddd; }
.cf-sec-box.human_content_sec_01 .human_content_01_box { position: relative; }
.cf-sec-box.human_content_sec_01 .human_content_01_box > i { position: absolute; }
.cf-sec-box.human_content_sec_01 .human_content_01_box > i img { max-height: 100%; }
@media (max-width: 1023px) { .cf-sec-box.human_content_sec_01 .human_content_01_box { padding-top: 6px; }
  .cf-sec-box.human_content_sec_01 .human_content_01_box > i { top: 42px; left: 0; height: 36px; }
  .cf-sec-box.human_content_sec_01 .human_content_01_box h3 { margin-bottom: 18px; margin-left: 52px; font-size: 24px; }
  .cf-sec-box.human_content_sec_01 .human_content_01_box div { padding: 30px 0 30px 0; } }
@media (min-width: 1024px) { .cf-sec-box.human_content_sec_01 .human_content_01_box > i { top: 40px; left: 94px; height: 72px; }
  .cf-sec-box.human_content_sec_01 .human_content_01_box div { padding: 36px 120px 36px 236px; }
  .cf-sec-box.human_content_sec_01 .human_content_01_box h3 { margin-bottom: 5px; font-size: 28px; } }
.cf-sec-box.human_content_sec_01 .human_content_01_box dd p { font-weight: normal; font-size: 16px; }
@media (max-width: 1023px) { .cf-sec-box.human_content_sec_01 { margin-top: 0; }
  .cf-sec-box.human_content_sec_01 .human_content_01_box > div { padding: 40px 0px 30px; }
  .cf-sec-box.human_top_visual_sec .visual_box { overflow: visible; position: relative; background: #fff; border-radius: 0; }
  .cf-sec-box.human_top_visual_sec .visual_box .title_box { position: static; top: auto; left: auto; z-index: 1; margin-bottom: 25px; }
  .cf-sec-box.human_top_visual_sec .visual_box .title_box .tit__03 { line-height: 30px; }
  .cf-sec-box.human_top_visual_sec .visual_box .title_box .tit__03 br { display: none; }
  .cf-sec-box.human_top_visual_sec .visual_box .img_box { overflow: hidden; height: 0; padding-top: 75%; background: url(../img/company/bg-talent-mobile.png) center center no-repeat; background-size: cover; border-radius: 10px; } }
/* SHPZ_0041 */
.cf-sec-box.intro_sec_box .title_2.after_deco_title { position: relative; margin-bottom: 130px; }
.cf-sec-box.intro_sec_box .title_2.after_deco_title::before { content: ""; display: block; position: absolute; bottom: -86px; left: 50%; width: 1px; height: 60px; margin-left: -0.5px; background-color: #999; }
.cf-sec-box.intro_sec_box .title_2.after_deco_title::after { content: ""; display: block; position: absolute; bottom: -102px; left: 50%; width: 6px; height: 6px; margin-left: -3.5px; background-color: #000; border-radius: 50%; }
.cf-sec-box.human_content_sec_02 .human_insti_box { position: relative; width: 550px; height: 300px; margin: 0 auto; }
.cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box { overflow: hidden; position: absolute; top: 0; width: 300px; height: 300px; padding-top: 80px; text-align: center; border-radius: 50%; }
.cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box .img_box { width: 100%; margin-bottom: 20px; text-align: center; }
.cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box p { font-weight: bold; font-size: 18px; }
.cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box.insti_won_box_01 { left: 0; z-index: 2; border: 2px solid #0072de; background-color: rgba(255, 255, 255, 0.5); }
.cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box.insti_won_box_01 p { color: #0072de; }
.cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box.insti_won_box_02 { right: 0; z-index: 1; border: 2px solid #0072de; background-color: #0072de; }
.cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box.insti_won_box_02 p { color: #fff; }
@media (max-width: 1023px) { .cf-sec-box.intro_sec_box .title_2.after_deco_title br { display: none; }
  .cf-sec-box.human_content_sec_02 .human_insti_box { position: relative; width: 270px; height: 174px; margin: 0 auto; }
  .cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box { overflow: visible; position: absolute; top: 0; width: 150px; height: 150px; padding-top: 23px; text-align: center; border-radius: 50%; }
  .cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box > i { -webkit-transform: scale(0.63); transform: scale(0.63); }
  .cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box.insti_won_box_01 p, .cf-sec-box.human_content_sec_02 .human_insti_box .insti_won_box.insti_won_box_02 p { position: absolute; top: calc(100% + 10px); right: 0; left: 0; color: #0072de; text-align: center; line-height: 1; } }
/* SHPZ_0042 */
.cf-sec-box.human_content_sec_03 .human_welf_box { position: relative; width: 870px; height: 240px; margin: 0 auto 55px; }
.cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box { overflow: hidden; position: absolute; width: 240px; height: 240px; padding-top: 72px; text-align: center; border-radius: 50%; }
.cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box p { font-weight: bold; font-size: 18px; line-height: 1.2; color: #fff; }
.cf-sec-box.human_content_sec_03 .intro_flex_box { margin-bottom: 20px; }
.cf-sec-box.human_content_sec_03 .intro_flex_box.mb0 { margin-bottom: 0; }
@media (max-width: 1023px) { .cf-sec-box.human_content_sec_03 .human_welf_box { position: relative; width: 290px; height: 290px; margin: 0 auto 55px; background: url(../img/company/bg-benefit.png) no-repeat; background-size: 290px; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box { overflow: hidden; position: absolute; width: 160px; height: 160px; padding-top: 37px; text-align: center; border-radius: 50%; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box p { position: absolute; top: 105px; right: 0; left: 0; text-align: Center; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box.welf_won_box_01 { top: 0; left: 0; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box.welf_won_box_02 { top: 0; right: 0; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box.welf_won_box_03 { bottom: 0; left: 0; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box.welf_won_box_04 { right: 0; bottom: 0; } }
@media (min-width: 1024px) { .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box { top: 0; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box.welf_won_box_01 { left: 0; z-index: 4; background-color: #1428a0; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box.welf_won_box_02 { left: 210px; z-index: 3; background-color: #0072de; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box.welf_won_box_03 { left: 420px; z-index: 2; background-color: #4e55ea; }
  .cf-sec-box.human_content_sec_03 .human_welf_box .welf_won_box.welf_won_box_04 { right: 0; z-index: 1; background-color: #227ca6; }
  .cf-sec-box.human_content_sec_03 .intro_flex_box + .intro_flex_box { margin-top: 24px; } }
/* SHPZ_0034 */
.cf-sec-box.history_sec .sticky_wrap { position: relative; padding-top: 25px; }
.cf-sec-box.history_sec .sticky_wrap .sticky_menu li a { display: inline-block; padding: 9px 0; font-weight: bold; font-size: 24px; line-height: 1; color: #000; }
.cf-sec-box.history_sec .history_list_wrap .history_list dl { border-bottom: 1px solid #ddd; }
.cf-sec-box.history_sec .history_list_wrap .history_list dl dt { font-weight: bold; color: #0072de; }
.cf-sec-box.history_sec .history_list_wrap .history_list dl dd p { position: relative; padding-left: 12px; }
.cf-sec-box.history_sec .history_list_wrap .history_list dl dd p + p { margin-top: 6px; }
.cf-sec-box.history_sec .history_list_wrap .history_list dl dd p::before { content: ""; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
.cf-sec-box .history_list .history_bt { position: relative; margin: -4px 0 0 10px; }
@media (max-width: 1023px) { .cf-sec-box.history_sec .sticky_wrap .sticky_menu { position: -webkit-sticky; position: sticky; top: -42px; left: 0; z-index: 10; width: 100%; background: #fff; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu ul { position: relative; width: 100%; margin-top: 30px; border: 1px solid #ddd; border-bottom: none; background: #fff; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu ul:after { content: ''; display: block; clear: both; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu li { float: left; position: relative; width: 50%; border-bottom: 1px solid #ddd; text-align: center; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu li:nth-child(2n) { border-left: 1px solid #ddd; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu li a { display: block; padding: 12px 0; font-size: 20px; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu li.active { position: relative; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu li.active a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; background: none; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu .tit__03 { margin-top: 0; margin-bottom: 15px; }
  .cf-sec-box.history_sec .history_list_wrap .history_list dl { display: block; padding: 26px 0; }
  .cf-sec-box.history_sec .history_list_wrap .history_list dl dt { width: 100%; margin-bottom: 10px; font-size: 24px; } }
@media (min-width: 1024px) { .cf-sec-box.history_sec .sticky_wrap .sticky_menu { position: -webkit-sticky; position: sticky; top: 137px; left: 0; width: 335px; padding-top: 31px; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu .tit__03 { margin-top: 0; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu ul { margin-top: 32px; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu li a { position: relative; }
  .cf-sec-box.history_sec .sticky_wrap .sticky_menu li.active a:after { content: ""; display: block; position: absolute; bottom: 6px; left: 0; width: 100%; height: 2px; background: #000; }
  .cf-sec-box.history_sec .history_list_wrap { width: calc(100% - 585px); margin-top: -340px; margin-left: 585px; }
  .cf-sec-box.history_sec .history_list_wrap .history_list dl { padding: 36px 0; }
  .cf-sec-box.history_sec .history_list_wrap .history_list dl dd { width: calc(100% - 120px); }
  .cf-sec-box.history_sec .history_list_wrap .history_list dl { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .cf-sec-box.history_sec .history_list_wrap .history_list dl dt { width: 120px; font-size: 28px; line-height: 1; } }
.input_bottom_noti p, .input_bottom_noti li { color: #777777; }
.input_bottom_noti li:before { background-color: #777777; }
.end_event_layer { max-width: 400px; }
.end_event_layer .layer-text { margin-bottom: 20px; text-align: center; }
@media (max-width: 1023px) { .cf-sec-box .receipt_line_section_box { padding: 35px 20px; }
  .cf-sec-box .tbl__rwd .tbl__rwd-content > li > div:first-child.td_left { padding-left: 0; }
  .cf-sec-box .write_container { padding: 8px 0px; }
  .cf-sec-box .write_container .input_item { margin: 10px 0 10px; padding: 0; }
  .cs-write-section .input_cl_title .floatL, .cs-write-section .input_cl_title .floatR { float: none; }
  .cs-write-section .input_cl_title .floatL { margin-bottom: 15px; }
  .cf-sec-box .input_item_content_list { margin-top: 25px; margin-bottom: -10px; }
  .cf-sec-box .input_item_content_list .input_cl_cont .center_tal li > div { padding: 0px 0px; }
  .cf-sec-box .input_item_content_list .input_cl_cont .center_tal li > div:nth-child(1) { display: inline-block; padding-right: 19px; }
  .cf-sec-box .input_item_content_list .input_cl_cont .center_tal li > div:nth-child(2) { display: inline-block; padding-left: 19px; }
  .cf-sec-box .input_item_content_list .input_cl_cont .center_tal li > div:nth-child(3) { width: 100%; margin: 10px 0; text-align: left; }
  .cf-sec-box .input_item_content_list .input_cl_cont .center_tal li > div:nth-child(2):after, .cf-sec-box .input_item_content_list .input_cl_cont .center_tal li > div:nth-child(3):after { display: none; }
  .cf-sec-box .input_item_content_list .input_cl_cont .center_tal li > div:last-child { width: 100%; }
  .cf-sec-box .section-float-box .search_box_item { float: none; width: 100%; }
  .cf-sec-box .section-float-box .search_box_item.floatL { margin-bottom: 30px; }
  .cf-sec-box .tbl__rwd .tbl__rwd-content > li { display: block; }
  .cf-sec-box .tbl__rwd.cs_tal ul > li > div:nth-child(1) { display: block; margin-bottom: 5px; }
  .cf-sec-box .tbl__rwd.cs_tal ul > li > div:nth-child(2) { display: inline-block; padding-right: 25px; }
  .cf-sec-box .tbl__rwd.cs_tal ul > li > div:nth-child(3) { display: inline-block; }
  .cf-sec-box .no_list_tal .tbl__rwd-content > li > div { width: 100% !important; padding: 85px; font-weight: bold; text-align: center; }
  .cf-sec-box .no_list_tal .tbl__rwd-card-content > li { margin-top: 0; padding: 0; border: none !important; }
  .cf-sec-box .no_list_tal .tbl__rwd-card-content > li > div { width: 100% !important; padding: 55px 0 !important; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 20px !important; text-align: center; }
  .cf-sec-box.line_content_box_section .right_btn_box { position: static; right: auto; bottom: auto; margin-top: 30px; margin-left: -160px; }
  .cf-sec-box .section-view-meta .view_date_meta { position: relative; }
  .cf-sec-box .section-view-meta .view_date_meta:after { content: ""; position: absolute; top: 3px; right: -23px; width: 1px; height: 16px; background-color: #ddd; }
  .cf-sec-box .section-view-meta .view_date_meta:last-child:after { display: none; }
  .cf-sec-box .view_date_meta span.meta_title { display: none; }
  .cf-sec-box .view_date_meta span.meta_vaule { padding-left: 0; }
  .cf-sec-box .write_container .input_item .input_sub_botton_box { margin-top: 15px; text-align: center; }
  .cf-sec-box .member-form-list li > label { display: inline-block; margin-bottom: 7px; }
  .cf-sec-box.border_sec_box .right_btn_box { margin-top: 20px; } }
.cf-sec-box .pc_hidden { display: none; }
.cf-sec-box .mo_visible { display: none !important; }
.tit__page.mo_visible { display: none !important; }
.cf-sec-box .mo_hidden { display: block; }
.cf-sec-box button.mo_hidden, .cf-sec-box .view_date_meta.mo_hidden { display: inline-block; }
@media (max-width: 1023px) { .cf-sec-box .mo_visible { display: block !important; }
  .tit__page.mo_visible { display: block !important; }
  .tit__page.mo_hidden { display: none !important; }
  .cf-sec-box .mo_hidden { display: none !important; }
  .cf-sec-box .pc_hidden { display: block; }
  .cf-sec-box .form__textarea textarea { min-height: 200px; }
  .cf-sec-box .list_top_search_box .floatL { float: none; }
  .cf-sec-box .list_top_search_box .floatR { float: none; margin-top: 10px; }
  .cf-sec-box .list_search_box { display: block; }
  .cf-sec-box .list_search_box .form__select { display: inline-block; margin-right: 0; margin-bottom: 10px; }
  .cf-sec-box .no_list_tal .tbl__rwd-content > li > div { width: 100%; padding: 85px; font-weight: bold; font-size: 20px; }
  .cf-sec-box.view-secton-area .sec-cont { margin-top: 5px; }
  .cf-sec-box .view_content_box .view_navi dt { width: 85px; padding: 13px 0; font-size: 15px; }
  .cf-sec-box .view_content_box .view_navi dd { width: calc(100% - 85px); }
  .cf-sec-box .view_content_box .view_navi dd a { padding: 13px 0; }
  .cf-sec-box .view_content_box .view_navi dd a span { height: 24px; max-height: 24px; font-size: 15px; line-height: 1.5; }
  .cf-sec-box .box_style_list .list { margin: -26px 0; }
  .cf-sec-box .box_style_list .list li { display: block; float: none; width: 100%; margin: 26px 0 26px; }
  .cf-sec-box .box_style_list .list li .info_box .list_title { height: auto; max-height: 52px; font-size: 20px; }
  .cf-sec-box .write_container .input_item .input_content .form__radio .input { min-width: 100px; }
  .cf-sec-box .content_search_box { padding: 20px 20px 20px; }
  .cf-sec-box .search_box_item.wid_50 .form__select { display: block; width: 100%; margin-bottom: 10px; }
  .cf-sec-box .search_box_item.wid_50 .form__select:nth-child(2) { margin-left: 0; }
  .cf-sec-box .section-float-box .search_box_item.floatL { margin-bottom: 10px; }
  .cf-sec-box .search_box_item .item_search_input .form__text { width: 100%; }
  .cf-sec-box .search_box_item .item_search_input .btn-search { width: 100%; margin-left: 0; }
  .cf-sec-box .search_box_item .item_search_input .btn-search i { font-style: normal; font-weight: bold; font-size: 16px; line-height: 40px; text-indent: 0; background: none; }
  .cf-sec-box.line_content_box_section .sec-cont { margin-bottom: 60px; padding: 30px; }
  .cf-sec-box.line_content_box_section.mo_bottom_line_sec .sec-cont { margin-bottom: 10px; }
  .cf-sec-box.line_content_box_section.line_img_content_box .sec-cont { padding-left: 30px; }
  .cf-sec-box.line_content_box_section .line_box_content h5 { text-align: center; }
  .cf-sec-box.line_content_box_section .line_box_img { position: static; top: auto; left: auto; margin: 0 auto 30px; text-align: center; }
  .cf-sec-box.line_content_box_section .right_btn_box { position: static; right: auto; bottom: auto; width: 100%; margin-top: 30px; margin-left: 0; }
  .cf-sec-box .list_total_search_box .list_search_input { width: 100%; }
  .cf-sec-box .list_total_search_box .list_search_input .form__text { width: calc(100% - 110px); margin-right: 10px; }
  .cf-sec-box .list_total_search_box .list_search_input.one_bt { width: 100%; }
  .cf-sec-box .list_total_search_box .list_search_input.one_bt .form__text { width: calc(100% - 110px); margin-right: 10px; }
  .cf-sec-box .section-view-meta .view_date_meta { margin-right: 38px; }
  .cf-sec-box .section-view-meta .view_date_meta:after { right: -19px; }
  .cf-sec-box .view_content_box .view_file_area dt { width: 95px; padding: 15px 0; }
  .cf-sec-box .view_content_box .view_file_area dd { width: calc(100% - 95px); }
  .cf-sec-box .view_content_box .view_file_area dd a { padding: 15px 0; }
  .cf-sec-box .view_content_box .edit_container { padding: 35px 0px; }
  .cf-sec-box .view_content_box .view_top_edit_info_box { padding: 20px 20px 20px; }
  .cf-sec-box .view_content_box .view_top_edit_info_box dl { display: block; width: 100%; margin-bottom: 10px; }
  .cf-sec-box .view_content_box .view_top_edit_info_box dl:last-child { margin-bottom: 0; }
  .cf-sec-box .view_content_box .view_top_edit_info_box dl dt { width: 120px; }
  .cf-sec-box .view_answer_area { padding: 20px 15px 20px; }
  .cf-sec-box .view_answer_area .answer_content_box { padding-top: 15px; padding-left: 0; }
  .cf-sec-box .view_answer_area .answer_title_box { padding-right: 0; padding-bottom: 15px; padding-left: 65px; }
  .cf-sec-box .view_answer_area .answer_title_box .answer_date { position: static; top: auto; right: auto; }
  .cf-sec-box .tbl__rwd ul > li > div.td_left > a > i.list_label { margin-right: 10px; }
  .cf-sec-box.title-exist-secton .sec-tit .tit__03 span { display: block; margin-top: 7px; margin-left: 0; line-height: 1.5; }
  .cf-sec-box .line_info_box { padding: 20px; }
  .cf-sec-box .member-form-list li .member-radio-form > span + span { margin-top: 7px; margin-left: 0; }
  .cf-sec-box .tbl__normal.receipt_detail_tbl { min-width: 700px; }
  .cf-sec-box.tab_sec_box { margin-top: 60px; margin-bottom: 30px; }
  .cf-sec-box .my_sec_cont_box .mo_1_col_table .tbl__rwd-card-content > li { display: none; }
  .cf-sec-box .my_sec_cont_box .mo_1_col_table .tbl__rwd-card-content > li:first-child { display: block; } }
.pg__main { padding-top: 0; }
.main-visual { position: relative; }
.main-visual .img { display: none; overflow: hidden; width: 100%; }
.main-visual .img img { position: relative; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; max-width: 3840px; }
.main-visual .img-m img { width: 100%; }
.main-visual .txt { position: absolute; width: 100%; }
.main-visual .tit { font-weight: 700; }
.main-visual .mv-control { position: absolute; bottom: 30px; left: 0; right: 0; z-index: 10; text-align: center; font-size: 0; }
.main-visual .mv-pagination { display: inline-block; line-height: 0; vertical-align: top; margin-top: 5px; }
.main-visual .mv-pagination .swiper-pagination-bullet { margin-left: 7px; margin-right: 7px; vertical-align: top; width: 84px; height: 2px; display: inline-block; border:0px; background:rgba(0,0,0,.5);  border-radius: 0px !important; outline-color: #000; }
.main-visual .mv-pagination .swiper-pagination-bullet-active {  position:relative; background-color: #4c4c4c; }
.main-visual .mv-pagination .swiper-pagination-bullet:hover { background-color: #4c4c4c; }
.main-visual .mv-pagination .swiper-pagination-bullet-active:after { position:absolute; content:''; opacity:1; border:1px solid #fff; z-index:100; left: 0px; top:0px; width:100%;  }
.main-visual .mv-pagination span.swiper-pagination-bullet:before { top:-10px;  content: ''; display: inline-block; width:100%; height:20px; position:relative; background: transparent; }


.main-visual .mv-btn { display: inline-block; margin-left: 14px; line-height: 0; vertical-align: top; }
.main-visual .mv-btn .btn-play { display: none; }
.main-visual .mv-btn .btn-pause > span, .main-visual .mv-btn .btn-play > span { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.main-visual .mv-btn .btn-play:before, .main-visual .mv-btn .btn-pause:before { content: ''; display: inline-block; width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: transparent transparent transparent #000; border-style: solid; cursor: pointer; vertical-align: top; }
.main-visual .mv-btn .btn-play:before { height: 10px; margin-right: 2px; border-width: 6px 0 6px 10px; }
.main-visual .mv-btn .btn-pause:before { height: 12px; border-style: double; border-width: 0px 0 0px 12px; }
.main-visual .btn-mv-prev, .main-visual .btn-mv-next {display: none;overflow: hidden;position: absolute;top: calc(50% - 30px); z-index: 10; width: 30px; height: 60px;  outline-color: #000; }
.main-visual .btn-mv-prev span,
.main-visual .btn-mv-next span { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.main-visual .btn-mv-prev:after,
.main-visual .btn-mv-next:after { content: ''; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; }
.main-visual .btn-mv-prev:after { margin-left: 26px; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); border-bottom: 2px solid #000; border-right: 2px solid #000; }
.main-visual .btn-mv-next:after { margin-left: -26px; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); border-top: 2px solid #000; border-left: 2px solid #000; }

.main-visual .swiper-slide[data-bgcolor="bk"] .tit, .main-visual .swiper-slide[data-bgcolor="bk"] .tit + p { color: #fff; }
.main-visual .swiper-slide[data-bgcolor="bk"] .btn__40 { background-color: #fff; color: #000; border-color: #fff; }
.main-visual.mv-bk .mv-btn .btn-play:before, .main-visual.mv-bk .mv-btn .btn-pause:before { border-color: transparent transparent transparent #fff; }
.main-visual.mv-bk .btn-mv-prev:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; }
.main-visual.mv-bk .btn-mv-next:after { border-top: 2px solid #fff; border-left: 2px solid #fff; }

.main-visual.mv-bk .mv-pagination .swiper-pagination-bullet { background:rgba(0,0,0,.3); }
.main-visual.mv-bk .mv-pagination .swiper-pagination-bullet-active { position:relative; }
.main-visual.mv-bk .mv-pagination .swiper-pagination-bullet:hover { background-color: rgba(255,255,255,.5); }
.main-visual.mv-bk .mv-pagination .swiper-pagination-bullet-active:after {  border:1px solid #fff; }


@media (max-width: 1023px) { .main-visual .txt { top: 13.06vw; left: 0; text-align: center; }
  .main-visual .tit { font-size: 7.78vw; line-height: 9.45vw; }
  .main-visual .tit + p { margin-top: 3.61vw; margin-bottom: 7.22vw; font-size: 4.44vw; }
  .main-visual .mv-pagination .swiper-pagination-bullet { width:7vw; }

  .main-visual .btn-mv-prev,
  .main-visual .btn-mv-next { display: block; }
  .main-visual .btn-mv-prev { left:16px; }
  .main-visual .btn-mv-next { right:16px; }
  .main-visual .btn-mv-prev:after { margin-left: 14px;  }
  .main-visual .btn-mv-next:after { margin-left: -14px; }
  .main-visual .btn-mv-prev:after,
  .main-visual .btn-mv-next:after { width: 24px; height:24px; }

}

@media (min-width: 1024px) and (max-width: 1439px) { .main-visual .img-m { display: none; }
  .main-visual .img { display: block; height: 37.22vw; }
  .main-visual .img img { width: auto; height: 100%; }
  .main-visual .tit { font-size: 2.78vw; line-height: 3.33vw; }
  .main-visual .tit + p { margin-top: 1.66vw; margin-bottom: 3.19vw; }
  .main-visual .txt { left: 0; top: 8vw; width: 100%; padding: 0 5.55vw; }
  .main-visual .btn-mv-prev, .main-visual .btn-mv-next { display: block; }
  .main-visual .btn-mv-prev { left: 10px; }
  .main-visual .btn-mv-next { right: 10px; }
}
@media (min-width: 1440px) { .main-visual .img-m { display: none; }
  .main-visual .img { display: block; height: 500px; }
  .main-visual .tit { font-size: 40px; line-height: 48px; }
  .main-visual .tit + p { margin-top: 24px; margin-bottom: 46px; }
  .main-visual .txt { top: 116px; left: calc(50% - 700px); width: 1392px; margin: 0 auto; padding: 0 100px; }
  .main-visual .btn-mv-prev, .main-visual .btn-mv-next { display: block; }
  .main-visual .btn-mv-prev {left: calc(50% - 696px);}
  .main-visual .btn-mv-next {right: calc(50% - 696px);} }
@media screen and (min-width: 1440px) and (min-width: 1921px) { .main-visual .txt { width: 75%; /* top: 6.04vw; padding: 0 5.55vw; */   } }
.main-search { display: none; }
@media (min-width: 1024px) { .main-search { display: block; width: 920px; margin: 0 auto; text-align: center; }
  .main-search .main-search-form-wrap { position: relative; }
  .main-search .main-search-form { padding: 5px 10px; border: 1px solid #a9a9a9; }
  .main-search .main-search-form .btn__img {position: absolute;right: 10px;top: 8px;width: 36px;height: 36px;}
  .main-search .form__text .btn__delete-input { right: 50px; }
  .main-search .form__text .input { width: calc(100% - 40px); border-color: transparent; }
  .main-search .main-search-tag { margin-top: 10px; text-align: center; }
  .main-search .main-search-tag a { margin: 5px 10px 0 10px; color: #444; }
  .main-search .main-search-tag a:before { content: '#'; }
  .main-search .main-search-form-wrap.is-active .main-search-form { border-color: #000; }
  .main-search .main-search-form-wrap.is-active .search-expectation { display: block; }
  .main-search .search-expectation { top: 51px; }
  .main-search .search-expectation li a { display: block; padding: 10px 20px; }
  .main-search .search-expectation li.is-focus a { background-color: #f7f7f7; }
  .main-search .search-expectation li + li { margin-top: 0; } }
.tit__02 { text-align: center; }

/* 궁금하신 제품bg */
.select-product-bg { background-color: #f7f7f7; }

@media (min-width: 1024px) {
  .select-product-bg {margin-top: 80px;padding: 20px 0 80px 0;}
}

@media (max-width: 1023px) {
  .select-product-bg { margin-top: 0px; padding-top: 20px; padding-bottom: 40px; }
}


.main-search-product ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.main-search-product li em { position: relative; display: block; }
.main-search-product li span { display: inline-block; font-weight: 700; line-height: 1; letter-spacing: -0.025em; }
.main-search-product-list .btn-more { display: none; }


.main-search-product li img { background:#fff; border-radius:16px; }

.main-search .main-search-form,
.app-search .app-search-form { border-radius:40px;}

@media (max-width: 1023px) { .main-search-product ul {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: flex-start;}
  .main-search-product li {width: 25%;height: 100px;margin-bottom: 13px;padding-top: 7px;text-align: center;}
  .main-search-product li em { width: 60px; height: 60px; margin: 0 auto 10px auto; }
  .main-search-product-list {position: relative;overflow: hidden;/* height: 223px; */height: 454px; margin-top:20px;}
  .main-search-product-list .btn-more {width: 25%;height: 100px;display: block;position: absolute; left: 25%; bottom: 9px;/* padding-top: 16px; */padding-top: 10px; background-color:#f7f7f7;}
  .main-search-product-list .btn-more i { display: block; /* margin: 0 auto 28px auto; */  margin: 0 auto 20px auto; }
  .main-search-product-list .btn-more span { font-weight: 700; line-height: 1; font-size: 16px; }
  .main-search-product-list.is-show { height: auto; overflow: visible; }
  .main-search-product-list.is-show .btn-more { display: none; }
  .main-search-product-list.is-show ul:after { content: ''; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
  .main-search-product li span,
  .main-search-product-list .btn-more span { font-size:14px; }
}
@media (max-width: 1023px) and (max-width: 359px) { .main-search-product-list .btn-more, .main-search-product li { width: 50%; } }
@media screen and (max-width: 1023px) and (min-width: 600px) { .main-search-product-list .btn-more, .main-search-product li { width: 25%; }
  .main-search-product-list .btn-more { right: 0; } }
@media (min-width: 1024px) { .main-search-product ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .main-search-product li { width: 192px; height: 195px; padding-top: 45px; text-align: center; }
  .main-search-product li:nth-child(n + 8) { margin-top: 5px; }
  .main-search-product li em { width: 96px; height: 96px; margin: 0 auto 20px auto; }
  .main-search-product li a { display: block; }
  .main-search-product li a:hover span, .main-search-product li a:focus span { border-bottom: 2px solid #000; }
  .main-search-product li em { position: relative; }
  .main-search-product li em:before { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; border-radius: 24px; background-color: rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 1s cubic-bezier(0.32, 0.66, 0.13, 1.52); transition: 1s cubic-bezier(0.32, 0.66, 0.13, 1.52); z-index:1;  /* z-index: -1; */ }
  .main-search-product li a:focus em:before, .main-search-product li a:hover em:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  .main-search-product li em.main-mobile-phone:before, .main-search-product li em.main-pc:before, .main-search-product li em.main-monitor:before, .main-search-product li em.main-tv:before, .main-search-product li em.main-iot:before { background-color: #cb5cf4; }
  .main-search-product li em.main-printer:before, .main-search-product li em.main-robot-cleaner:before, .main-search-product li em.main-air-purifier:before, .main-search-product li em.main-kitchen:before, .main-search-product li em.main-home-theaters:before { background-color: #86de09; }
  .main-search-product li em.main-aircon:before, .main-search-product li em.main-refrigerator:before, .main-search-product li em.main-washer:before, .main-search-product li em.main-etc:before { background-color: #00b3e3; }
  .main-search-product li em.main-mobile-phone:before {left: 24px;top: 12px;}
  .main-search-product li em.main-pc:before {left: 34px;top: 71px;}
  .main-search-product li em.main-refrigerator:before { left: 64px; top: 72px; }
  .main-search-product li em.main-tv:before {left: 12px;top: 10px;}
  .main-search-product li em.main-monitor:before {left: 72px;top: 56px;}
  .main-search-product li em.main-washer:before {left: 12px;top: 16px;}
  .main-search-product li em.main-aircon:before {left: 60px;top: 14px;}
  .main-search-product li em.main-printer:before {left: 52px;top: 18px;}
  .main-search-product li em.main-robot-cleaner:before {left: 68px;top: 64px;}
  .main-search-product li em.main-air-purifier:before {left: 30px;top: 16px;}
  .main-search-product li em.main-kitchen:before {left: 41px;top: 63px;}
  .main-search-product li em.main-home-theaters:before {left: 66px;top: 15px;}
  .main-search-product li em.main-iot:before { left: 16px; top: 50px; }
  .main-search-product li em.main-etc:before {left: 55px;top: 18px;}
}
@media screen and (min-width: 1024px) and (max-width: 1440px) { .main-search-product li { -webkit-box-flex: 1; -ms-flex: 1 0 14%; flex: 1 0 14%; } }
@-webkit-keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }

.main-banner > li .tit { display: block; margin-bottom: 6px; line-height: 1; }
.main-banner > li .img { overflow: hidden; }
.main-banner > li .img img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); -webkit-transform: rotate(0.001deg); transform: rotate(0.001deg); }
@media (max-width: 1023px) { .main-banner { margin-top: 0px; padding-top:10px; }
  .main-banner > li .tit { margin-top: 20px; font-size: 20px; }
  .main-banner > li .tit, .main-banner > li .tit + p { margin-left: 10px; }
  .main-banner > li + li { margin-top: 30px; }
  .main-banner > li .img { border-radius: 10px; } }
@media (min-width: 1024px) { .main-banner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top:30px; }
  .main-banner > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .main-banner > li a { display: block; }
  .main-banner > li + li { margin-left: 24px; }
  .main-banner > li .tit { margin-top: 20px; font-size: 24px; }
  .main-banner > li .tit, .main-banner > li .tit + p { margin-left: 24px; }
  .main-banner > li .img { border-radius: 20px; }
  .main-banner > li a:hover .img img, .main-banner > li a:focus .img img { -webkit-transform: scale(1.05); transform: scale(1.05); } }
/* 주요 서비스 안내 */
.main-service-info .tit__02 { text-align: center; }
.main-service-info li .tit { display: block; }
.main-service-info li .img img { width: 100%; }
@media (max-width: 1023px) { .main-service-info { margin-top: 60px; }
  .main-service-info ul { padding-top: 20px; }
  .main-service-info li { border-bottom: 1px solid #ddd; }
  .main-service-info li:first-child { border-top: 1px solid #ddd; }
  .main-service-info li > a { position: relative; display: block; height: 70px; padding: 20px 20px 20px 84px; }
  .main-service-info li > a:after { content: ''; position: absolute; right: 3px; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 12px; height: 12px; margin-top: -5px; border-top: 1px solid #000; border-right: 1px solid #000; }
  .main-service-info li .tit { font-size: 20px; line-height: 30px; }
  .main-service-info li .tit + p { display: none; }
  .main-service-info li i[class*=icon-] { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%) scale(0.5); transform: translateY(-50%) scale(0.5); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; z-index: 1; } }
@media (min-width: 1024px) { .main-service-info ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main-service-info li { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 0 33.3%; flex: 1 0 33.3%; height: 208px; padding: 20px 0; }
  .main-service-info li > a { position: relative; display: block; height: 100%; padding: 16px 160px 0 20px; border-left: 1px solid #ddd; }
  .main-service-info li > a:after { content: '바로가기'; position: absolute; bottom: 16px; left: 20px; text-decoration: underline; font-weight: 700; }
  .main-service-info li:nth-child(3n + 1) > a { border-left: none; }
  .main-service-info li:nth-child(n + 4) > a:before { content: ''; position: absolute; top: -20px; left: 20px; right: 20px; height: 1px; background-color: #ddd; }
  .main-service-info li .tit { margin-bottom: 10px; font-size: 24px; }
  .main-service-info li i[class*=icon-] { position: absolute; right: 48px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
  .main-service-info li p { overflow: hidden; position: relative; }
  .main-service-info li p span { position: relative; top: -100px; left: 0; -webkit-transition: top .2s ease-in-out; transition: top .2s ease-in-out; }
  .main-service-info li a:hover p span, .main-service-info li a:focus p span { top: 0; } }
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) { .main-service-info li { height: 228px; }
  .main-service-info li > a { padding-right: 144px; }
  .main-service-info li p br { display: none; } }
/*  서비스 팁 */
.main-service-tip { background-color: #131313; text-align: center; color: #fff; }
.main-service-tip .btn-mst-prev, .main-service-tip .btn-mst-next { display: none; }
.main-service-tip .mst-control { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; text-align: center; font-size: 0; }
.main-service-tip .mst-pagination { display: inline-block; line-height: 0; vertical-align: top; position: relative; top: 5px; }
.main-service-tip .mst-pagination .swiper-pagination-bullet { margin-left: 7px; margin-right: 7px; vertical-align: top; }
.main-service-tip .mst-btn { display: inline-block; margin-left: 14px; line-height: 0; vertical-align: top; }
.main-service-tip .mst-btn .btn-play { display: none; }
.main-service-tip .mst-btn .btn-pause > span, .main-service-tip .mst-btn .btn-play > span { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.main-service-tip .mst-btn .btn-play:focus, .main-service-tip .mst-btn .btn-pause:focus { outline: 1px dotted #fff; }
.main-service-tip .mst-btn .btn-play:before, .main-service-tip .mst-btn .btn-pause:before { content: ''; display: inline-block; width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: transparent transparent transparent #fff; border-style: solid; cursor: pointer; vertical-align: top; }
.main-service-tip .mst-btn .btn-play:before { height: 10px; margin-right: 2px; border-width: 6px 0 6px 10px; }
.main-service-tip .mst-btn .btn-pause:before { height: 12px; border-style: double; border-width: 0px 0 0px 12px; }
.main-service-tip .mst-pagination .swiper-pagination-bullet {  background-color: #4c4c4c; border: none; -webkit-transition: width .2s; transition: width .2s; width: 84px; height: 2px; border-radius: 0px !important; outline:0; outline-color: #4c4c4c; }
main-service-tip .mst-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 84px; height: 2px; border-radius:0px !important; background-color: #fff; }
.main-service-tip .mst-pagination span.swiper-pagination-bullet:before { top:-10px;  content: ''; display: inline-block; width:100%; height:20px; position:relative; background: transparent; }
.main-service-tip .mst-pagination .swiper-pagination-bullet:hover { background-color: #4c4c4c; }

.main-service-tip .swiper-slide { position: relative; }
.main-service-tip .swiper-slide .img { position: absolute; }
.main-service-tip-swiper .swiper-slide > a { display: block; border-radius: 20px; -webkit-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-size: cover; outline-color: #fff; }
.main-service-tip-swiper .swiper-slide .tit { display: block; font-weight: 700; }
.main-service-tip .swiper-slide .bg { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; border-radius: 20px; }
.main-service-tip .swiper-slide .bg img { width: 100%; height: 100%; }
.main-service-tip .swiper-slide .tit, .main-service-tip .swiper-slide .tit + p { position: relative; }
@media (max-width: 1023px) { .main-service-tip { margin-top: 60px; padding-top: 55px; padding-bottom: 40px; }
  .main-service-tip .tit__02 { margin-top: 0; margin-bottom: 10px; }
  .main-service-tip .main-service-tip-swiper { position: relative; margin-top: 30px; padding-bottom: 52px; }
  .main-service-tip-swiper .swiper-slide { text-align: left; }
  .main-service-tip-swiper .swiper-slide > a { position: relative; display: block; height: 160px; padding: 50px 170px 0 30px; }
  .main-service-tip-swiper .swiper-slide .bg { height: 160px; border-radius: 10px; }
  .main-service-tip-swiper .swiper-slide .tit { position: absolute; top: 50%; left: 30px; right: 170px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; line-height: 26px; z-index: 1; }
  .main-service-tip-swiper .swiper-slide .tit br { display: none; }
  .main-service-tip-swiper .swiper-slide .tit + p { display: none; }
  .main-service-tip .mst-pagination .swiper-pagination-bullet,
  .main-service-tip .mst-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:7vw; } }
.main-service-tip .swiper-slide .img { bottom: -40px; right: 0px; width: 190px; height: 190px; }
@media (min-width: 1024px) { .main-service-tip { margin-top: 80px; padding: 80px 0; }
  .main-service-tip .tit__02 { margin-top: 0; margin-bottom: 16px; }
  .main-service-tip .main-service-tip-swiper { position: relative; margin-top: 40px; padding-left: 64px; padding-right: 64px; }
  .main-service-tip-swiper .swiper-slide { padding: 40px 0; text-align: left; }
  .main-service-tip-swiper .swiper-slide > a { height: 250px; padding: 60px 50px; }
  .main-service-tip-swiper .swiper-slide .bg { height: 250px; }
  .main-service-tip-swiper .swiper-slide .tit { display: block; font-size: 24px; font-weight: 700; line-height: 30px; }
  .main-service-tip-swiper .swiper-slide .tit + p { margin-top: 27px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
  .main-service-tip-swiper .btn-mst-prev, .main-service-tip-swiper .btn-mst-next { overflow: hidden; display: block; position: absolute; top: calc(50% - 30px); z-index: 10; width: 30px; height: 60px; outline-color: #fff; }
  .main-service-tip-swiper .btn-mst-prev span, .main-service-tip-swiper .btn-mst-next span { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .main-service-tip-swiper .btn-mst-prev:after, .main-service-tip-swiper .btn-mst-next:after { content: ''; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; }
  .main-service-tip-swiper .btn-mst-prev:after { margin-left: 16px; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); border-bottom: 2px solid #fff; border-right: 2px solid #fff; }
  .main-service-tip-swiper .btn-mst-next:after { margin-left: -16px; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); border-top: 2px solid #fff; border-left: 2px solid #fff; }
  .main-service-tip-swiper .btn-mst-prev { left: calc(50% - 696px); }
  .main-service-tip-swiper .btn-mst-next { right: calc(50% - 696px); }
  .main-service-tip .swiper-slide .img { right: 60px; bottom: -60px; width: 246px; height: 246px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
  .main-service-tip .swiper-slide a { overflow: hidden; position: relative; }
  .main-service-tip .swiper-slide a:hover { overflow: visible; }
  .main-service-tip .swiper-slide a:hover .img { right: 20px; bottom: -40px; width: 330px; height: 330px; } }
@media screen and (min-width: 1024px) and (max-width: 1440px) { .main-service-tip-swiper .btn-mst-prev { left: 10px; }
  .main-service-tip-swiper .btn-mst-next { right: 10px; } }
.main-service-tip-swiper li .is-focus { outline: 10px dashed red; }
/* 블로그 */
.main-blog { margin-top: 60px; }
.main-blog-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.main-blog-list li { position: relative; border-radius: 20px; }
.main-blog-list li > a { display: block; height: 100%; }
.main-blog-list li .tit { display: block; }
.main-blog-list li.main-company-introduction { position: relative; }
.main-blog-list li.main-company-introduction .tit { position: absolute; width: auto; height: auto; margin: 0; font-size: 18px; }
.main-blog-list li .tit + p br { display: none; }
.main-blog-list li .tit { overflow: hidden; max-height: 56px; margin-top: 16px; margin-bottom: 6px; font-size: 20px; line-height: 28px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main-blog-list li .tit + p { overflow: hidden; max-height: 72px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main-blog-list .img { overflow: hidden; }
.main-blog-list .img img { width: 100%; }
@media (max-width: 1023px) { .main-blog-list { margin: -8px; }
  .main-blog-list li { width: calc(50% - 18px); margin: 8px; }
  .main-blog-list .img { border-radius: 10px; } }
@media (min-width: 1024px) { .main-blog-list li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .main-blog-list li + li { margin-left: 24px; }
  .main-blog-list li > a { display: block; }
  .main-blog-list li .tit { display: block; max-height: 62px; margin-bottom: 10px; padding: 0 20px 2px 20px; font-size: 24px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .main-blog-list li .tit + p { padding: 0 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .main-blog-list li > a:hover .tit, .main-blog-list li > a:focus .tit { text-decoration: underline; }
  .main-blog-list .img { border-radius: 20px; } }
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) { .main-blog-list li + li { margin-left: 20px; } }
/* 공지사항 */
.main-notice .tit__02 { text-align: center; }
.main-notice .date { display: inline-block; line-height: 1; color: #767676; }
.main-notice ul { border: 1px solid #ddd; }
.main-notice li { position: relative; }
.main-notice li p { font-size: 18px; font-weight: 700; }
@media (max-width: 1023px) { .main-notice ul { border-radius: 10px; }
  .main-notice li { padding: 26px 20px 16px 20px; }
  .main-notice li + li { border-top: 1px solid #ddd; }
  .main-notice .date { margin-top: 12px; }
  .main-notice a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } }
@media (min-width: 1024px) { .main-notice ul { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 20px; }
  .main-notice li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 30px 53px 30px; }
  .main-notice li a:hover, .main-notice li a:focus { text-decoration: underline; }
  .main-notice li + li { border-left: 1px solid #ddd; }
  .main-notice .date { position: absolute; bottom: 28px; left: 30px; } }
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) { .main-notice li + li { margin-left: 20px; } }
/* 리뉴얼 페이지 */
.renewal { padding-bottom: 0; }
.renewal:before { content: ''; position: absolute; left: 0; top: 0; background: -webkit-gradient(linear, left top, left bottom, from(#4861cc), to(#6570e1)); background: linear-gradient(to bottom, #4861cc, #6570e1); width: 100%; height: 470px; z-index: -1; }
.renewal-box { text-align: center; padding-top: 25px; }
.renewal-box > h1 { font-weight: bold; color: #fff; }
.renewal-box > i { display: block; background: url(../../assets/img/common/renewal.png) no-repeat; background-size: contain; margin: 0 auto; }
.renewal-date { max-width: 540px; margin: 36px auto 0; padding: 12px 0; text-align: center; border-top: 2px solid #000; border-bottom: 2px solid #000; font-weight: bold; }
.renewal-go-to-site { text-align: center; }
.renewal-go-to-site a { border-bottom: 1px solid #0072de; font-weight: bold; }
.renewal-logo { text-align: center; }
@media (max-width: 1023px) { .renewal { padding: 0 24px 30px; }
  .renewal:before { height: 280px; }
  .renewal-box > h1 { font-size: 38px; margin-bottom: 16px; }
  .renewal-box > i { height: 217px; max-width: 320px; }
  .renewal-box .renewal-txt { margin-top: 16px; font-size: 20px; }
  .renewal-logo { margin-top: 30px; }
  .renewal-date { margin-top: 16px; }
  .renewal-date p { font-size: 18px; }
  .renewal-date p + p { margin-top: 2px; }
  .renewal-go-to-site { margin-top: 16px; font-size: 18px; } }
@media (min-width: 1024px) { .renewal-box > h1 { font-size: 70px; margin-bottom: 36px; line-height: 1.2; }
  .renewal-box > i { max-width: 467px; height: 318px; }
  .renewal-box .renewal-txt { margin-top: 62px; font-size: 24px; line-height: 36px; }
  .renewal-logo { margin-top: 80px; }
  .renewal-go-to-site { margin-top: 26px; font-size: 20px; }
  .renewal-date p { font-size: 20px; }
  .renewal-date p + p { margin-top: 8px; } }
.mypage-tit .tit__02 { margin-top: 43px; }
@media (max-width: 1023px) { .mypage-top.mypage-detail, .mypage-top.mypage-detail { display: none; }
  .mypage-tit .tit__02 { display: none; } }
.my-page-tab .my-page-swiper ul:after { content: ''; display: block; clear: both; }
.my-page-tab .my-page-swiper ul li { float: left; width: 150px; text-align: center; padding: 17px 0; }
.my-page-tab .my-page-swiper .swiper-slide.is-active { font-weight: bold; border-bottom: 2px solid #000; }
@media (max-width: 1023px) { .my-page-tab .my-page-swiper ul li { width: 100px; } }
.mypage-tit-main-top .my-member-zone a { position: relative; display: inline-block; border-bottom: 1px solid #000; padding-right: 15px; }
.mypage-tit-main-top .my-member-zone a:after { content: ''; position: absolute; right: 0; top: 8px; width: 6px; height: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mypage-tit-main-top .my-member-zone a + a { margin-left: 16px; }
.my-member-zone h3 { font-size: 18px; font-weight: normal; line-height: 1; }
@media (max-width: 1023px) { .mypage-tit-main-top h2 { display: none; }
  .my-member-zone h3 { margin-top: 26px; }
  .my-member-zone h3 + div { margin-top: 10px; }
  .my-member-zone .external-mail { display: none; }
  .mypage-tit-main-top .my-member-zone a { font-size: 14px; } }
@media (min-width: 1024px) { .mypage-tit-main-top::after { content: ''; display: block; clear: both; }
  .mypage-tit-main-top > h2 { font-size: 34px; line-height: 1; float: left; }
  .mypage-tit-main-top > .my-member-zone { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 7px; }
  .my-member-zone h3 + div { margin-left: 20px; }
  .my-member-zone .external-mail { margin-left: 20px; } }
.my-page-member-info .sec-cont { margin-top: 20px; border: 1px solid #ddd; }
.my-page-member-info .my-page-icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.my-page-member-info .my-page-icon-list li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.my-page-member-info .my-page-icon-list li + li { position: relative; }
.my-page-member-info .my-page-icon-list li + li::before { content: ''; position: absolute; left: 0; top: 25px; width: 1px; height: 68px; background-color: #ddd; }
.my-page-member-info .my-page-icon-list li a { display: block; width: 100%; padding: 20px 0; text-align: center; }
.my-page-member-info .my-page-icon-list li .icon_box { position: relative; width: 40px; height: 40px; margin: 0 auto; }
.my-page-member-info .my-page-icon-list li .icon_box + p { margin-top: 3px; }
.my-page-member-info .my-page-icon-list li .icon_box .won_num { position: absolute; right: -8px; top: -2px; width: 20px; height: 20px; padding-top: 1px; background-color: #0072de; border-radius: 50%; color: #fff; font-size: 12px; font-weight: bold; text-align: center; }
.my-page-member-info .my-page-icon-list li.is-disabled a { cursor: default; opacity: 0.3; }
@media (max-width: 1023px) { .my-page-member-info .sec-cont { border: 0; margin-bottom: 20px; }
  .my-page-member-info { border-bottom: 7px solid #e7e7e7; position: relative; }
  .my-page-member-info::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #ddd; }
  .my-page-member-info .my-page-icon-list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .my-page-member-info .my-page-icon-list li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }
  .my-page-member-info .my-page-icon-list li + li::before { display: none; }
  .my-page-member-info .my-page-icon-list.non-member li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } }
.my-page-info-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.my-page-info-table .tit__04 a { position: relative; padding-right: 30px; }
.my-page-info-table .tit__04 a:after { content: ''; position: absolute; right: 5px; top: 11px; width: 11px; height: 11px; border-right: 2px solid #000; border-bottom: 2px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.my-page-info-table .my-page-info-table-box .text-box h4 { font-size: 18px; }
@media (max-width: 1023px) { .my-page-info-table .tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area):before { width: 100px; }
  .my-page-info-table { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .my-page-info-table > div { width: 100%; }
  .my-page-info-table .my-page-info-table-box { display: block; padding: 25px 30px; }
  .my-page-info-table .my-page-info-table-box br { display: none; }
  .my-page-info-table .my-page-info-table-box .title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .my-page-info-table .my-page-info-table-box .title-box > h4 { padding-left: 20px; width: calc(100% - 50px); }
  .my-page-info-table .my-page-info-table-box .text-box { margin-top: 4px; }
  .my-page-info-table .my-page-info-table-box .text-box .center_btn { text-align: center; margin-top: 10px; }
  .my-page-info-table .my_sec_cont_box .tbl__rwd-card { border-top: 0; }
  .my-page-info-table .tit__04 a:after { top: 7px; } }
@media (min-width: 1024px) { .my-page-info-table { margin-top: 76px; }
  .my-page-info-table .tit__04 { margin-top: 0; }
  .my-page-info-table > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .my-page-info-table > div + div { margin-left: 24px; }
  .my-page-info-table .my-page-info-table-box { padding: 32px 40px; }
  .my-page-info-table .my-page-info-table-box { position: relative; }
  .my-page-info-table .my-page-info-table-box .title-box { position: relative; padding-left: 70px; }
  .my-page-info-table .my-page-info-table-box .title-box > i { position: absolute; left: 0; top: 0; }
  .my-page-info-table .my-page-info-table-box .text-box { padding-left: 70px; margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .my-page-info-table .my-page-info-table-box .text-box .btn_box { min-width: 113px; }
  .my-page-info-table > div + div .my-page-info-table-box .text-box .btn_box { min-width: 135px; } }
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) { .my-page-info-table > div + div { margin-left: 20px; }
  .my-page-info-table .my-page-info-table-box { height: calc(100% - 50px); }
  .my-page-info-table .my-page-info-table-box .text-box p br { display: none; }
  .my-page-info-table .my-page-info-table-box .text-box .btn_box { padding-left: 5px; text-align: right; } }
/* My Page Top 공통 추가 */
.mypage-tit .bullet__16 li + li { margin-top: 7px; }
/* 마이 페이지 서비스 이력 */
.my-service-tab-box { margin-top: 26px; }
.my-service-tab-box .tab__flex .tab li.is-active a > span { color: #0072de; }
.mypage-card-list { margin-top: 20px; }
.mypage-card-list .app-pagination { margin-top: 30px; }
.my-bookmark li + li { margin-top: 7px; }
@media (max-width: 1023px) { .mypage-service-com-tbl { border-top: none; }
  .mypage-card-list .tbl-bottom { position: absolute; top: -8px; right: 0; text-align: right; }
  .mypage-card-list .tbl-bottom .error-msg { margin-top: 1px; }
  .cf-sec-box.collapse-box .collapse-cont { padding-bottom: 0; }
  .my-bookmark { margin-top: 20px; margin-bottom: 37px; padding-bottom: 26px; border-bottom: 1px solid #c6c6c6; -webkit-box-shadow: 0 7px 0 #e4e4e4; box-shadow: 0 7px 0 #e4e4e4; }
  .my-service-tab-box .tab ul li.hidden { border-top: 0; border-right: 0; }
  .my-service-tab-box .tab ul li.hidden a { display: none; } }
@media (max-width: 1023px) and (max-width: 359px) { .mypage-service-com-tbl.tbl__rwd-card .card-btn-area .btn__32 { padding-left: 8px; padding-right: 8px; }
  .mypage-service-com-tbl.tbl__rwd-card .card-btn-area .btn__32 + .btn__32 { margin-left: 5px; } }
@media (min-width: 1024px) { .my-service-tab-box { margin-top: 56px; }
  .mypage-card-list { position: relative; margin-top: 60px; }
  .tbl-top .form__checkbox { overflow: hidden; position: absolute; left: 20px; top: 20px; width: 20px; height: 20px; }
  .tbl-top .form__checkbox label { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
  .my-bookmark { margin-top: 26px; margin-bottom: 57px; }
  .my-service-tab-box .tab ul .hidden { display: none; } }
.cf-sec-box.text_info_section_box .sec-tit h3 { font-weight: normal; font-size: 18px; }
.cf-sec-box.text_info_section_box .sec-tit h3 strong { font-weight: 700; }
.cf-sec-box.text_info_section_box .sec-tit a { font-size: 14px; font-weight: normal; display: inline-block; margin-left: 20px; /* text-decoration:underline;*/ position: relative; vertical-align: middle; margin-top: -2px; }
.cf-sec-box.text_info_section_box .sec-tit a i { /* font-size:14px;*/ vertical-align: middle; display: inline-block; margin-top: -2px; }
.cf-sec-box.text_info_section_box .sec-tit a:after { content: ""; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; bottom: 0px; }
.cf-sec-box.text_info_section_box .sec-tit a span { font-size: 14px; color: #0072de; font-weight: bold; vertical-align: middle; display: inline-block; margin-top: -2px; margin-left: 5px; }
@media (max-width: 1023px) { .cf-sec-box.text_info_section_box .sec-tit a { margin-left: 0; margin-right: 20px; margin-top: 10px; } }
.cf-sec-box .my_sec_cont_box .table-4-col .list_label { width: 60px; text-align: center; }
.cf-sec-box .my_sec_cont_box .table-4-col .list_label.bg__sky { background-color: #71b7e5; }
@media (max-width: 767px) { .cf-sec-box .my_sec_cont_box .table-4-col { border-top: none; } }
.cf-sec-box.border_sec_box .border_box { border: 1px solid #ddd; padding: 35px; border-radius: 15px; overflow: hidden; }
.cf-sec-box.border_sec_box .border_box.gray_bg_box { background-color: #f7f7f7; }
.cf-sec-box .border_box h4 { font-size: 18px; color: #000; margin-bottom: 10px; }
.cf-sec-box .border_box h4 span { color: #0072de; display: inline-block; vertical-align: middle; margin: -3px 5px 0; }
.cf-sec-box .border_box p span { color: #0072de; display: inline; vertical-align: middle; margin: -3px 0 0; }
.cf-sec-box.block_2_sec_box { display: block; }
.cf-sec-box.block_2_sec_box > div + div { margin-left: 0; margin-top: 10px; }
.cf-sec-box.border_sec_box .border_img_box.right_img { display: none; }
@media (min-width: 1024px) { .cf-sec-box.text_info_section_box .sec-tit h3 { display: inline-block; }
  .cf-sec-box.block_2_sec_box { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .cf-sec-box.block_2_sec_box > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .cf-sec-box.block_2_sec_box > div + div { margin-left: 25px; margin-top: 0; }
  .cf-sec-box .my_sec_cont_box .table-4-col li > div { width: 25%; }
  .cf-sec-box.border_sec_box .border_box.button_addon_box { padding-right: 220px; position: relative; }
  .cf-sec-box.border_sec_box .border_box.img_addon_box { padding-right: 25%; position: relative; }
  .cf-sec-box.border_sec_box .right_btn_box { position: absolute; right: 35px; top: 50%; margin-top: -20px; font-size: 0; }
  .cf-sec-box.border_sec_box .border_img_box.right_img { position: absolute; right: 35px; top: 50%; margin-top: -27px; display: block; } }
.myshop_check_info_list { position: relative; width: 100%; height: auto; border: 1px solid #dddddd; padding: 25px 0; border-radius: 15px; overflow: hidden; /* display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between;*/ }
.myshop_check_info_list:after { content: ""; display: block; clear: both; }
.myshop_check_info_list a { position: relative; width: calc((100% - 2px)/5); float: left; border-right: 1px solid #ddd; }
.myshop_check_info_list.executives_login a { width: calc((100% - 2px)/4); }
.myshop_check_info_list .myshop_ch_in_bo a:last-child { border-right: none; }
.myshop_check_info_list dl dt { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.myshop_check_info_list dl dd { text-align: center; font-size: 16px; }
.myshop_check_info_list dl dd span { font-size: 18px; font-weight: bold; color: #0072de; display: inline-block; vertical-align: middle; margin: -4px 5px 0; }
/*20201221 수정*/
@media (max-width: 1024px) { .myshop_check_info_list { position: relative; width: 100%; height: auto; border: none; padding: 0px; border-radius: 0; }
  .myshop_check_info_list .myshop_ch_in_he { border: 1px solid #dddddd; padding: 20px 0; border-radius: 10px; margin-bottom: 10px; }
  .myshop_check_info_list .myshop_ch_in_he a { width: calc((100% - 2px)/2); }
  .myshop_check_info_list .myshop_ch_in_he:after { content: ""; display: block; clear: both; }
  .myshop_check_info_list .myshop_ch_in_he a:last-child { border-right: none; }
  .myshop_check_info_list .myshop_ch_in_bo { border: 1px solid #dddddd; padding: 20px 20px; border-radius: 10px; }
  .myshop_check_info_list .myshop_ch_in_bo a { display: block; float: none; border-right: none; width: 100%; border-bottom: 1px solid #ddd; padding: 20px 0 15px; }
  .myshop_check_info_list .myshop_ch_in_bo dl dt { display: inline-block; width: 105px; text-align: left; line-height: 1; }
  .myshop_check_info_list .myshop_ch_in_bo dl dd { display: inline-block; width: calc( 100% - 110px); text-align: right; line-height: 1; }
  .myshop_check_info_list .myshop_ch_in_bo a:first-child { padding-top: 0; }
  .myshop_check_info_list .myshop_ch_in_bo a:last-child { border-bottom: none; padding-bottom: 0px; } }
/*SHPZ_0017*/
.cf-sec-box .member-form-list { border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .cf-sec-box.myp_product_enro_sec .member-form-list { border-bottom: none; }
  .cf-sec-box.myp_product_enro_sec .member-form-list + .member-form-list { padding-top: 0; } }
.cf-sec-box .member-form-list:last-child { border-bottom: none; }
.cf-sec-box .member-form-list .input_list_right_bt_box { float: left; margin-left: 25px; font-size: 0; }
.cf-sec-box .member-form-list .input_list_right_bt_box button { min-width: 107px; }
.cf-sec-box .member-form-list .name-change { font-size: 14px; margin-left: 20px; font-weight: bold; border-bottom: 1px solid #000; display: inline-block; }
@media (max-width: 1023px) { .cf-sec-box .member-form-list .name-change { margin-left: 0; } }
.cf-sec-box .member-form-list.right_btn_exist li { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cf-sec-box .member-form-list.right_btn_exist li > .form-wrap > div { max-width: 800px; }
.cf-sec-box .right_btn_exist li .form_list_right_btn_box { width: 160px; text-align: center; }
.cf-sec-box .right_btn_exist li .form_list_right_btn_box button + button { margin-left: 0; margin-top: 5px; }
.cf-sec-box .member-form-list li > .form-wrap.radio_list_wrap { width: calc(100% - 235px); }
.cf-sec-box .member-form-list li > .form-wrap.input-address02 { width: calc(100% - 395px); -webkit-box-align: auto; -ms-flex-align: auto; align-items: auto; }
.cf-sec-box .member-form-list li > .form-wrap.input-address02 .input-box + .input-box { margin-top: 20px; }
.cf-sec-box .member-form-list li .input-box.float-box { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }
.cf-sec-box .member-form-list li .input-box.float-box li + li { margin-top: 0; }
.cf-sec-box .member-form-list.address-choice-form { padding: 0; }
.cf-sec-box .member-form-list.address-choice-form li > label { width: 235px; padding-top: 39px; }
.cf-sec-box .radio_list_form { position: relative; width: 100%; padding: 30px 0; border-bottom: 1px solid #ddd; }
.cf-sec-box .radio_list_form:last-child { border-bottom: none; }
.cf-sec-box .radio_list_form .basic_address { display: inline-block; vertical-align: middle; margin-left: 20px; margin-top: 1px; border-radius: 30px; border: 1px solid #dd463f; height: 26px; line-height: 26px; padding: 0 10px; color: #dd463f; font-size: 14px; font-weight: bold; }
.cf-sec-box .radio_list_form .radio_list_text { margin-top: 10px; }
/* 202021115 수정 */
.cf-sec-box .member-form-list > li.vertical-c { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (max-width: 1023px) { .cf-sec-box.my-page-member .member-form-list > li .input-data { display: inline-block; }
  .cf-sec-box.member-information .member-form-list li .member-radio-form > span + span { margin-top: 0; margin-left: 65px; } }
.cf-sec-box .radio_list_form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cf-sec-box .radio_list_form .radio_box02 { width: calc(100% - 200px); }
.cf-sec-box .radio_list_form .radio_list_btn_box { width: 200px; text-align: center; }
.cf-sec-box .radio_list_form .radio_list_btn_box .text_btn { font-size: 14px; font-weight: bold; color: #000; border-bottom: 1px solid #fff; }
.cf-sec-box .radio_list_form .radio_list_btn_box .text_btn:hover, .cf-sec-box .radio_list_form .radio_list_btn_box .text_btn:focus { border-color: #000; }
.cf-sec-box .radio_list_form .radio_list_btn_box .text_btn + .text_btn { margin-left: 25px; }
@media (max-width: 1023px) { .cf-sec-box .member-information { margin-top: 30px; }
  .cf-sec-box .member-form-list li > .form-wrap.radio_list_wrap { width: 100%; }
  .cf-sec-box .radio_list_form { display: block; width: 100%; padding: 20px 0 15px; border-bottom: 1px solid #ddd; }
  .cf-sec-box .member-form-list.right_btn_exist li > .form-wrap { width: 100%; } }
@media (max-width: 1024px) { .cf-sec-box.mo_bottom_line_sec { padding-bottom: 30px; border-bottom: 7px solid #e4e4e4; } }
/* SHPZ_0008, SHPZ_0008_1 */
.cf-sec-box.mt3050 { margin-top: 50px; }
.cf-sec-box.tab-sec-box .tab li > a > span { color: #000; margin-left: 3px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.cf-sec-box .mypage-service-com-tbl li div.com_td { color: #0072de; }
.cf-sec-box .mypage-service-com-tbl li div.com_td::before { color: #000; }
.cf-sec-box .mypage-service-com-tbl li div.cancel_td { color: #d0021b; }
.cf-sec-box .mypage-service-com-tbl li div.cancel_td::before { color: #000; }
@media (max-width: 1023px) { .cf-sec-box .mypage-service-tbl { border-top: none; } }
@media screen and (min-width: 1024px) { .cf-sec-box .mypage-service-tbl .tbl__rwd-card-content > li > div { height: 110px; }
  .cf-sec-box .mypage-service-tbl li div.col_1 { width: 200px; }
  .cf-sec-box .mypage-service-tbl li div.col_2 { width: 200px; }
  .cf-sec-box .mypage-service-tbl li div.col_4 { width: 200px; }
  .cf-sec-box .mypage-service-tbl li div.col_5 { width: 200px; }
  .cf-sec-box .mypage-service-tbl li div.col_6 { width: 140px; }
  /*mypage-service-com-tbl*/
  .cf-sec-box .mypage-service-com-tbl li div.col_1 { width: 60px; }
  .cf-sec-box .mypage-service-com-tbl li div.col_2 { width: 150px; }
  .cf-sec-box .mypage-service-com-tbl li div.col_3 { width: 250px; }
  .cf-sec-box .mypage-service-com-tbl li div.col_5 { width: 100px; }
  .cf-sec-box .mypage-service-com-tbl li div.col_6 { width: 150px; }
  .cf-sec-box .list_tal li div.td_left { text-align: left; }
  .cf-sec-box .mypage-service-tbl li div .btn__32 + .btn__32 { margin-left: 0; margin-top: 5px; }
  .cf-sec-box .mypage-service-tbl li div.card-btn-area { padding: 20px 0; }
  .cf-sec-box .list_tal.mypage-service-com-tbl { margin-bottom: 20px; } }
@media (max-width: 1023px) { .cf-sec-box.mt3050 { margin-top: 30px; }
  .cf-sec-box .mypage-service-com-tbl li { position: relative; }
  .cf-sec-box .mypage-service-com-tbl .form__checkbox { position: absolute; left: 33px; top: 32px; } }
/*SHPZ_0008_2*/
.cf-sec-box.view_tbl_sec .view__rwd-shop { position: relative; border-top: 1px solid #000; }
.cf-sec-box.view_tbl_sec .view-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #ddd; }
.cf-sec-box.view_tbl_sec .view-row > .view-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; }
.cf-sec-box.view_tbl_sec .view-row > .view-box dt, .cf-sec-box.view_tbl_sec .view-row > .view-box dd { padding: 23px 25px; }
.cf-sec-box.view_tbl_sec .view-row > .view-box .view-tit { width: 210px; font-weight: 700; }
.cf-sec-box.view_tbl_sec .view-row > .view-box .view-cont { width: calc(100% - 210px); }
.cf-sec-box.view_tbl_sec .view-row > .view-box .view-cont.cancel_text { color: #d0021b; }
.cf-sec-box.view_tbl_sec .view-row > .view-box .view-cont.com_text { color: #0072de; }
.cf-sec-box.view_tbl_sec .view-row > .view-box .view-cont.blue_text { color: #0072de; font-weight: bold; }
.cf-sec-box.view_tbl_sec .view_content_after_bt { margin-left: 20px; vertical-align: middle; display: inline-block; margin-top: -2px; padding: 7px 15px; height: 30px; }
.cf-sec-box .won_item_bt { width: 20px; height: 20px; background: #0072de; border-radius: 50%; margin-left: 8px; font-size: 12px; font-weight: bold; color: #fff; display: inline-block; line-height: 20px; vertical-align: middle; margin-top: -2px; }
@media (max-width: 1023px) { .cf-sec-box.view_tbl_sec .view-row > .view-box { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .cf-sec-box.view_tbl_sec .view-row > .view-box > dt, .cf-sec-box.view_tbl_sec .view-row > .view-box > dd { padding: 15px 0; }
  .cf-sec-box.view_tbl_sec .view-row > .view-box .view-tit { width: 100%; padding-bottom: 10px; }
  .cf-sec-box.view_tbl_sec .view-row > .view-box .view-cont { width: 100%; padding-top: 0; }
  .cf-sec-box.view_tbl_sec .view-row > .view-box + .view-box { border-top: 1px solid #ddd; } }
/* SHPZ_0009 ,  SHPZ_0009_1 */
.cf-sec-box.mypage-card-list .list_label { width: 62px; text-align: center; }
.cf-sec-box.mypage-card-list .list_tal ul > li > div > a:not(.btn__32):hover, .cf-sec-box.mypage-card-list .list_tal ul > li > div > a:not(.btn__32):focus { text-decoration: underline; }
@media (min-width: 1024px) { /*mypage-online-tbl list_tal*/
  .cf-sec-box .mypage-online-tbl li div.col_1 { width: 60px; }
  .cf-sec-box .mypage-online-tbl li div.col_2 { width: 150px; }
  .cf-sec-box .mypage-online-tbl li div.col_3 { width: 250px; }
  .cf-sec-box .mypage-online-tbl li div.col_4 { width: auto; }
  .cf-sec-box .mypage-online-tbl li div.col_5 { width: 150px; } }
@media (max-width: 1023px) { .cf-sec-box.mypage-card-list .tbl__rwd-card .tbl__rwd-card-content div.title_td a { color: #000; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; } }
/* SHPZ_0010 */
.cf-sec-box.myp-view-sec .view_date_meta span.meta_title { color: #000; font-weight: bold; }
.cf-sec-box.myp-view-sec .view_answer_area .answer_title_box .answer_label .label__24 { width: 60px; text-align: center; }
.cf-sec-box.myp-view-sec .view_answer_area .answer_title_box .answer_label .bg__sky { background-color: #0072de; }
.cf-sec-box.myp-view-sec .view_answer_area.view_answer_info .answer_title_box { border-bottom: none; padding-bottom: 0; padding-right: 0; }
/*view*/
.cf-sec-box.view-secton-area .sec-cont { margin-top: 15px; }
.cf-sec-box .section-view-meta .view_date_meta { margin-top: 0; display: inline-block; margin-right: 45px; }
.cf-sec-box .view_date_meta span { font-size: 16px; }
.cf-sec-box .view_date_meta span.meta_title { padding-right: 20px; color: #8b8b8b; position: relative; }
.cf-sec-box .view_date_meta span.meta_title:after { content: ''; position: absolute; right: 0; top: 2px; width: 1px; height: 16px; background-color: #ddd; }
.cf-sec-box .view_date_meta span.meta_vaule { padding-left: 20px; }
@media (max-width: 1023px) { .cf-sec-box .view_date_meta span.meta_vaule { padding-left: 0; }
  .cf-sec-box .section-view-meta .view_date_meta { margin-right: 36px; position: relative; }
  .cf-sec-box .section-view-meta .view_date_meta:after { content: ''; position: absolute; right: -20px; top: 5px; width: 1px; height: 13px; background-color: #ddd; } }
@media (max-width: 1023px) { .cf-sec-box.myp-view-sec .section-view-meta { margin-bottom: 15px; } }
/* SHPZ_0011 */
.cf-sec-box.line_content_box_section.myp_line_box_sec .line_box_content .bullet__16 li { line-height: 1.5; }
.cf-sec-box.line_content_box_section.myp_line_box_sec .right_btn_box { bottom: auto; top: 50%; margin-top: -20px; }
.cf-sec-box.mypage-card-list .sec-tit .list_total { margin-bottom: 20px; }
@media (min-width: 1024px) { .cf-sec-box .tbl-my-own-product li div.col_1 { min-width: 55px; max-width: 55px; }
  .cf-sec-box .tbl-my-own-product li div.col_2 { width: 240px; }
  .cf-sec-box .tbl-my-own-product li div.col_7 { width: 150px; }
  .cf-sec-box .tbl-my-own-product li div.col_3 { width: 200px; }
  .cf-sec-box .tbl-my-own-product li div.col_4 { width: 200px; }
  .cf-sec-box .tbl-my-own-product li div.col_5 { width: 180px; }
  .cf-sec-box .tbl-my-own-product li div.col_6 { min-width: 370px; max-width: 370px; }
  .cf-sec-box .tbl-my-own-product li .card-btn-area .btn__32 { width: 102px; } }
@media (max-width: 1023px) { .cf-sec-box.line_content_box_section.myp_line_box_sec .right_btn_box { bottom: auto; top: auto; margin-top: 30px; }
  .cf-sec-box.my_product_list .sec-tit { display: none; } }
/* SHPZ_0013 */
.cf-sec-box.myp_product_enro_sec .product_enro_form { width: calc(100% - 235px); }
.cf-sec-box.myp_product_enro_sec .product_enro_form > div::after { content: ''; display: block; clear: both; }
.cf-sec-box.myp_product_enro_sec .product_enro_form .info-msg { margin-top: 4px; }
.cf-sec-box.myp_product_enro_sec .product_search_box:after { content: ""; display: block; clear: both; }
.cf-sec-box.myp_product_enro_sec .product_search_box .search-type { max-width: 560px; float: left; width: calc( 100% - 359px); }
.cf-sec-box.myp_product_enro_sec .form__text.search-type .btn-search { position: absolute; right: 1px; top: 1px; width: 40px; height: 40px; }
.cf-sec-box.myp_product_enro_sec .form__text.search-type .btn-search i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.cf-sec-box.myp_product_enro_sec .product_enro_form .btn__delete-input { top: 13px; right: 45px; }
.cf-sec-box .input_bullet_box { margin-top: 5px; }
.cf-sec-box .input_bullet_box ul > li { margin-top: 0; }
.cf-sec-box.myp_product_enro_sec .input_right_bt_box { float: left; margin-left: 20px; font-size: 0; }
@media (min-width: 1024px) { .cf-sec-box.myp_product_enro_sec .input_right_bt_box .btn__40 { width: 162px; } }
.cf-sec-box .product_enro_form .select-yymm > li { position: relative; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding-right: 23px; }
.cf-sec-box .product_enro_form .form__select { display: block; position: relative; }
.select-yymm > li:after { position: absolute; right: 0; top: 0; line-height: 40px; }
.select-yymm > li:first-child:after { content: '년'; }
.select-yymm > li:last-child:after { content: '월'; }
.cf-sec-box .product_enro_form .select-yymm > li + li { margin-left: 40px; margin-top: 0; }
@media (max-width: 1023px) { .cf-sec-box.myp_product_enro_sec .product_enro_form { width: 100%; }
  .cf-sec-box .sn_number_box .btn-scan-area { display: block; position: absolute; right: 0; top: 0; text-align: center; } }
@media (min-width: 1024px) { .cf-sec-box .product_enro_form .select-yymm { float: left; width: 400px; }
  .cf-sec-box .product_enro_form .form__checkbox.select_right { float: left; margin-top: 7px; margin-left: 40px; }
  .cf-sec-box .sn_number_box .btn-scan-area { display: none; position: absolute; } }
@media (max-width: 1023px) { .cf-sec-box.myp_product_enro_sec { margin-top: 36px; }
  .cf-sec-box.myp_product_enro_sec .product_search_box .search-type { max-width: 100%; width: 100%; float: none; }
  .cf-sec-box.myp_product_enro_sec .input_right_bt_box { display: -webkit-box; display: -ms-flexbox; display: flex; float: none; max-width: 320px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px; text-align: center; }
  .cf-sec-box.myp_product_enro_sec .input_right_bt_box button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; padding-right: 10px; }
  .cf-sec-box.myp_product_enro_sec .input_right_bt_box button + button { margin-left: 10px; } }
@media (max-width: 1023px) and (max-width: 359px) { .cf-sec-box.myp_product_enro_sec .input_right_bt_box i { display: none; } }
@media (max-width: 1023px) { .cf-sec-box .product_enro_form .select-yymm > li + li { margin-left: 20px; }
  .cf-sec-box .product_enro_form .form__checkbox.select_right { display: block; margin-top: 15px; }
  .cf-sec-box.myp_product_enro_sec .product_search_box.sn_number_box { position: relative; }
  .cf-sec-box .sn_number_box .code_sc_bt_box { display: block; } }
/* SHPZ_0014 */
@media (min-width: 1024px) { .cf-sec-box .mypage-service-com-tbl.myp_bookmark_tal li div.col_2 { width: 250px; }
  .cf-sec-box .mypage-service-com-tbl.myp_bookmark_tal li div.col_3 { width: auto; }
  .cf-sec-box .mypage-service-com-tbl.myp_bookmark_tal li div.col_4 { width: 150px; } }
/*//////////////////////E:my_page///////////////////////////////////////////*/
/* shpz_0007.html */
.my-page-info-table .tbl__rwd-card li div { width: 25%; }
.my-page-info-table .tbl__rwd-card li div[data-th="제목"] a { display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; width: 168px; }
.my-page-info-table .label__24 { width: 62px; }
/* shpz_0010.html */
.my-service-tab-box02 { margin-top: 56px; }
.cf-sec-box .view_content_box { border-top: 1px solid #000; }
.my-page-info-table .tbl__rwd-card .no-data-txt { font-size: 18px; }
@media (max-width: 1023px) { .my-page-info-table .tbl__rwd-card li div { width: 100%; }
  .my-service-tab-box02 { margin-top: 26px; }
  .my-page-info-table .tbl__rwd-card .no-data-txt { padding: 0; }
  .my_sec_cont_box .tbl__rwd-card .no-data-txt li { padding: 60px 0; } }
@media (min-width: 1024px) { .my_sec_cont_box .tbl__rwd-card .no-data-txt { padding: 92px 0; } }
/* shpz_0013.html */
.product_enro_form .form__text.search-type .input { padding: 5px 40px 5px 10px; }
.product_enro_form .form__text.search-type input[type="text"] { height: 30px; line-height: 30px; padding: 0 25px 0 10px; background-color: #fff; }
@media (max-width: 1023px) { .my-page-detail { display: none; }
  .myp_product_enro_sec .sec-tit .necessary-txt { bottom: 0; } }
/* shpz_0017.html */
.my-page-top-box { margin-top: 24px; }
.my-page-top-box .border_box.img_addon_box { padding: 24px; }
.member-adress-info .sec-tit:after { content: ''; display: block; clear: both; }
.member-adress-info .sec-tit .login-tit { float: left; }
.member-adress-info .sec-tit .member_form_top_right_bt { float: right; }
.cf-sec-box .member-form-list { padding: 26px 0; }
.cf-sec-box .member-form-list li > .form-wrap.input-address02 .float-box > li { width: 450px; }
.cf-sec-box .member-form-list li > .form-wrap.input-address02 .float-box > li + li { width: 320px; }
.cf-sec-box.member-send-box .btn-box button { width: 120px; }
@media (max-width: 1023px) { .cf-sec-box.member-send-box { margin-top: 20px; }
  .cf-sec-box.member-send-box .btn-box + .btn-box { margin-top: 40px; }
  .my-page-member .sec-tit .necessary-txt { bottom: 0; }
  .cf-sec-box .member-form-list .input_list_right_bt_box { float: none; margin-left: 0; margin-top: 16px; }
  .cf-sec-box .member-form-list.right_btn_exist li > .form-wrap > div { width: 100%; }
  .cf-sec-box .member-form-list li .input-box.float-box li + li { margin-top: 20px; padding-top: 0; border-top: 0; }
  .cf-sec-box .right_btn_exist li .form_list_right_btn_box { width: 100%; margin-top: 30px; }
  .cf-sec-box .right_btn_exist li .form_list_right_btn_box button + button { margin-top: 0; }
  .cf-sec-box .radio_list_form .radio_box02 { width: 100%; }
  .cf-sec-box .radio_list_form .radio_list_btn_box { width: 100%; text-align: left; margin-top: 12px; }
  .input-address02 .input-btn-box .form__text.full { width: 100%; }
  .cf-sec-box .member-form-list { padding: 26px 0; }
  .cf-sec-box .member-form-list li > label { padding-top: 0; }
  .cf-sec-box .member-form-list.mo_border-line li + li { border-top: 1px solid #ddd; padding-top: 17px; }
  .cf-sec-box .member-form-list.address-choice-form li > label.mo_hidden { display: none; }
  .cf-sec-box .radio_list_form .radio_list_btn_box .text_btn { text-decoration: underline; }
  .cf-sec-box .radio_list_form .radio_list_btn_box .text_btn:hover { border: 0; }
  .cf-sec-box .radio_list_form .radio_list_btn_box .text_btn + .text_btn { margin-left: 11px; }
  .cf-sec-box .member-form-list li > .form-wrap.input-address02 .float-box > li { width: 100%; }
  .cf-sec-box .member-form-list li > .form-wrap.input-address02 .float-box > li + li { width: 100%; } }
/* 보유제품 현황*/
.banner-my-own-product { padding: 30px 340px 30px 160px; }
.banner-my-own-product .btn-area .btn__40:last-child i { margin-right: 10px; vertical-align: -5px; }
.banner-my-own-product .btn-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.banner-my-own-product .btn-area .btn__000 + .btn__000 { margin-left: 10px; padding: 13px 10px; }
.banner-consult02 { display: table; width: 100%; padding: 30px 40px; }
.banner-consult02 > i, .banner-consult02 > ul { display: table-cell; vertical-align: middle; }
.banner-consult02 > ul { padding-left: 40px; }
@media (max-width: 1023px) { .banner-my-own-product { padding: 30px 20px; }
  .banner-my-own-product .btn-area .btn__000 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .banner-my-own-product .btn-area .btn__40 { padding-left: 10px; padding-right: 10px; }
  .banner-my-own-product .btn-area .btn__000 + .btn__000 { padding: 13px 5px; }
  .banner-consult02 { display: block; padding: 30px; }
  .banner-consult02 > i { display: block; margin: 0 auto; }
  .banner-consult02 > ul { display: block; padding-left: 0; margin-top: 16px; } }
@media (max-width: 1023px) and (max-width: 359px) { .banner-my-own-product { padding-left: 10px; padding-right: 10px; } }
@media (min-width: 1024px) { .banner-my-own-product .btn-area { position: absolute; right: 40px; top: calc(50% - 20px); width: 290px; padding-left: 110px}
  .banner-my-own-product .btn-area .btn__40 { position: static; }
  .banner-my-own-product .btn-area .btn__000 { min-width: 140px; } }
.layer[data-layer-name^="SmartThingsProductList"] .layer-cont { padding-top: 26px; }
.layer[data-layer-name^="SmartThingsProductList"] .iot-my-product-list { position: relative; margin-top: 26px; }
.layer[data-layer-name^="SmartThingsProductList"] .app-pagination { margin-top: 30px; }
.layer[data-layer-name^="SmartThingsProductList"] .btn-area { margin-top: 30px; padding-bottom: 30px; }
.iot-my-product-list .banner-iot-nodata { padding: 36px 0; background-color: #f7f7f7; text-align: center; }
.iot-my-product-list .banner-iot-nodata .tit { display: block; font-size: 18px; }
.iot-my-product-list .banner-iot-nodata .tit + p { margin-top: 12px; }
.iot-my-product-list .banner-iot-nodata + p { margin-top: 16px; text-align: center; }
@media (max-width: 1023px) { .iot-my-product-list .tbl__rwd-card { border-top: none; }
  .iot-my-product-list .tbl__rwd-card .form__text { max-width: 140px; }
  .iot-my-product-list .tbl__rwd-card-content .form__checkbox { position: absolute; left: 33px; top: 22px; }
  .iot-my-product-list .tbl__rwd-card-content li { position: relative; }
  .iot-my-product-list .tbl__rwd-card .tbl__rwd-card-content li > .col_1 { padding: 0; }
  .iot-my-product-list .banner-iot-nodata { border-radius: 10px; } }
@media (max-width: 1023px) and (max-width: 359px) { .iot-my-product-list .tbl__rwd-card .tbl__rwd-card-content li div.col_3 > span, .iot-my-product-list .tbl__rwd-card .tbl__rwd-card-content li div.col_4 > span { padding-left: 0; } }
@media (min-width: 1024px) { .iot-my-product-list .tbl__rwd-card li > .col_1 { min-width: 55px; max-width: 55px; }
  .iot-my-product-list .tbl__rwd-card li > .col_2 { width: 304px; }
  .iot-my-product-list .tbl__rwd-card li > .col_3 { width: 160px; }
  .iot-my-product-list .tbl__rwd-card li > .col_4 { width: 200px; padding: 0 20px; }
  .iot-my-product-list .banner-iot-nodata { border-radius: 20px; } }
/* 마이페이지 lot */
.iot-banner-consult { border: none; }
.iot-banner-consult .bullet__16 li + li { margin-top: 2px; }
@media (min-width: 1024px) { .iot-banner-consult { padding: 30px 160px; } }
.iot-main-list .sec-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.iot-main-list .sec-tit h3 { display: inline-block; }
.iot-main-list .sec-tit h3 + h3::before { content: "/"; padding-right: 5px; }
.iot-main-list .sec-tit .iot-info-date { font-size: 16px; margin-top: 58px; font-weight: 700; }
.iot-main-list .sec-cont:not(.iot-model-card) { padding-top: 20px; border-top: 1px solid #000; }
.iot-main-list .sec-cont + .sec-cont { margin-top: 30px; }
@media (max-width: 1023px) { .mb-iot-under-line { padding-bottom: 30px; border-bottom: 9px solid #ddd; position: relative; }
  .mb-iot-under-line::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ccc; }
  .mb-iot-under-line > .bullet__16 { margin-top: 17px; }
  .iot-main-list .sec-tit { display: block; }
  .iot-main-list .sec-tit .tit__04 { margin-bottom: 0; }
  .iot-main-list .sec-tit .iot-info-date { margin-top: 3px; margin-bottom: 16px; } }
/**/
.iot-box-model .iot-model-info strong { font-size: 18px; }
.iot-box-model .iot-model-info .iot-model-txt b { font-size: 18px; }
.iot-box-model .iot-model-info .symptom-badge i { min-width: 82px; }
.iot-box-model .iot-model-info .symptom-badge i + i { margin-left: 8px; }
.iot-box-model .iot-model-info .symptom-badge .color__purple { color: #8a37d0; }
.iot-box-model .iot-model-info .symptom-badge > strong { font-size: 18px; margin-right: 10px; }
.iot-box-model .iot-model-info .symptom-badge > strong:last-child { margin-right: 0; }
.iot-box-model .btn-area button { width: 175px; }
.iot-box-model .btn-update span i { vertical-align: -4px; }
@media (max-width: 1023px) { .iot-box-model + .iot-box-model { margin-top: 20px; }
  .iot-box-model .iot-box-model-click { display: block; padding: 20px 30px; }
  .iot-model-info-name { padding-bottom: 12px; border-bottom: 1px solid #ddd; }
  .iot-model-info-name:after { content: ''; display: block; clear: both; }
  .iot-model-info-name dt { float: left; font-size: 18px; font-weight: 700; }
  .iot-model-info-name dd { float: right; }
  .iot-box-model .iot-model-info .symptom-badge { margin-top: 16px; }
  .iot-box-model .iot-model-info-details { margin-top: 8px; }
  .iot-box-model .iot-model-info-details li { line-height: 24px; }
  .iot-box-model .iot-model-info-details li + li { margin-top: 8px; }
  .iot-box-model .iot-model-info-details li:nth-child(1) { font-weight: 700; }
  .iot-box-model .btn-area { margin-top: 10px; } }
@media (min-width: 1024px) { .iot-box-model { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .iot-box-model + .iot-box-model { margin-top: 15px; }
  .iot-box-model .iot-box-model-click { padding: 26px 30px; width: calc(100% - 200px); }
  .iot-box-model .iot-model-info > div::after { content: ""; display: block; clear: both; }
  .iot-box-model .iot-model-info .iot-model-info-name { float: left; }
  .iot-box-model .iot-model-info .iot-model-info-name dt, .iot-box-model .iot-model-info .iot-model-info-name dd { display: inline-block; }
  .iot-box-model .iot-model-info .iot-model-info-name dt { font-size: 18px; font-weight: 700; }
  .iot-box-model .iot-model-info .iot-model-info-name dd { margin-left: 50px; }
  .iot-box-model .iot-model-info-details { margin-top: 8px; }
  .iot-box-model .iot-model-info-details::after { content: ''; display: block; clear: both; }
  .iot-box-model .iot-model-info-details > li:nth-child(1) { float: left; font-size: 16px; font-weight: 700; }
  .iot-box-model .iot-model-info-details > li:nth-child(2) { float: right; }
  .iot-box-model .iot-model-info .symptom-badge { float: right; } }
/**/
.iot-model-card .table-name04 li > div:nth-child(1) a { font-weight: bold; }
.iot-model-card .table-name04 li button { min-width: 176px; }
.iot-model-card .table-name04 li .btn-update { padding: 9px 15px 9px 35px; min-width: 175px; }
.iot-model-card .table-name04 li .btn-update span { position: relative; }
.iot-model-card .table-name04 li .btn-update span i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -23px; }
.iot-model-card .app-pagination { margin-top: 30px; margin-bottom: 30px; display: none; }
@media (max-width: 1023px) { .iot-model-card .table-name04 li > div:nth-child(1), .iot-model-card .table-name04 li > div:nth-child(2), .iot-model-card .table-name04 li > div:nth-child(3), .iot-model-card .table-name04 li > div:nth-child(4) { width: 100%; } }
@media (min-width: 1024px) { .iot-model-card .table-name04 li > div:nth-child(1) { width: 25%; }
  .iot-model-card .table-name04 li > div:nth-child(2) { width: 25%; }
  .iot-model-card .table-name04 li > div:nth-child(3) { width: 15%; }
  .iot-model-card .table-name04 li > div:nth-child(4) { width: 15%; }
  .iot-model-card .table-name04 li > div:nth-child(5) { width: 240px; } }
/**/
.iot-main-list-nodata { margin-top: 60px; }
.add-iot-list { padding: 56px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; text-align: center; }
.add-iot-list dt { font-size: 24px; font-weight: bold; }
.add-iot-list dt + dd { margin-top: 5px; }
.add-iot-list dd + dd { margin-top: 26px; }
.add-iot-list dd + dd button { padding: 0 20px; }
.add-iot-list dd + dd button i { vertical-align: -7px; margin-right: 10px; }
@media (max-width: 1023px) { .iot-main-list-nodata { margin-top: 40px; }
  .add-iot-list { padding: 36px 0; }
  .add-iot-list dt { font-size: 20px; }
  .add-iot-list dt br { display: block; } }
@media (min-width: 1024px) { .add-iot-list dt br { display: none; } }
.iot-no-data-box { margin-top: 60px; padding: 46px 0 50px; }
.iot-no-data-box .box-inner { width: 900px; margin: 0 auto; }
.iot-no-data-box .no-data-box-tit { text-align: center; }
.iot-no-data-box .no-data-box-tit dt { font-weight: bold; font-size: 24px; }
.iot-no-data-box .no-data-box-tit dt + dd { margin-top: 5px; }
.iot-no-data-box .no-data-box-txt { margin: 46px 0 42px; }
.iot-no-data-box .no-data-box-txt:after { content: ''; display: block; clear: both; }
.iot-no-data-box .no-data-box-txt li { text-align: center; }
@media (max-width: 1023px) { .iot-no-data-box { margin-top: 40px; padding: 26px 30px 30px; }
  .iot-no-data-box .box-inner { width: 100%; }
  .iot-no-data-box .no-data-box-txt { margin: 16px 0 0; border-bottom: 1px solid #ddd; }
  .iot-no-data-box .no-data-box-txt li { width: 100%; padding: 16px 0; border-top: 1px solid #ddd; }
  .iot-no-data-box .btn-area { margin-top: 30px; }
  .iot-no-data-box .btn-area button { padding: 0 10px; width: 100%; }
  .iot-no-data-box .no-data-box-tit dt br { display: block; } }
@media (min-width: 1024px) { .iot-no-data-box .no-data-box-tit dt br { display: none; }
  .iot-no-data-box .no-data-box-txt li { float: left; width: 33.3%; text-align: center; position: relative; }
  .iot-no-data-box .no-data-box-txt li + li:before { content: ''; position: absolute; left: 0; top: 5px; height: 38px; width: 1px; background-color: #ddd; } }
/* iot 자가 진단 상세 */
.holding-product-edit { padding: 30px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.holding-product-edit > div { width: calc(100% - 117px); }
.holding-product-edit > div + div { width: 117px; }
.holding-product-edit dl:after { content: ''; display: block; clear: both; }
.holding-product-edit dt, .holding-product-edit dd { float: left; }
.holding-product-edit dt { font-weight: bold; padding-right: 20px; }
.holding-product-edit dd { padding-left: 20px; position: relative; }
@media (max-width: 1023px) { .holding-product-edit { display: block; padding: 26px 30px 30px; margin-top: 21px; }
  .holding-product-edit > div { width: 100%; }
  .holding-product-edit > div + div { width: 100%; text-align: center; margin-top: 16px; }
  .holding-product-edit dl + dl { margin-top: 17px; }
  .holding-product-edit dt { width: 96px; }
  .holding-product-edit dd { width: calc(100% - 96px); } }
@media (min-width: 1024px) { .holding-product-edit dl { float: left; margin-right: 50px; }
  .holding-product-edit dd::before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; } }
.monitoring-list .sec-tit .monitoring-list-date { font-size: 14px; font-weight: 700; }
.monitoring-list .monitoring-list-box ul > li strong + strong { margin-left: 5px; }
@media (max-width: 1023px) { .monitoring-list .sec-tit .tit__03 { margin-bottom: 0; }
  .monitoring-list .sec-tit .monitoring-list-date { margin-top: 6px; }
  .monitoring-list .monitoring-list-box { margin-top: 19px; padding: 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .monitoring-list .monitoring-list-box > ul { width: 50%; border-right: 1px solid #ddd; }
  .monitoring-list .monitoring-list-box > ul + ul { border-right: 0; padding-left: 20px; }
  .monitoring-list .monitoring-list-box > ul > li { padding-left: 0; }
  .monitoring-list .monitoring-list-box > ul > li:before { display: none; }
  .monitoring-list .monitoring-list-box > ul > li + li { margin-top: 8px; }
  .monitoring-list .monitoring-list-info { margin-top: 6px; } }
@media (min-width: 1024px) { .monitoring-list .sec-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .monitoring-list .sec-tit .monitoring-list-date { margin-top: 80px; font-size: 14px; font-weight: 700; }
  .monitoring-list .monitoring-list-box { padding: 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .monitoring-list .monitoring-list-box .bullet__16 { width: calc(100% - 218px); line-height: 36px; }
  .monitoring-list .monitoring-list-box .bullet__16 + ul { width: 218px; padding-left: 40px; border-left: 1px solid #ddd; line-height: 36px; }
  .monitoring-list .monitoring-list-box ul:after { content: ''; display: block; clear: both; }
  .monitoring-list .monitoring-list-box ul > li { float: left; }
  .monitoring-list .monitoring-list-box ul > li::before { top: 15px; }
  .monitoring-list .monitoring-list-box ul > li + li { margin-left: 50px; }
  .monitoring-list .monitoring-list-box ul + ul > li + li { margin-left: 30px; }
  .monitoring-list .monitoring-list-info { margin-top: 16px; } }
.diagnostic-history-load .box-radius { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 26px 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.diagnostic-history-load .diagnostic-history-load.load-item03 dl { width: 33.3%; }
.diagnostic-history-load dl { width: 50%; }
.diagnostic-history-load dl:after { content: ''; display: block; clear: both; }
.diagnostic-history-load dt { font-weight: bold; }
.diagnostic-history-load dd span::after { content: '/'; }
.diagnostic-history-load dd span:last-child::after { display: none; }
.diagnostic-history-load-info { margin-top: 16px; font-size: 14px; }
.diagnostic-history-load-info .floatL { padding-left: 10px; position: relative; }
.diagnostic-history-load-info .floatL:before { content: '*'; position: absolute; left: 0; top: 2px; }
@media (max-width: 1023px) { .diagnostic-history-load { margin-top: 20px; padding-top: 23px; position: relative; }
  .diagnostic-history-load .box-radius { display: block; }
  .diagnostic-history-load dl { width: 100%; }
  .diagnostic-history-load.load-item03 dl { width: 100%; }
  .diagnostic-history-load dl + dl { margin-top: 16px; }
  .diagnostic-history-load dt + dd { margin-top: 4px; }
  .diagnostic-history-load-info { margin-top: 9px; }
  .diagnostic-history-load-info .floatL br { display: none; }
  .diagnostic-history-load-info .floatR { position: absolute; right: 0; top: -6px; } }
@media (min-width: 1024px) { .diagnostic-history-load dl:nth-child(n+3) { margin-top: 17px; }
  .diagnostic-history-load dt, .diagnostic-history-load dd { float: left; }
  .diagnostic-history-load dt { width: 60px; padding-right: 20px; }
  .diagnostic-history-load dd { width: calc(100% - 60px); padding-left: 20px; position: relative; padding-right: 10px; }
  .diagnostic-history-load.load-item03 dt { width: 80px; }
  .diagnostic-history-load.load-item03 dd { width: calc(100% - 80px); }
  .diagnostic-history-load.load-item03 dl:nth-child(n+3) { margin-top: 0; }
  .diagnostic-history-load dd span::after { content: '/'; padding: 0 2px; }
  .diagnostic-history-load dd::before { content: ""; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; } }
.iot-guide-icon-box { margin: 58px auto 0; padding: 0; }
.iot-guide-icon-box .sec-cont .iot-guide-txt-box { text-align: center; position: relative; font-size: 24px; }
.iot-guide-icon-box .sec-cont .iot-guide-txt-box { text-align: center; position: relative; font-size: 24px; }
.iot-guide-icon-box .sec-cont .iot-guide-txt-box::before { content: ''; display: block; margin: 0 auto; width: 40px; height: 40px; background: url(../img/iot/diagnostic-on.png) no-repeat; }
.iot-guide-icon-box .sec-cont .iot-guide-txt-box.diagnostic-on::before { background-position: 0 0; }
.iot-guide-icon-box .sec-cont .iot-guide-txt-box.diagnostic-on2::before { background-position: -46px 0; }
.iot-guide-icon-box .sec-cont .iot-guide-txt-box strong { display: block; margin-top: 16px; }
@media (max-width: 1023px) { .iot-guide-icon-box { width: 100%; padding-bottom: 36px; border-bottom: 9px solid #e7e7e7; position: relative; margin: 36px 0 0; }
  .iot-guide-icon-box:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ccc; }
  .iot-guide-icon-box .sec-cont { display: block; text-align: center; }
  .iot-guide-icon-box .sec-cont .iot-guide-txt-box { width: 300px; margin: 0 auto; border-radius: 40px; }
  .iot-guide-icon-box .sec-cont .iot-guide-txt-box br { display: block; }
  .iot-guide-icon-box .sec-cont .iot-guide-txt-box::before { background: url(../img/iot/diagnostic-on.png) no-repeat; background-size: 129px 40px; }
  .iot-guide-icon-box .sec-cont .iot-guide-txt-box.diagnostic-on::before { background-position: -46px 0; }
  .iot-guide-icon-box .sec-cont .iot-guide-txt-box.diagnostic-on2::before { background-position: -89px 0; }
  .iot-guide-icon-box .sec-cont .iot-guide-txt-box strong { line-height: 28px; } }
@media (min-width: 1024px) { .iot-guide-icon-box .sec-cont .iot-guide-txt-box br { display: none; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iot-guide-icon-box .sec-cont .iot-guide-txt-box::before { background: url(../img/iot/diagnostic-on.png) no-repeat; background-size: 129px 40px; }
  .iot-guide-icon-box .sec-cont .iot-guide-txt-box.diagnostic-on::before { background-position: -46px 0; }
  .iot-guide-icon-box .sec-cont .iot-guide-txt-box.diagnostic-on2::before { background-position: -89px 0; } }
.diagnostic-history-list .sec-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 52px; margin-bottom: 19px; }
.diagnostic-history-list .sec-tit h3 { padding-right: 20px; margin: 0; }
.diagnostic-history-list .sec-tit strong { padding-left: 20px; position: relative; font-size: 18px; }
.diagnostic-history-list .sec-tit strong:before { content: ''; position: absolute; left: 0; top: 3px; width: 1px; height: 18px; background-color: #ddd; }
.diagnostic-history-list .table-name02 li > div { width: 160px; }
.diagnostic-history-list .table-name02 li > div:nth-child(1) { width: 56%; }
.diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(3) { color: #767676; }
.diagnostic-history-list .table-name02 li > div .color__purple { color: #8a37d0; }
.diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(1) { text-align: left; padding: 0 40px; }
.diagnostic-history-list .table-name02 .tbl__rwd-content li > div button { min-width: 119px; }
.diagnostic-history-list .app-pagination { margin-top: 30px; margin-bottom: 60px; }
.diagnostic-history-list .table-name02 li > .no-data { text-align: center; }
.diagnostic-history-list .table-name02 li > .no-data span { font-size: 16px; font-weight: normal; }
@media (max-width: 1023px) { .diagnostic-history-list .sec-tit { margin-top: 36px; margin-bottom: 16px; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div + div { margin-top: 14px; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(1) { padding: 0; width: 100%; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(2), .diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(3) { display: inline-block; width: 50%; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(2) { min-width: 90px; width: auto; padding-right: 20px; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(3) { padding-left: 20px; position: relative; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(3):before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div:nth-child(4) { width: 100%; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div strong + strong { margin-left: 10px; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li.no-btn > div:nth-child(4) { display: none; width: auto; padding-left: 15px; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li.no-btn > div:nth-child(2) { min-width: auto; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li.no-btn > div:nth-child(3) { width: 165px; padding-right: 20px; }
  .diagnostic-history-list .app-pagination { margin-bottom: 30px; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div button { min-width: auto; }
  .diagnostic-history-list .mypage-detail { display: none; } }
@media (min-width: 1024px) { .diagnostic-history-list .tbl__rwd .tbl__rwd-content > li > div { height: auto; padding: 20px 0; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li:hover { background-color: #fbfbfb; }
  .diagnostic-history-list .table-name02 li > div strong[class^="color"] { display: block; }
  .diagnostic-history-list .table-name02 .tbl__rwd-content li > div button + button { margin-left: 0; margin-top: 5px; }
  .diagnostic-history-list .table-name02 li > .no-data { border-bottom: 1px solid #ddd; }
  .diagnostic-history-list .mypage-detail { margin-top: 30px; } }
/**/
.myshop_ch_in_bo { display: -webkit-box; display: -ms-flexbox; display: flex; }
.myshop_ch_in_bo a { float: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
@media (max-width: 1023px) { .myshop_ch_in_bo { display: block; } }
@media (max-width: 1023px) { .mypage-service-history { border-top: none; }
  .mypage-service-history .data-in-tbl { padding-left: 25px; }
  .mypage-service-history .data-in-tbl li { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .mypage-service-history .data-in-tbl li + li { margin-top: 10px; }
  .mypage-service-history .data-in-tbl li strong { -ms-flex-negative: 0; flex-shrink: 0; width: 100px; }
  .mypage-service-history .data-in-tbl li span { padding-left: 15px; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content li { position: relative; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content > li:first-child { margin-top: 15px; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content > li:not(.no-data) { margin-top: 20px; padding: 10px 10px 15px 10px; border-radius: 15px; border: 1px solid #d8d8d8; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content .reg-number { margin-bottom: 15px; padding: 13px 0; background-color: #f6f6f6; border-radius: 10px; text-align: center; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content .reg-number a { font-weight: 700; text-decoration: underline; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content div:after { content: ''; display: block; clear: both; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) { padding: 5px 0; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area):before { content: attr(data-th); float: left; width: 100px; padding-left: 25px; font-weight: 700; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > span, .tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > a { float: left; width: calc(100% - 100px); padding-left: 35px; word-break: break-all; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > span.form__checkbox { float: none; padding: 0; width: auto; }
  .tbl__rwd-card.mypage-service-history .with-btn-area .tbl__rwd-card-content > li:not(.no-data) { padding-bottom: 0; }
}
@media (min-width: 1024px) { .mypage-service-history { margin-bottom: 20px; }
  .tbl__rwd-card.mypage-service-history .col_1 { width: 200px; }
  .tbl__rwd-card.mypage-service-history .col_2 { width: 200px; }
  .tbl__rwd-card.mypage-service-history .col_4 { width: 200px; }
  .tbl__rwd-card.mypage-service-history .col_5 { width: 200px; }
  .tbl__rwd-card.mypage-service-history .col_6 { width: 140px; }
  .tbl__rwd-card.mypage-service-history .tbl__rwd-card-content .col_3 { text-align: center; }
  .tbl__rwd-card.mypage-service-history .data-in-tbl { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 30px; }
  .tbl__rwd-card.mypage-service-history .data-in-tbl li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .tbl__rwd-card.mypage-service-history .data-in-tbl .wide2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }
  .tbl__rwd-card.mypage-service-history .data-in-tbl strong { font-weight: 400; }
  .tbl__rwd-card.mypage-service-history .data-in-tbl strong:after { content: ' : '; } }
.tab-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.tab-search > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
.tab-search .model { margin-left: auto; }
.tab-search .model .btn-search { width: 50px; height: 50px; background: #000; margin-left: 10px; }
.tab-search .model .input { padding: 5px 5px 5px 10px; border-radius:0px;}
.tab-search .model input { width: 380px; padding: 0 10px 0 10px; height: 36px;  }
.tab-search ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
.tab-search li { border: 1px solid #ddd; margin-left: -1px; position: relative; width: 140px; height: 50px; display: inline-block; padding: 2px; }
.tab-search li a { display: block; height: 100%; line-height: 44px; text-align: center; }
.tab-search li.active, .tab-search li.is-active { border: 1px solid #000; z-index: 1; font-weight: 700; }
.tab-search .label { margin-right: 20px; line-height: 50px; }
.tab-search .btn__delete-input { top: 17px; }
.info-box .sec-cont { background-color: #f7f7f7; border-radius: 20px; }
/*202011220 추가 */
.table-name06-info { text-align: right; font-size: 14px; }
.table-name06-info + .table-name06 { margin-top: 14px; }
.table-name06 .app-pagination { margin-top: 30px; }
.table-name06 .no-data div { padding: 80px 0; font-size: 18px; }
@media screen and (min-width: 1024px) { .table-name06 .tbl__rwd-card-header > li > div { padding: 0; height: 80px; line-height: 38px; }
  .table-name06 .tbl__rwd-card-header span { display: inline-block; width: 50%; }
  .table-name06 .tbl__rwd-card-header span:first-child { border-right: 1px solid #ddd; }
  .table-name06 .tbl__rwd-card-header p { border-top: 1px solid #ddd; }
  .table-name06 .tbl__rwd-card-header div:nth-child(1) { width: 7%; }
  .table-name06 .tbl__rwd-card-header div:nth-child(2) { width: 11%; }
  .table-name06 .tbl__rwd-card-header div:nth-child(4) { width: 17%; }
  .table-name06 .tbl__rwd-card-header div:nth-child(5) { width: 14%; }
  .table-name06 .tbl__rwd-card-header div:nth-child(6) { width: 11%; }
  .table-name06 .tbl__rwd-card-header div:nth-child(7) { width: 8.5%; }
  .table-name06 .tbl__rwd-card-content div:nth-child(7) { width: 8.5%; }
  .table-name06 .tbl__rwd-card-content div:nth-child(1) { width: 7%; }
  .table-name06 .tbl__rwd-card-content div:nth-child(2) { width: 11%; }
  .table-name06 .tbl__rwd-card-content div:nth-child(4) { width: 8.5%; }
  .table-name06 .tbl__rwd-card-content div:nth-child(5) { width: 8.5%; }
  .table-name06 .tbl__rwd-card-content div:nth-child(6) { width: 14%; }
  .table-name06 .tbl__rwd-card-content div:nth-child(7) { width: 11%; }
  .table-name06 .tbl__rwd-card-content div:nth-child(8) { width: 8.5%; }
  .table-name06 div:not(:last-child) { border-right: 1px solid #ddd; }
  .info-box .sec-cont { padding: 30px 40px; display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 50px; }
  .info-box .sec-cont div { margin-left: 30px; }
  .search-box { margin-top: 80px; } }
@media (max-width: 1023px) { .tbl__rwd-card .tbl__rwd-card-content .reg-number { font-weight: 700; }
  .table-name06 .tbl__rwd-card-content li:not(.no-data) div:nth-child(1) { display: none; }
  .table-name06 .tbl__rwd-card-content li.no-data div:not(.reg-number):not(.card-btn-area) { padding: 80px 0; }
  .table-name06.tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area):before { max-width: 150px; }
  .table-name06.tbl__rwd-card .tbl__rwd-card-content div:not(.reg-number):not(.card-btn-area) > span { float: left; width: calc(100% - 150px); padding-left: 35px; }
  .info-box .sec-cont { text-align: center; margin-top: 30px; padding: 30px 20px; border-radius: 10px; }
  .info-box .sec-cont div { text-align: left; margin-top: 10px; width: 100%; }
  .search-box { margin-top: 60px; }
  .tab-search { display: block; }
  .tab-search > div { display: block; }
  .tab-search .label { display: none; }
  .tab-search li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .tab-search .model .form__text { display: block; }
  .tab-search .model .btn-search { width: 100%; margin: 20px 0 0 0; }
  .tab-search .model .btn-search i { display: inline; color: #fff; background: none; font-weight: 700; font-style: normal; font-size: 16px; }
  .tab-search .model input { width: 100%; margin: 0; }
  .tab-search .form__text .input { margin-top: 10px; }
  .tab-search .model { height: auto; }
  .table-name06 { border: none; } }



/* 유지보수/세척안내/b2b 카달로그 다운버튼 */
.info-reserve-down { display:block; }
.info-reserve-down a span { margin:0px; }
.info-reserve-down a:focus { outline:solid 2px #2189FF; }

@media (min-width: 1024px) {
  .info-reserve-down a { margin-left: 20px; }
}

@media (max-width:1023px) {
  .info-reserve-down { margin-top:6px;   }
  .info-reserve-down a { margin:0px; }
}



/* 전문상담/원격상담/실행파일 다운로드 버튼 */
.remote-control-btn { display:block; }
.remote-control-btn button span { margin:0px; }


@media (min-width: 1024px) {
  .remote-control-btn button { margin-left: 20px; }
}

@media (max-width:1023px) {
  .remote-control-btn { margin-top:6px;   }
  .remote-control-btn button { margin:0px; display:none; }
}

@media (max-width:1023px) {
  .remote-control-btn-02 { margin-top:6px; display:none }
  .remote-control-btn-02 button { margin:0px; display:none; }
  .remote-control-btn-date {display: none;}

}


/* 유지보수/세척안내 */
.info-reserve .sec-cont ul > li { margin: 5px 0; }
.info-reserve .sec-cont > ol { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.info-reserve .sec-cont > ol > li { width: calc(50% - 12px); margin-top: 24px; }
.info-reserve .sec-cont > ol > li:nth-child(even) { margin-left: 12px; }
.info-reserve .sec-cont > ol > li:nth-child(odd) { margin-right: 12px; }
.info-reserve .sec-cont > ol > li { position: relative; padding: 30px 40px; }
.info-reserve .sec-cont > ol > li i { position: absolute; top: 30px; right: 40px; }
.info-reserve .sec-cont strong { font-size: 18px; }
.info-reserve .sec-cont ul { margin-top: 10px; padding-right: 90px; }
.info-reserve .btn-area { margin-top: 60px; }
.service-box { margin-top: 80px; }
.service-box .tab-search { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.service-box .tab-search li { width: 280px; }
@media (max-width: 1023px) { .info-reserve .sec-cont > ol > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
.wash-1 .tit__03 { margin-top: 44px; }
.wash-1 ol { margin-top: 30px; border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.wash-1 strong { font-size: 18px; display: block; margin-bottom: 10px; }
.wash-1 ol > li { padding: 30px; }
.wash-1 ul li { margin: 5px 0; }
.wash-2 ul li { margin: 5px 0; padding-right: 10%; }
.wash-2 ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.wash-2 strong { font-size: 18px; display: block; margin-bottom: 10px; }
.wash-2 ol > li { padding: 30px; border-radius: 20px; width: calc((100% - 72px)/4); }
/* flex-basis:280px;position:relative;*/
.wash-2 ol > li ul li { padding-right: 0; }
.wash-2 ol > li:nth-child(1) { background: #f5f7fe; }
.wash-2 ol > li:nth-child(2) { background: #f7f5f2; }
.wash-2 ol > li:nth-child(3) { background: #fef6f3; }
.wash-2 ol > li:nth-child(4) { background: #f6f0f5; }
.wash-2 ul + div { margin-top: 26px; }
@media (min-width: 1024px) and (max-width: 1439px) { .wash-2 ol { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wash-2 ol > li { width: calc(50% - 12px); }
  .wash-2 ol > li:nth-child(n+3) { margin-top: 24px; } }
@media (max-width: 1023px) { .wash-2 ol { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wash-2 ol > li { width: 100%; border-radius: 10px; padding: 25px; }
  .wash-2 ol > li + li { margin-top: 10px; }
  .wash-2 ol > li:nth-child(n+3) { margin-top: 10px; } }
.wash-3 { margin-top: 74px; }
.wash-3 .box-radius { text-align: center; margin-top: 20px; }
.wash-3 h2.tit_ { margin: 40px 0 30px; font-size: 24px; }
.wash-3 .tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; }
.wash-3 .tab li { height: 30px; border-radius: 15px; border: 1px solid #a9a9a9; font-size: 14px; font-weight: 700; margin: 0 7px; }
.wash-3 .tab li.is-active { background: #0072de; border-color: #0072de; color: #fff; }
.wash-3 .tab li a { display: block; padding: 3px 15px; }
.wash-3 .list li { margin: 30px 15px 0; display: inline-block; }
.wash-3 .list i { width: 119px; height: 108px; background: #fff; overflow: hidden; display: inline-block; border-radius: 10px; position: relative; }
.wash-3 .list i:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 10px; border: 1px solid #ddd; z-index: 5; }
.wash-3 .list i img { opacity: 0.2; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.wash-3 .basic ul:nth-of-type(1) li:nth-child(2) i::before, .wash-3 .basic ul:nth-of-type(2) li:nth-child(6) i::before, .wash-3 .basic ul:nth-of-type(2) li:nth-child(7) i::before, .wash-3 .basic ul:nth-of-type(2) li:nth-child(8) i::before { border: 2px solid #0072de; }
.wash-3 .basic ul:nth-of-type(1) li:nth-child(2) i img, .wash-3 .basic ul:nth-of-type(2) li:nth-child(6) i img, .wash-3 .basic ul:nth-of-type(2) li:nth-child(7) i img, .wash-3 .basic ul:nth-of-type(2) li:nth-child(8) i img { opacity: 1; }
.wash-3 .all ul li i::before { border: 2px solid #0072de; }
.wash-3 .all ul li i img { opacity: 1; }
.wash-3 .defalut ul:nth-of-type(1) li:nth-child(1) i:before, .wash-3 .defalut ul:nth-of-type(1) li:nth-child(2) i:before, .wash-3 .defalut ul:nth-of-type(1) li:nth-child(3) i:before, .wash-3 .defalut ul:nth-of-type(1) li:nth-child(4) i:before, .wash-3 .defalut ul:nth-of-type(1) li:nth-child(5) i:before, .wash-3 .defalut ul:nth-of-type(2) li:nth-child(5) i:before, .wash-3 .defalut ul:nth-of-type(2) li:nth-child(6) i:before, .wash-3 .defalut ul:nth-of-type(2) li:nth-child(7) i:before, .wash-3 .defalut ul:nth-of-type(2) li:nth-child(8) i:before { border: 2px solid #0072de; }
.wash-3 .defalut ul:nth-of-type(1) li:nth-child(1) i img, .wash-3 .defalut ul:nth-of-type(1) li:nth-child(2) i img, .wash-3 .defalut ul:nth-of-type(1) li:nth-child(3) i img, .wash-3 .defalut ul:nth-of-type(1) li:nth-child(4) i img, .wash-3 .defalut ul:nth-of-type(1) li:nth-child(5) i img, .wash-3 .defalut ul:nth-of-type(2) li:nth-child(5) i img, .wash-3 .defalut ul:nth-of-type(2) li:nth-child(6) i img, .wash-3 .defalut ul:nth-of-type(2) li:nth-child(7) i img, .wash-3 .defalut ul:nth-of-type(2) li:nth-child(8) i img { opacity: 1; }
.wash-3 .swiper-pagination { left: calc(50% - 20px); margin-top: 10px; }
.wash-3 .swiperItem { height: 10px; }
.wash-3 .list p { text-align: center; font-size: 14px; margin-top: 15px; }
.wash-3 div > i { width: 600px; margin: 50px 0; display: inline-block; max-width: 90%; }
.wash-3 ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.wash-3 ul li { margin: 5px 0; }
.wash-3 ul.none-flex { display: block; }
@media (max-width: 1023px) { .wash-3 { margin-top: 56px; } }
.wash-4 .sec-cont-in { background-color: #f7f7f7; border-radius: 20px; padding: 30px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.wash-4 .sec-cont-in strong { font-size: 18px; display: block; margin-bottom: 10px; }
.wash-4 .sec-cont-in div { margin-left: 35px; width: calc(100% - 130px); }
.wash-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; }
.wash-4 strong { font-size: 18px; display: block; margin-bottom: 25px; }
.wash-4 .list li { width: 50%; padding: 30px; }
.wash-4 .list li:nth-child(1) { margin-right: 12px; }
.wash-4 .list li:nth-child(2) { margin-left: 12px; }
.wash-4 .list li div { display: inline-block; position: relative; }
.wash-4 .list li div p { position: absolute; left: 200px; white-space: nowrap; }
.wash-4 .list li div:nth-of-type(1) p { left: 396px; top: 30px; }
.wash-4 .list li div:nth-of-type(2) { margin-left: 12px; }
.wash-4 .list li div:nth-of-type(2) p { top: 58px; }
.wash-5 .tit__04 { margin-top: 30px; }
.wash-5 .list div { margin-bottom: 30px; padding: 0 30px 30px; border-bottom: 1px solid #ddd; position: relative; }
.wash-5 .list div p { padding-right: 370px; }
.wash-5 .list strong { width: 80px; min-width: 80px; display: inline-block; }
.wash-5 .list i { display: inline-block; position: absolute; right: 30px; bottom: 40px; }
.wash-5 .list ul { margin: 30px 0 0; }
.wash-5 .list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 350px; }
.wash-5 ul li { margin: 5px 0; }
.wash-6 .bd-t { padding-top: 30px; }
.wash-6 .sec-img { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wash-6 .sec-img li { width: 50%; }
.wash-6 .sec-img li:nth-child(1) { margin-right: 12px; }
.wash-6 .sec-img li:nth-child(2) { margin-left: 12px; }
.wash-6 .sec-img h2 { margin-top: 40px; }
.wash-6 i { display: inline-block; border-radius: 20px; overflow: hidden; }
.wash-6 p { text-align: center; margin-top: 20px; }
.wash-6 ul li { margin: 5px 0; }
@media (max-width: 1023px) { .wash-6 i img { width: 100%; } }
.wash-7 strong { font-size: 18px; display: block; }
.wash-7 .box-radius { padding: 30px 50px; position: relative; margin-top: 15px; }
.wash-7 .box-radius p { padding-right: 100px; }
.wash-7 .box-radius .sec-tit h2 { margin-top: 0; margin-bottom: 17px; }
.wash-7 i { position: absolute; right: 50px; top: 35px; }
.wash-7 ol { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; padding-right: 15%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.wash-7 .tit__03 { margin-top: 44px; }
.wash-7 ol .boxTit + .bullet__16 { padding-left: 15px; }
@media (max-width: 1023px) { .wash-7 i { right: 25px; top: 20px; }
  .wash-7 .box-radius p { padding-right: 70px; } }

.wash-8 .wash-table { position: relative; }
.wash-8 .wash-table table { min-width: 870px; }
.wash-8 .wash-table table.left { text-align: left; }
.wash-8 .wash-table table .dot-style { position: relative; }
.wash-8 .wash-table table .dot-style:before { content: ''; font-size:0px; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wash-8 .wash-table table td div.bg_style { border-radius:20px; background:#f7f7f7; width: 100%; height: 100%; display: flex; justify-content:center;  align-items:center; }
.wash-8 .wash-table table td div.bg_style p { width: auto; height: auto; }

@media (max-width: 1023px) {
  .wash-8 .wash-table .sec-detail { padding-bottom: 40px; }
  .wash-8 .wash-table .tbl__normal thead th { line-height:18px; }
}


.itproduct-1 > ol { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; }
.itproduct-1 .info-1 > li { width: calc(50% - 12px); }
.itproduct-1 .info-1 > li:nth-child(even) { margin-left: 12px; }
.itproduct-1 .info-1 > li:nth-child(odd) { margin-right: 12px; }
.itproduct-1 .info-1 > li { position: relative; padding: 30px 40px; }
.itproduct-1 .info-1 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; }
.itproduct-1 .info-1 ul li i { width: 60px; height: 60px; display: inline-block; }
.itproduct-1 .info-1 strong { font-size: 24px; margin-bottom: 25px; padding-bottom: 18px; border-bottom: 1px solid #a9a9a9; display: block; }
.itproduct-1 .info-1 p { margin-top: 0px; line-height: 26px; }
.itproduct-1 .bd-t { padding-top: 20px; }
.itproduct-1 .info-2.bd-t { padding-top: 30px; }
.itproduct-1 .info-2 { margin-top: 30px; }
.itproduct-1 .info-2 > li { width: 430px; padding: 22px 30px; }
.itproduct-1 .info-2 > li:nth-child(2) { width: 90px; }
.itproduct-1 .info-2 > li:nth-child(2) i { width: 12px; height: 24px; position: relative; top: 46px; left: 10px; display: inline-block; }
.itproduct-1 .info-2 > li:nth-child(2) i::before { content: ''; position: absolute; top: 50%; width: 16px; height: 16px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.itproduct-1 ul li { margin: 5px 0; }
.itproduct-1 ul li div { display: inline-block; }
.itproduct-1 ul li div p { text-align: center; }
.itproduct-2 ul { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; margin-top: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.itproduct-2 li { position: relative; -ms-flex-preferred-size: 170px; flex-basis: 170px; }
/* .itproduct-2 li span{width:140px;height:140px;padding:40px;border-radius:50%;display:inline-block} */
.itproduct-2 li:not(:last-child):before { content: ""; position: absolute; right: 0; top: 30px; width: 1px; height: 60px; background: #ddd; }
.itproduct-2 p { margin: 10px 0 0; }
.itproduct-2 h2 { margin-bottom: 25px; }
.itproduct-2 ul li div { display: inline-block; }
.itproduct-2 ul li div p { text-align: center; }
.itproduct-3 strong { font-size: 26px; font-weight:bold;  display: block; margin: 5px 0; }
.itproduct-3 strong.color__purple { color:#957aae; }
.itproduct-3 strong.color__blue { color:#2a75b3; }
.itproduct-3 strong.color__pink { color:#e0777a; }
.itproduct-3 strong.color__mint { color:#3aabbc; }
.itproduct-3 strong.color__green { color:#40a772; }


.itproduct-3 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; }
.itproduct-3 ul li i { width: 100%; display: inline-block; overflow: hidden; /* border-radius: 20px; */ }
.itproduct-3 ul li { width: 20%;}

/*flex-basis:500px;*/
.itproduct-3 ul li:not(:last-child) { margin-right:0px; /*margin-right: 24px;*/ }
@media (max-width: 1200px) { .itproduct-3 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .itproduct-3 ul li { width: calc(50% - 12px); max-width: 100%; }
  .itproduct-3 ul li img { width: 100%; }
  .itproduct-3 ul li:not(:last-child) { margin-right: 0; }
  .itproduct-3 ul li:nth-child(n+3) { margin-top: 16px; } }
@media (max-width: 1023px) { .itproduct-1 .info-2.bd-t { padding-top: 25px; }
  .itproduct-3 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .itproduct-3 ul li { width: 100%; }
  .itproduct-3 ul li i { /* border-radius: 10px; */ }
  .itproduct-3 ul li img { width: 60%; /*width: 100%;*/ }
  .itproduct-3 strong { font-size: 22px;}
  .itproduct-3 ul li + li { margin-top: 20px; }
  .wash-6 .sec-img li:nth-child(2) { margin-left: 0; }
  .itproduct-3 ul li:not(:last-child) { margin-right: 0; }
  .itproduct-3 ul li:nth-child(n+3) { margin-top: 20px; } }
.itproduct-3 p { margin: 5px 0; }
.itproduct-3 ul li div { display: inline-block; width: 100%; }
.itproduct-3 ul li div p { text-align: center; }
.itproduct-4 strong { font-size: 18px; display: block; }
.itproduct-4 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.itproduct-4 ul li { -ms-flex-preferred-size: 500px; flex-basis: 500px; margin: 5px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.itproduct-4 ul li:not(:last-child) { margin-right: 24px; }
.itproduct-4 i { float: left; left: 0; top: 0; }
.itproduct-4 i::before { content: ""; position: absolute; left: 45px; bottom: 0px; width: 14px; height: 14px; border-radius: 50%; background: #e0e0e0; }
.itproduct-4 p { margin: 5px 0; }
.itproduct-4 h2 { margin-bottom: -20px; }
.itproduct-4 li div { margin-left: 50px; width: calc(100% - 50px); }
@media (max-width: 1023px) { .itproduct-4 i { background: none; position: relative; float: left; width: 32px; height: 36px; margin-top: 7px; }
  .itproduct-4 i::before { display: none; }
  .itproduct-4 i:after { content: ""; width: 32px; height: 36px; position: absolute; background-size: cover; left: 0; top: 0; }
  .itproduct-4 .icon-infonum_01:after { background: url(../../assets/img/company/number01.png) no-repeat; background-size: cover; }
  .itproduct-4 .icon-infonum_02:after { background: url(../../assets/img/company/number02.png) no-repeat; background-size: cover; }
  .itproduct-4 .icon-infonum_03:after { background: url(../../assets/img/company/number03.png) no-repeat; background-size: cover; }
  .itproduct-4 ul li:not(:last-child) { margin-right: 0; }
  .itproduct-4 li div { float: right; width: calc(100% - 60px); margin-left: 0; }
  .itproduct-4 ul li { display: block; }
  .itproduct-4 ul li::after { content: ''; display: block; clear: both; } }
.itproduct-5 strong { font-size: 18px; display: block; }
.itproduct-5 ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.itproduct-5 ol > li { -ms-flex-preferred-size: 500px; flex-basis: 500px; padding: 30px; }
.itproduct-5 ol > li:not(:last-child) { margin-right: 24px; width: calc(25% - 72px); }
.itproduct-5 .bullet__16 li { margin: 5px 0; }
@media (max-width: 1260px) { .wash-3 .list { width: 600px; } }
@media (max-width: 670px) { .wash-3 .list { width: 300px; } }
@media (min-width: 720px) { .wash-3 .swiper-pagination { display: none; }
  .wash-3 .swiperItem { display: none; } }
@media (max-width: 1380px) { .wash-4 .sec-cont-in { display: block; text-align: center; padding: 30px 20px; border-radius: 10px; }
  .wash-4 .sec-cont-in div { text-align: left; margin: 10px 0 0 0; width: 100%; }
  .wash-4 .list { display: block; }
  .wash-4 strong { margin-bottom: 5px; }
  .wash-4 .list li { padding: 20px; width: 100%; }
  .wash-4 .list li:nth-child(2) { margin: 20px 0 0 0; } }
@media (max-width: 800px) { .wash-4 strong { margin-bottom: 0px; }
  .wash-4 .list li:nth-child(2) { margin-top: 20px; }
  .wash-4 .list li div:nth-of-type(1), .wash-4 .list li div:nth-of-type(2) { margin: 15px 0 0 0; display: block; }
  .wash-4 .list li div:nth-of-type(2) p, .wash-4 .list li div:nth-of-type(1) p { left: 0; top: 0; margin-top: 10px; }
  .wash-4 .list li div p { position: relative; left: 0; top: 0; } }
@media (max-width: 1023px) { .info-reserve .btn-area { margin-top: 30px; }
  .service-box { margin-top: 60px; }
  .find-center-wrap + .sec-box .tit__03 { margin-top: 35px; }
  .service-box .tab-search li { width: 100%; }
  .info-reserve i { width: 60px; height: 60px; }
  .info-reserve .sec-cont > ol { margin-top: 16px; }
  .info-reserve .sec-cont > ol > li { padding: 30px 30px 34px; border-radius: 10px; width: 100%; margin: 10px 0 0; height: 110px; }
  .info-reserve .sec-cont > ol > li ul { display: none; }
  .info-reserve .sec-cont > ol > li i { right: 30px; top: 25px; }
  .info-reserve .sec-cont > ol > li:nth-child(even) { margin-left: 0px; }
  .info-reserve .sec-cont > ol > li:nth-child(odd) { margin-right: 0px; }
  .info-reserve .sec-cont strong { display: block; padding-right: 80px; }
  .wash-1 ol { display: block; }
  .wash-1 ol > li { padding: 24px 0 0 0; }
  .wash-1 ol > li:last-child { padding-bottom: 24px; }
  /* .wash-2 ol{display:block} */
  /* .wash-2 ol{    flex-wrap:wrap} .wash-2 ol > li {width:50%} .wash-2 ol > li:nth-child(n+3) {margin-top:80px} */
  .wash-5 .list i { position: static; top: 0; bottom: 0; margin-top: 15px; width: 100%; }
  .wash-5 .list div { padding: 0; }
  .wash-5 .list ul { margin: 20px 0; }
  .wash-5 .list div p, .wash-5 .list ul li { padding-right: 0; }
  .wash-6 i { border-radius: 10px; width: 100%; }
  .wash-6 .sec-img { display: block; }
  .wash-6 .sec-img li { width: 100%; }
  .wash-6 p { margin-top: 12px; }
  .wash-6 .tit__03 { margin-top: 27px; }
  .wash-7 ol { display: block; padding-right: 0; margin-top: 20px; }
  .wash-7 ol > li { margin-top: 20px; }
  .wash-7 strong { margin-bottom: 10px; }
  .wash-7 .box-radius { padding: 25px; }
  .itproduct-1 > ol { display: block; }
  .itproduct-1 .info-1 > li { width: 100%; padding: 20px; }
  .itproduct-1 .info-1 > li:nth-child(even) { margin: 15px 0 0 0; }
  .itproduct-1 .info-1 strong { font-size: 20px; margin-bottom: 20px; padding-bottom: 14px; }
  .itproduct-1 .info-1 + .sec-tit h2 { margin-top: 50px; }
  .itproduct-1 .info-2 { margin-top: 15px; }
  .itproduct-1 .info-2 > li { width: 100%; padding: 18px 25px; }
  .itproduct-1 .info-2 > li:nth-child(2) { width: 100%; padding: 13px; text-align: center; }
  .itproduct-1 .info-2 > li:nth-child(2) i { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 0; left: 0; }
  .itproduct-4 ul { display: block; }
  .itproduct-4 ul li:not(:last-child) { margin-bottom: 30px; }
  .itproduct-5 ol { display: block; border-bottom: 1px solid #dddddd; padding-bottom: 26px; }
  .itproduct-5 ol > li { padding: 0; margin-top: 24px; }
  .itproduct-5 .bullet__16 li { margin: 0; }
  .itproduct-5 ol > li:not(:last-child) { width: 100%; } }
@media (max-width: 1200px) { .itproduct-2 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .itproduct-2 ul li { width: 25%; -ms-flex-preferred-size: auto; flex-basis: auto; }
  .itproduct-2 ul li:nth-child(4)::before { display: none; }
  .itproduct-2 ul li:nth-child(n+5) { margin-top: 30px; }
  /* .itproduct-2 ul li:nth-child(4n+1){text-align:left} .itproduct-2 ul li:nth-child(4n+4){text-align:right} */ }
@media (max-width: 600px) { .itproduct-2 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .itproduct-2 ul li { width: 33.3%; }
  .itproduct-2 ul li:nth-child(n+4) { margin-top: 30px; }
  .itproduct-2 ul li::before { display: none; }
  /* .itproduct-2 ul li:nth-child(2n+1){text-align:left} .itproduct-2 ul li:nth-child(2n+2){text-align:right} */
  /* .itproduct-3 ul{display:block} .itproduct-3 ul li{width:100%} .itproduct-3 ul li:not(:last-child){margin:0 0 30px 0} .itproduct-3 ul li img{width:100%} */ }
@media (max-width: 550px) { .itproduct-1 .info-1 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .itproduct-1 .info-1 ul li { width: 33%; }
  .itproduct-1 .info-1 ul li:nth-child(3n+1) { text-align: left; }
  .itproduct-1 .info-1 ul li:nth-child(3n+3) { text-align: right; } }
/* 요금안내 */
.info-box .align-center { margin-top: 20px; width: calc(100% - 130px); }
.info-box.reinstall .align-center { margin-top: 20px; width: calc(100% - 130px); }
.fee-1 { margin-top: 60px; }
.fee-1 strong { font-size: 18px; margin-top: 5px; }
.fee-1 div { width: 180px; height: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; overflow: hidden; border: 1px solid #dfdfdf; }
.fee-1 ul { text-align: center; position: relative; }
.fee-1 li { display: inline-block; vertical-align: top; position: relative; }
.fee-1 li:nth-child(2) { margin-left: -30px; }
.fee-1 li:nth-child(3) { margin-left: -30px; }
.fee-1 li:nth-child(4) { margin-left: 120px; }
.fee-1 li:nth-child(4)::before { content: ""; position: absolute; top: 90px; left: -140px; width: 140px; height: 1px; background: #000; }
.fee-1 li:nth-child(4)::after { content: ""; position: absolute; top: 90px; left: 0; width: 20px; height: 1px; background: #fff; }
.fee-1 li:nth-child(4) div { background: #1428a0; border-color: #1428a0; color: #fff; }
.fee-2 ol { margin-top: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.fee-2 strong { font-size: 28px; display: block; margin-bottom: 15px; }
.fee-2 ol > li { width: 33%; }
.fee-2 ol > li:not(:last-child) { margin-right: 40px; }
.fee-2 ul li { margin: 16px 0; }
.fee-2 i { position: absolute; left: 0; top: -1px; }
.fee-2 > span { display: block; margin-top: 20px; }
@media (max-width: 1023px) { .fee-1 li { display: block; }
  .fee-1 li div { width: 130px; height: 130px; margin: auto; }
  .fee-1 li:nth-child(n+2):nth-child(-n+3) div { position: absolute; top: -30px; }
  .fee-1 li:nth-child(2) div { left: calc(50% - 104px); }
  .fee-1 li:nth-child(3) div { left: calc(50% - -3px); }
  .fee-1 li:nth-child(4) { margin: 110px 0 0 0; }
  .fee-1 li:nth-child(4)::before { top: -30px; left: 50%; width: 1px; height: 30px; }
  .fee-1 li:nth-child(4)::after { top: 0px; left: 50%; width: 1px; height: 10px; }
  .fee-1 strong { font-size: 16px; }
  .fee-2 ol { display: block; margin-top: 45px; }
  .fee-2 ol > li { width: 100%; margin-top: 40px; }
  .fee-2 strong { font-size: 24px; }
  .info-box.reinstall .align-center { width: 100%; text-align: center; }
  .info-box.reinstall .align-center ul { text-align: left; }
  .fee-2 > span { margin-top: 32px; } }
.fee-3 { border-top: 1px solid #000; padding: 26px 0; }
.fee-3 + .fee-3 { border-color: #ddd; border-bottom: 1px solid #ddd; }
.fee-3 .fee-box-txt .bullet__16 li + li { margin-top: 8px; }
.fee-3 .fee-box-txt .fee-list { margin-top: 16px; }
.fee-3 .fee-box-txt .fee-list > li:nth-child(4n+1) { background-color: #f5f7fe; }
.fee-3 .fee-box-txt .fee-list > li:nth-child(4n+2) { background-color: #f7f5f2; }
.fee-3 .fee-box-txt .fee-list > li:nth-child(4n+3) { background-color: #f6f0f5; }
.fee-3 .fee-box-txt .fee-list > li:nth-child(4n+4) { background-color: #fef6f3; }
.fee-3 .fee-box-txt .fee-list > li + li { margin-top: 10px; }
@media (max-width: 1023px) { .fee-3 .fee-box-tit { font-size: 20px; }
  .fee-3 .fee-box-txt .bullet__16 { margin-top: 10px; }
  .fee-3 .fee-box-txt > span { display: block; margin-top: 12px; }
  .fee-3 .fee-box-txt .fee-list > li { padding: 16px 20px; border-radius: 10px; } }
@media (min-width: 1024px) { .fee-3 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .fee-3 .fee-box-tit { width: 330px; font-size: 24px; line-height: 1; }
  .fee-3 .fee-box-txt { width: 1024px; }
  .fee-3 .fee-box-txt .fee-list > li { padding: 18px 20px; border-radius: 20px; }
  .fee-3 .fee-box-txt .fee-list > li::after { content: ''; display: block; clear: both; }
  .fee-3 .fee-box-txt .fee-list > li strong { float: left; width: 117px; }
  .fee-3 .fee-box-txt .fee-list > li ul { float: left; width: calc(100% - 117px); } }
[class*=assure-] { position: relative; }
[class*=assure-] table { min-width: 870px; }
[class*=assure-] .sec-tit a { display: none; }
.assure-1 .txt li { padding-left: 25px; text-indent: -25px; font-size: 16px; margin: 5px 0; }
.assure-1 .txt li i { font-size: 18px; font-weight: 700; font-style: normal; margin-right: 5px; }
.assure-1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; }
.assure-1 .list li { padding: 30px; -ms-flex-preferred-size: 500px; flex-basis: 500px; }
.assure-1 .list li:not(:last-child) { margin-right: 25px; }
.assure-1 .list li p { border-top: 1px solid #ddd; margin-top: 15px; padding-top: 15px; }
.table .left { text-align: left; }
.table li { margin: 5px 0; }
.assure-3 .sec-detail > ul { margin-top: 15px; }
.assure-3 .sec-detail > ul li { margin: 5px 0; }
.assure-3 .box-radius { padding: 30px 40px; margin-top: 30px; }
.assure-3 .box-radius strong { font-size: 18px; display: block; margin-bottom: 5px; }
.assure-3 .box-radius p { margin: 2px 0; }
.assure-3 .box-radius p:nth-of-type(2) { font-weight: 700; }
.assure-4 table tr:not(:first-child) th { border-top: 1px solid #ddd; }
.assure-4 table th:not(:last-child), .assure-4 table td:not(:last-child) { border-right: 1px solid #ddd; }
.assure-4 .sec-detail > ul { margin-top: 15px; }
@media (max-width: 1023px) { [class*=assure-] .sec-tit { position: relative; }
  [class*=assure-] .sec-tit a { display: block; position: absolute; top: 0; right: -6px; width: 30px; height: 30px; }
  [class*=assure-] .sec-tit i { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
  [class*=assure-] .sec-tit a::before { content: ''; position: absolute; top: 13px; right: 9px; width: 12px; height: 12px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  [class*=assure-] .sec-tit a.is-hidden:before { top: 5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  [class*=assure-] .sec-detail { padding-bottom: 40px; border-top: 1px solid #000; }
  [class*=assure-]:not(.assure-4) { border-bottom: 1px solid #c6c6c6; -webkit-box-shadow: 0 7px 0 #e4e4e4; box-shadow: 0 7px 0 #e4e4e4; }
  [class*=assure-] .sec-detail { padding-top: 20px; }
  .assure-1 .list { display: block; }
  .assure-1 .list li { padding: 20px; margin-top: 15px; border-radius: 10px; }
  .assure-1 .list li:not(:last-child) { margin-right: 0; }
  .assure-1 .list li p { margin-top: 10px; padding-top: 10px; } }
.repair-1 ol { display: -webkit-box; display: -ms-flexbox; display: flex; }
.repair-1 ol > li:not(:last-child) { margin-right: 25px; }
.repair-1 ol > li { -ms-flex-preferred-size: 700px; flex-basis: 700px; }
.repair-1 ul { padding: 30px 40px; height: calc(100% - 130px); }
.repair-1 ul li { margin: 5px 0; }
@media (max-width: 1023px) { .repair-1 ol { display: block; }
  .repair-1 ol > li:not(:last-child) { margin-right: 0; }
  .repair-1 ul { padding: 20px 20px; border-radius: 10px; }
  .repair-1 .tit__03 { margin-top: 55px; } }
[class*=conflict-] { position: relative; }
[class*=conflict-] .sec-tit { display: -webkit-box; display: -ms-flexbox; display: flex; }
[class*=conflict-] .sec-tit a { display: none; margin-left: auto; margin: 20px 0 0 auto; width: 80px; height: 50px; }
[class*=conflict-] .sec-tit i { margin-left: auto; position: relative; font-size: 0; }
[class*=conflict-] .sec-tit i::before { content: ''; position: absolute; top: 26px; right: 0; width: 12px; height: 12px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
[class*=conflict-] .sec-tit h2 { padding-right: 50px; }
[class*=conflict-] .sec-tit .tit__03 { margin-top: 54px; margin-bottom: 21px; font-size: 24px; line-height: 30px; }
[class*=conflict-] table { min-width: 870px; }
[class*=conflict-] table i { font-size: 20px; font-weight: 700; font-style: normal; margin-right: 5px; }
[class*=conflict-] .sec-detail { padding-bottom: 30px; border-top: 1px solid #000; }
.conflict-1 .sec-cont { padding: 40px 80px; margin-top: 50px; text-align: center; }
.conflict-1 h2.tit__04 { text-align: center; margin-top: 20px; width: 100%; }
.conflict-1 ul { border-top: 1px solid #000; text-align: left; }
.conflict-1 ul li:not(:first-child) { border-top: 1px solid #ddd; }
.conflict-1 .label { font-size: 18px; font-weight: 700; text-align: center; width: 100px; display: inline-block; }
.conflict-1 li { padding: 21px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
.conflict-1 li span:not(.label) { width: calc(100% - 100px); padding-right: 40px; }
.conflict-2 table { border: 1px solid #ddd; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.conflict-2 table tbody td { text-align: left; padding: 25px 30px; word-break: break-all; }
.conflict-2 table li { margin: 0px 0; }
.conflict-2 table td:not(:first-child) { border-left: 1px solid #ddd; }
.conflict-2 table p { text-indent: -25px; padding-left: 25px; }
.conflict-2 table p span { display: block; margin-top: 4px; text-indent: 0; }
.conflict-2 table td:nth-child(1) ul { padding-left: 18px; }
.conflict-2 table td:nth-child(1) ul p { text-indent: 0; padding: 0; }
.conflict-2 table td:nth-child(1) li { margin: 12px 0; }
.conflict-2 table td:nth-child(2) li span { font-size: 14px; display: block; margin: 5px 0 0 20px; }
.conflict-3 table { min-width: 1010px; }
.conflict-3 table tbody td { padding-right: 30px; padding-left: 30px; }
.conflict-3 table tbody td.border-r { border-right: 1px solid #ddd; }
.conflict-3 table tbody td:last-child { border-left: 1px solid #ddd; }
.conflict-3 table tr:not(:first-child) th { border-top: 1px solid #ddd; }
.conflict-3 table th:not(:last-child), .conflict-3 table td:not(:last-child) { border-right: 1px solid #ddd; }
.conflict-3 .sec-detail > ul { margin-top: 15px; }
@media (max-width: 1023px) { [class*=conflict-]:not(.conflict-1):before { content: ''; position: absolute; top: 5px; right: 0; width: 100%; height: 8px; border-top: 1px solid #c6c6c6; background: #e4e4e4; }
  [class*=conflict-] .sec-tit a { display: grid; }
  [class*=conflict-] .sec-detail { padding-top: 20px; }
  [class*=conflict-] .sec-tit .tit__03 { margin-top: 36px; margin-bottom: 20px; font-size: 20px; line-height: 28px; padding-right: 0; }
  .conflict-1 { margin-bottom: 35px; }
  .conflict-1 h2.tit__04 { padding: 0; width: 100%; }
  .conflict-1 h2.tit__04 span { display: block; }
  .conflict-1 .sec-cont { padding: 30px 20px; }
  .conflict-1 li { display: block; padding: 13px 0; }
  .conflict-1 .label { display: block; text-align: left; margin-bottom: 5px; } }
.reinstall h2.tit__04 { margin: 0 0 8px 0; }
.reinstall.info-box .sec-cont { margin-top: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.reinstall.info-box .sec-cont div { margin-top: 10px; }
.reinstall-1 { text-align: center; margin-top: 50px; }
.reinstall-1 p span { font-weight: 700; }
.reinstall-1 .btn-area { margin-bottom: 30px; }
.reinstall-2 { border-top: 1px solid #000; margin-top: 55px; }
.reinstall-2 .label { font-weight: 700; }
.reinstall-2 h2.tit__04 { margin: 0 0 0px 30px; width: 250px; }
.reinstall-2 ol > li { border-bottom: 1px solid #ddd; padding: 30px 40px; }
.reinstall-2 ol > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
.reinstall-2 ol > li:nth-child(1) ul:after { content: ''; display: block; clear: both; }
.reinstall-2 ol > li:nth-child(1) ul li { width: 180px; position: relative; float: left; }
.reinstall-2 ol > li:nth-child(1) ul li:before { content: ""; position: absolute; right: 20px; top: -3px; width: 1px; height: 54px; background: #ddd; }
.reinstall-2 ol > li:nth-child(1) ul li:last-child::before { display: none; }
.reinstall-2 ol > li:nth-child(1) ul span { display: block; }
.reinstall-2 ol > li:nth-child(2) ul li:nth-child(1) { padding: 0; }
.reinstall-2 ol > li:nth-child(2) ul li:nth-child(1)::before { display: none; }
.reinstall-2 ol > li:nth-child(2) ul li:nth-child(n+2) { display: inline-block; width: 230px; }
.reinstall-2 ul { width: calc(100% - 330px); }
.reinstall-2 ul li { margin: 5px 0; }
.reinstall-2 .btn__32 { margin-left: 30px; }
@media (max-width: 1023px) { .reinstall-1 { margin-top: 35px; }
  .reinstall-1 .btn-area + p + p { margin-top: 7px; }
  .reinstall-2 { margin-top: 35px; }
  .reinstall-2 ul li { margin: 2px 0; }
  .reinstall-2 ol > li { display: block; padding: 20px 30px 20px 80px; }
  .reinstall-2 i { position: absolute; left: 0; top: 20px; }
  .reinstall-2 h2.tit__04 { margin: 0; width: 100%; }
  .reinstall-2 ol > li:nth-child(1) ul li { width: 100%; }
  .reinstall-2 ol > li:nth-child(1) ul { display: block; }
  .reinstall-2 ol > li:nth-child(1) ul span { display: inline-block; }
  .reinstall-2 ol > li:nth-child(1) ul li::before { display: none; }
  .reinstall-2 .label { width: 70px; }
  .reinstall-2 ul { width: 100%; }
  .reinstall-2 ol > li:nth-child(2) ul li:nth-child(n+2) { display: block; margin: 0; }
  .reinstall-2 .btn__32 { margin: 10px 0 0 0px; display: block; }
  .reinstall-2 ol > li:nth-child(2) ul li:nth-child(n+2) { width: 100%; } }
@media (min-width: 1024px) { .reinstall-2 ol > li { height: 120px; } }
.feedback.info-box .sec-cont { margin-top: 25px; }
.feedback.info-box .align-center { margin-top: 14px; }
[class*=feedback-] ol { padding: 40px 0 30px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
[class*=feedback-] ol > li { display: -webkit-box; display: -ms-flexbox; display: flex; }
[class*=feedback-] ol > li > strong { width: 200px; min-width: 200px; }
[class*=feedback-] ol > li > li { width: 10%; }
[class*=feedback-] .form__textarea { width: 100%; }
[class*=feedback-] textarea { font-size: 16px; height: 160px; width: 100%; }
[class*=feedback-] .tab { position: relative; }
.feedback-1 ol > li li:not(:last-child)::before { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 32px; background: rgba(255, 255, 255, 0.35); }
.feedback-1 .tab__flex { padding: 0 4% 70px; width: 100%; }
.feedback-1 .tab__flex li a { text-align: center; font-size: 14px; padding: 6px 25px 50px; color: #fff; }
.feedback-1 .tab__flex .tab ul::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 32px; background: -webkit-gradient(linear, left top, right top, from(#287dd9), to(#404e58)); background: linear-gradient(90deg, #287dd9 0%, #404e58 100%); }
.feedback-1 .tab__flex .tab i { width: 52px; height: 52px; background: url(../img/icon/icon-satisfaction-check.png) no-repeat; display: inline-block; position: absolute; top: -10px; }
.feedback-1 .tab__flex .tab i:nth-of-type(1) { background-position: 0 -100px; left: -30px; }
.feedback-1 .tab__flex .tab i:nth-of-type(2) { background-position: -300px -100px; right: -30px; }
.feedback-1 .tab__flex .tab li { border: none; background: transparent; }
[class*=feedback-] ol .tit label { margin-left: 0; margin-top: 0; }
[class*=feedback-] ol .tit label:before, [class*=feedback-] ol .tit label:after { display: none; }
.feedback-1 label { display: block; pointer-events: none; position: relative; margin-left: calc(50% - 13px); margin-top: -28px; }
.feedback-1 label:before, .feedback-1 label:after { content: ''; position: absolute; top: 1px; border-radius: 50%; }
.feedback-1 label:before { left: 0; width: 26px; height: 26px; border: 1px solid #555; }
.feedback-1 .is-active label:after { left: 4px; top: 5px; width: 18px; height: 18px; background-color: #0072de; }
.feedback-1 .is-active label:before { border-color: #0072de; }
.feedback-2 .form__select { width: 450px; }
.feedback-2 .form__textarea { margin-top: 20px; }
[class*=feedback-] .line-style .btn__toggle-tab { font-size: 16px; padding-left: 0; border: none; border-bottom: 1px solid #a9a9a9; }
[class*=feedback-] .line-style .btn__toggle-tab:after { content: ''; position: absolute; right: 14px; top: 12px; width: 10px; height: 10px; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
@media (max-width: 1023px) { [class*=feedback-] ol > li { display: block; margin-top: 30px; }
  [class*=feedback-] ol > li > strong { width: 100%; min-width: 100%; display: block; }
  [class*=feedback-] .tab__flex .tab i { display: none; }
  [class*=feedback-] .tab__flex .tab label { display: none; }
  [class*=feedback-] .tab__flex li a { color: #000; text-align: left; }
  [class*=feedback-] ol > li li { width: 100%; }
  [class*=feedback-] .tab__flex .tab { position: fixed; }
  [class*=feedback-] ol { padding: 0px 0 30px; }
  .feedback-1 .tab__flex { padding: 0; }
  .feedback-1 .tab__flex .tab ul::before { background: transparent; }
  .feedback-1 .tab__flex .tab li { border-bottom: 1px solid #ddd; }
  .feedback.info-box .align-center { width: 100%; }
  .feedback-2 .form__textarea { margin-top: -20px; }
  .feedback-2 .form__select { width: 100%; } }

.fee-top-box { position:relative; }
@media (min-width: 1024px) {
  .fee-top-box .btn-area { position:absolute; right:50px; top: calc(50% - 20px); }
}
@media (max-width: 1023px) {
  .fee-top-box .btn-area { text-align: center !important; margin-top:16px; }
}

/* 철거 재설치 박스 */
.reinstall .align-center { width: 100%; }


/* (230213)서비스 안내 > 삼성케어플러스 상단 이벤트 배너 */
.care-plus-banner-box {  padding:40px; margin:25px 0px 50px 0px; }
.care-plus-banner .bg__img {width: 100%; height:310px; background:#e5e3dd url(../img/careplus/scplus_pc_bg.png) no-repeat center bottom; background-size:cover; }
.care-plus-banner dt { font-size:28px; line-height: 36px; font-weight:600; }
.care-plus-banner dd { font-size:22px; line-height: 28px;  margin-top:10px;}
.care-plus-banner dd + dd { font-size:18px; font-weight:600;  }
.care-plus-banner ul { margin-top:12px; }
.care-plus-banner-more-btn { position:relative; }
.care-plus-banner-more-btn .btn-area { text-align:left; margin-top:20px; }


@media (max-width: 1023px) {
  .care-plus-banner-box {  padding:40px 10px;  margin:25px 0px; }
  .care-plus-banner .bg__img {width: 100%; height:600px; background:#e5e3dd url(../img/careplus/scplus_mo_bg.png) no-repeat center bottom; background-size:100%; }
  .care-plus-banner { text-align:center; position:relative; }
  .care-plus-banner dd { font-size:18px; }
  .care-plus-banner ul {  position:absolute; bottom:10px; text-align:left; width:90%; }
  .care-plus-banner-more-btn .btn-area { text-align:center; }
  .care-apply > ul > .notice-b2b { width: 100%; }
}



/*서비스 안내 > 삼성 케어플러스  */
.care-plus-box .sec-cont dt { font-weight: bold; font-size: 20px; line-height:20px; }
.care-plus-box .sec-cont dt + dd { margin-top:8px; font-size:16px; line-height:16px; text-align:center; }
.care-plus-box .bg__img {width: 100%; height:218px ;background:#f7f7f7 url(../img/careplus/careplus_pc_bg.png) no-repeat center bottom; background-size:cover; }
.care-plus-more-btn { position:relative; }
.care-plus-more-btn .btn-area { margin-top:20px; }



@media (max-width: 1023px) { .care-plus-box { margin-top: 44px; }
  .care-plus-box .sec-cont {  padding:46px 20px 30px 20px; }
  .care-plus-box .sec-cont dl {margin-top: 0px;}
  .care-plus-box .sec-cont dt { text-align: center; }
  .care-plus-box .sec-cont dd { text-align: center; }
  .care-plus-more-btn .btn-area { margin-top:16px; }
}
@media (min-width: 1024px) { .care-plus-box { margin-top: 26px; }
  .care-plus-box .sec-cont { /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;*/ padding:73px 40px 30px 40px; }
  .care-plus-box .sec-cont dl { text-align: center; margin: 0px auto; }
  .care-plus-box .sec-cont dt > br { display: none; }
}
.care-apply > ul .care-apply-step { position:relative; }
.care-apply > ul .care-apply-step span.num { font-weight:700; font-size:18px; position: absolute; left:-55px; top:13px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.care-apply > ul > li { border: 1px solid #ddd; }
.care-apply > ul > li .care-apply-step strong { font-size: 18px; }

.care-apply > ul > li:nth-child(2) strong span + span { display:inline-block; }
.care-apply > ul .care-apply-step dl:before { content: '-'; }
.care-apply > ul .care-apply-step dl dt { display: inline-block; min-width: 180px; }
.care-apply > ul .care-apply-step dl dd { display: inline-block; font-size: 18px; font-weight: bold; }
.care-apply > ul .notice-b2b { border: none; background-color:#E5F3FE;  }
.care-plus-guide .sec-tit > h2 { border-bottom: 1px solid #000; }
@media (max-width: 1023px) { .care-apply { margin-top: 18px; }
  .care-apply > ul > li {  border-radius: 10px; padding: 18px 20px 18px 18px; }
  .care-apply > ul > li i { display: none; }
  .care-apply > ul > li + li { margin-top: 10px; }
  .care-apply > ul .care-apply-step span.num {  left:0px;}
  .care-apply > ul > li .care-apply-step strong { margin-left:55px; }
  .care-apply > ul > .notice-b2b .care-apply-step strong { margin-left: 0; }
  .care-apply > ul > li:nth-child(1),
  .care-apply > ul > li:nth-child(3) { height:96px; }
  .care-apply > ul .care-apply-step > div.link-btn {  position:absolute; right:0px; }
  .care-apply > ul .care-apply-step strong em { display:inline-block; margin-left:56px; }
  .care-plus-guide .sec-tit > h2 { padding-bottom: 20px; }
  .care-plus-box .sec-cont dt { font-size: 18px; }
  .care-plus-box .sec-cont dt + dd { font-size:14px; }
  .care-plus-box .sec-cont dd:nth-child(2) { display:none; }
  .care-plus-box .bg__img {width:100%;height:auto;background: #f7f7f7 url(../img/careplus/careplus_m_bg.png) no-repeat center bottom;background-size:cover;}
  .icon-care-plus { width:50px; height:50px; background-size:50px; }
}
@media (min-width: 1024px) { .care-apply { margin-top: 20px;   }
  .care-apply > ul:after { content: ''; display: block; clear: both; }
  .care-apply > ul > li { height:120px; width: calc(33.3% - 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; padding: 19px 40px 19px 80px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; float: left;}
  .care-apply > ul > .notice-b2b { width:100%; margin-top: 20px; height: 50px; border-radius:15px; }
  .care-apply > ul > li:nth-child(2),
  .care-apply > ul > li:nth-child(3) { margin-left: 24px; }
  .care-apply > ul .care-apply-step { width: calc(100% - 60px); position: relative;}
  .care-apply > ul .care-apply-step > div { vertical-align: top; }
  .care-apply > ul .care-apply-step strong em { display:inline-block; }
  .care-apply > ul .care-apply-step strong span + span > span:not(:last-child) { margin-right: 20px; }
  .care-plus-guide .sec-tit > h2 { padding-bottom: 21px; } }
.care-plus-service .sec-tit { border-bottom: 1px solid #000; }
.care-plus-service .sec-cont { margin-top: 26px; }
.care-plus-service .sec-cont .care-plus-service-box > div { background-color: #f5f7fe; }
.care-plus-service .sec-cont .care-plus-service-box > dl { background-color: #fef6f3; }
.care-plus-service .sec-cont .care-plus-service-box .icon_box { text-align: center; }
.care-plus-service .sec-cont .care-plus-service-box .icon_box strong { display: block; font-size: 18px; line-height:18px; text-align:center; }
.care-plus-service .sec-cont .care-plus-service-box { margin-top: 16px; }
.care-plus-service .sec-cont .care-plus-service-box dl dt { font-size: 18px; font-weight: bold; }
@media (max-width: 1023px) { .care-plus-service .sec-cont > div + div { margin-top: 36px; }
  .care-plus-service .sec-cont .care-plus-service-box > div { padding: 30px 20px; border-radius: 10px; }
  .care-plus-service .sec-cont .care-plus-service-box .bullet__16 { margin-top: 2px; }
  .care-plus-service .sec-cont .care-plus-service-box .icon_box { margin-bottom:10px; }
  .care-plus-service .sec-cont .care-plus-service-box dl { padding: 22px 20px; border-radius: 10px; }
  .care-plus-service .sec-cont .care-plus-service-box dl + dl { margin-top: 10px; }
  .care-plus-service .sec-cont .care-plus-service-box dl dd { margin-top: 10px; }
}
@media screen and (min-width: 1024px) and (max-width: 1250px) { .care-plus-service .sec-cont .care-plus-service-box { min-height: 214px; }
  .care-plus-service .sec-cont .care-plus-service-box > div { min-height: 214px; }
  .care-plus-service .sec-cont .care-plus-service-box .icon_box + ul { margin-left: 30px; }
  .care-plus-service .sec-cont .care-plus-service-box dl dt { padding-right: 15px; }
  .care-plus-service .sec-cont .care-plus-service-box dl dd { display: block; float: none; } }
@media screen and (min-width: 1024px) and (max-width: 1167px) { .care-plus-service .sec-cont > div > p { min-height: 48px; } }
@media (min-width: 1024px) { .care-plus-service .sec-cont:after { content: ''; display: block; clear: both; }
  .care-plus-service .sec-cont > div { float: left; width: calc(50% - 12px); }
  .care-plus-service .sec-cont > div + div { margin-left: 24px; }
  .care-plus-service .sec-cont .care-plus-service-box > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; padding: 28px 30px 28px 60px; }
  .care-plus-service .sec-cont .care-plus-service-box .icon_box { width: 104px; }
  .care-plus-service .sec-cont .care-plus-service-box .icon_box + ul { margin-left: 60px; }
  .care-plus-service .sec-cont .care-plus-service-box .bullet__16 li + li { margin-top: 4px; }
  .care-plus-service .sec-cont .care-plus-service-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .care-plus-service .sec-cont .care-plus-service-box dl { padding: 10px 30px; border-radius: 10px; }
  .care-plus-service .sec-cont .care-plus-service-box dl:after { content: ''; display: block; clear: both; }
  .care-plus-service .sec-cont .care-plus-service-box dl dt { float: left; padding-right: 30px; }
  .care-plus-service .sec-cont .care-plus-service-box dl dd { float: left; }
  .care-plus-service .sec-cont .care-plus-service-box dl + dl { margin-top: 24px; } }
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1080px) { .care-plus-service .sec-cont .care-plus-service-box { height: 232px; }
  .care-plus-service .sec-cont .care-plus-service-box dl { padding: 26px 30px; }
  .care-plus-service .sec-cont .care-plus-service-box dl dt, .care-plus-service .sec-cont .care-plus-service-box dl dd { float: none; } }
.care-plus-service02 .sec-tit { border-bottom: 1px solid #000; }
.care-plus-service02 .sec-cont { border-bottom: 1px solid #ddd; }
.care-plus-service02 .sec-cont:last-child { border-bottom: 0px; }
.care-plus-service02 .cont-sub-tit > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.care-plus-service02 .cont-sub-tit .tit__04 .badge-box span { display: inline-block; font-size: 14px; text-align: center; padding: 0 30px; color: #fff; border-radius: 5px; background-color: #2189ff; }
.care-plus-service02 .cont-sub-tit > div > p i { margin-right: 10px; }
.care-plus-service02 .cont-sub > dl { background-color: #f7f7f7; position: relative; }
.care-plus-service02 .cont-sub dt { font-size: 18px; font-weight: bold; }
.care-plus-service02 .cont-sub dt + dd { margin-top: 10px; }
.care-plus-service02 .cont-sub .icon_box { position: absolute; top: 50%; margin-top: -35px; }
@media (max-width: 1023px) { .care-plus-service02 .cont-sub-tit > div { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .care-plus-service02 .cont-sub-tit .tit__04 { margin-top: 26px; }
  .care-plus-service02 .cont-sub-tit .tit__04 h3 { margin-right: 20px; }
  .care-plus-service02 .cont-sub-tit > div > p { width: 100%; }
  .care-plus-service02 .cont-sub-tit > div > p + p { margin-top: 16px; position: relative; padding-left: 88px; }
  .care-plus-service02 .cont-sub-tit > div > p + p .label__24 { position: absolute; left: 0; top: 0; }
  .care-plus-service02 .cont-sub { margin-top: 16px; padding-bottom: 25px; }
  .care-plus-service02 .cont-sub dl { border-radius: 10px; padding: 16px 20px 16px 110px; }
  .care-plus-service02 .cont-sub dl + dl { margin-top: 10px; }
  .care-plus-service02 .cont-sub .icon_box { left: 20px; } }
@media (min-width: 1024px) { .care-plus-service02 .cont-sub-tit .tit__04 { margin-top: 36px; }
  .care-plus-service02 .cont-sub-tit .tit__04 .badge-box { margin-left: 20px; }
  .care-plus-service02 .cont-sub-tit > div > p { width: 470px; }
  .care-plus-service02 .cont-sub-tit > div > p + p { width: calc(100% - 470px); }
  .care-plus-service02 .cont-sub { margin-top: 20px; padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .care-plus-service02 .cont-sub > dl { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(33.3% - 24px); border-radius: 20px; padding: 30px 40px 30px 140px; }
  .care-plus-service02 .cont-sub > dl + dl { margin-left: 24px; }
  .care-plus-service02 .cont-sub dd .bullet__16 li + li { margin-top: 7px; }
  .care-plus-service02 .cont-sub .icon_box { left: 40px; } }
.care-plus-info { border: 1px solid #ddd; }
.care-plus-info li dt { font-weight: bold; }
@media (max-width: 1023px) { .care-plus-info { margin-top: 20px; border-radius: 10px; padding: 20px; }
  .care-plus-info li + li { margin-top: 10px; } }
@media (min-width: 1024px) { .care-plus-info { margin-top: 40px; border-radius: 20px; padding: 26px 40px; }
  .care-plus-info li + li { margin-top: 5px; }
  .care-plus-info li dl:after { content: ''; display: block; clear: both; }
  .care-plus-info li dt, .care-plus-info li dd { float: left; }
  .care-plus-info li dt + dd { margin-left: 20px; } }
.idea-policy-tit { text-align: center; }
.idea-policy-box { margin-top: 32px; text-align: center; font-size: 16px; }
.idea-policy-box p + p { margin-top: 22px; }
@media (max-width: 1023px) { .idea-policy-box p br { display: none; } }
/* 개인정보처리방침 */
.terms .terms-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; border-bottom: 1px solid #000; padding-bottom: 20px; }
.terms .terms-search > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
.terms .terms-search .select-form { margin: 0 10px 0 20px; width: 340px; }
.terms .list-num0 { overflow: hidden; padding-left: 20px; }
.terms .list-num0 > li { position: relative; padding-left: 15px; text-indent: -15px; margin-top: 20px; }
.terms .list-num0 > li:first-child { margin-top: 10px; }
.terms .list-num1 { overflow: hidden; padding-left: 0px; }
.terms .list-num1 > li { position: relative; padding-left: 20px; text-indent: -20px; }
.terms .tit__05:first-child { margin: 30px 0 20px 0; }
.terms .tit__05:not(:first-child) { margin: 40px 0 0px 0; }
.terms p { padding-left: 20px; }
.terms p.day { margin-top: 70px; }
.terms h2 + p { margin-top: 10px; }
.terms .indent-1 { padding-left: 10px; text-indent: -10px; }
@media (max-width: 1023px) { .terms .terms-search { display: block; margin-top: 15px; }
  .terms .terms-search .select-form { margin-left: 0; width: calc(100% - 96px); }
  .terms .terms-search > div { margin: 10px 0 0; }
  .terms .tit__05:first-child { margin: 20px 0 10px 0; }
  .terms .tit__05:not(:first-child) { margin: 20px 0 0 0; }
  .terms p { padding: 0; }
  .terms .list-num0 { padding-left: 0; }
  .terms .terms-tab { margin-top: 20px; }
  .terms .terms-tab .tab__flex .tab ul > li span { display: none; } }
@media (min-width: 1024px) { .terms .terms-tab { margin-top: 36px; } }
[class*=privacy-] { position: relative; }
[class*=privacy-] .sec-tit { display: -webkit-box; display: -ms-flexbox; display: flex; }
[class*=privacy-] .sec-tit a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #000; }
[class*=privacy-] .sec-tit i { margin-left: auto; position: relative; font-size: 0; margin-top: 25px; }
[class*=privacy-] .sec-tit i::before { content: ''; position: absolute; right: 0; width: 12px; height: 12px; border-top: 1px solid #000; border-right: 1px solid #000; top: 26px; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
[class*=privacy-] .sec-tit a.is-active i:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); top: 33px; }
[class*=privacy-] .sec-tit h2 { padding-right: 50px; margin-top: 40px; text-indent: -31px; padding-left: 31px; }
[class*=privacy-] table { min-width: 870px; }
[class*=privacy-] table i { font-size: 20px; font-weight: 700; font-style: normal; margin-right: 5px; }
[class*=privacy-] .sec-detail { padding: 25px 20px 35px; border-bottom: 1px solid #ddd; }
[class*=privacy-] li { margin: 5px 0; }
[class*=privacy-] .tit__05 { margin: 20px 0 5px; padding-left: 15px; text-indent: -15px; }
[class*=privacy-] .indent-1 { padding-left: 10px; text-indent: -10px; }
[class*=privacy-] p.indent-2, [class*=privacy-] .indent-2 li { padding-left: 18px; text-indent: -18px; }
[class*=privacy-] p.indent-3 { padding-left: 14px; text-indent: -14px; }
[class*=privacy-] .indent-2 li.no-indent { text-indent: 0; padding-left: 0; }
[class*=privacy-] .pl-20 { padding-left: 20px; }
[class*=privacy-] .pl-20 p:nth-of-type(1) { margin-top: 5px; }
[class*=privacy-] .table th:not(:last-child), [class*=privacy-] .table td:not(:last-child) { border-right: 1px solid #ddd; }
[class*=privacy-] .table { margin-top: 25px; }
[class*=privacy-] .table td { text-align: left; padding: 30px; border-left: 1px solid #ddd; }
[class*=privacy-] .table td:first-child { border-left: 0; }
[class*=privacy-] .mt-15 { margin-top: 15px; }
.privacy-0 .sec-cont { margin-top: 20px; }
.terms.privacy- .terms-search { border-bottom: none; margin-bottom: 15px; padding-bottom: 0; }
.privacy-1 .sec-tit { border-top: none; }
.privacy-1 ol li { margin: 10px 0; text-indent: -18px; padding-left: 18px; }
.privacy-2 ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
.privacy-2 ul li { width: 50%; }
.privacy-2 ul li:last-child { display: none; }
.privacy-3 .sec-detail .tit__05 { margin-top: 0; }
.privacy-3 .sec-detail .tit__05 + .tit__05 { margin-top: 20px; }
.privacy-4 .table tbody td:last-child p { padding-left: 10px; text-indent: -10px; }
.privacy-5 p:nth-of-type(1) { margin-top: 5px; }
.privacy-6 li { margin-top: 5px; }
.privacy-7 .table tbody td:nth-of-type(2) p { padding-left: 10px; text-indent: -10px; }
.privacy-9 .sec-detail a { font-weight: 700; text-decoration: underline; }
.privacy-12 .sec-detail { border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { [class*=privacy-] .sec-detail { padding: 20px 0 20px 0; }
  [class*=privacy-] .sec-tit h2 { margin-top: 26px; text-indent: 0; padding-left: 0; }
  [class*=privacy-] .sec-tit i { margin-top: 14px; }
  .privacy-2 ul li { display: none; }
  .privacy-2 ul li:last-child { display: block; }
  [class*=privacy-] .pl-20 { padding-left: 10px; }
  [class*=privacy-] .pl-20 p span { display: block; }
  .privacy-10 h2 span { display: block; }
  .privacy-10 .pl-20 .indent-1 { padding-left: 0; }
  .privacy-10 h2 span:nth-child(2) { padding-left: 0px; text-indent: 0; }
  .privacy-11 p { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .privacy-11 p span:nth-child(1) { white-space: nowrap; } }
.idea-0 .sec-cont { text-align: center; margin-top: 25px; }
.app-content .tit__page.idea- { text-align: center; }
.idea-0 .sec-cont .br-1 { display: inline; }
.idea-0 .sec-cont .br-2 { display: none; }
@media (max-width: 1023px) { .idea-0 .sec-cont { margin-top: 20px; }
  .idea-0 .sec-cont .br-1 { display: none; }
  .idea-0 .sec-cont .br-2 { display: inline; } }
.guide-0 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-top: 1px solid #000; border-bottom: 1px solid #ddd; overflow: hidden; }
.guide-0 ul + ul { border-top: 0; }
.guide-0 ul > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.guide-0 ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
.guide-0 ol li:first-child { width: 32%; font-weight: 700; }
.guide-0 ol li:nth-child(2) { width: 68%; padding-right: 0; position: relative; }
.guide-0 ol li { padding: 0 30px; }
.guide-0 ol .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.guide-0 ol .flex > p { margin-top: 4px; }
.guide-0 li:nth-child(2) ol li > p { width: 50%; }
.guide-0 li:nth-child(2) ol li:first-child { text-align: left; height: 100%; }
.guide-0 ol li strong { margin-right: 10px; }
.guide-0 .bullet { position: relative; padding-left: 12px; }
.guide-0 .bullet:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.guide-0 a { vertical-align: middle; margin: 0 20px; position: relative; }
.guide-0 a:last-child:before { content: ""; position: absolute; width: 1px; height: 13px; background: #ddd; left: -20px; top: 0; }
.guide-0.sec-box .tit__04 { margin-top: 25px; }
.guide-0 ul + ul .bg_f7f7f7 li:nth-child(1) { padding: 31px 0 31px 30px; }
.guide-0 .bg_f7f7f7 li:nth-child(1) { background-color: #f7f7f7; text-align: left; padding: 42px 30px; border-right: 1px solid #ddd; }
.guide-0 .bg_f7f7f7 li > span { display: block; margin-top: 13px; }
.guide-0 ul + ul li:nth-child(1) { width: 20%; }
.guide-0 ul + ul li:nth-child(2) { width: 80%; }
.guide-0 ul + ul li:nth-child(2) p .go-to-site::before { display: none; }
.guide-0 ul + ul li:nth-child(2) p .go-to-site { margin: 0 0 0 10px; border-bottom: 1px solid #0072de; color: #0072de; }
@media (min-width: 1024px) and (max-width: 1439px) { .guide-0 li:nth-child(2) ol li > p { width: 100%; } }
@media (max-width: 1023px) { .guide-0 .bg_f7f7f7 li > span { margin-top: 0; }
  .guide-0 ul + ul li:nth-child(1) { width: 100%; }
  .guide-0 ul + ul > li:last-child { border: 0; }
  .guide-0 ul + ul ol li:nth-child(1) { width: 40%; }
  .guide-0 ul + ul ol li:nth-child(2) { width: 60%; } }
/**/
.guide-0 .use-guide-table td > span { display: block; }
@media (max-width: 1023px) { .guide-0 .use-guide-table { border-top: 1px solid #000; display: block; }
  .guide-0 .use-guide-table tbody { width: 100%; }
  .guide-0 .use-guide-table td > span { display: inline-block; margin-right: 5px; position: relative; }
  .guide-0 .use-guide-table td > span:last-child { margin-right: 0; }
  .guide-0 .use-guide-table td > span:last-child::after { display: none; }
  .guide-0 .use-guide-table td > span:after { content: '/'; padding-left: 5px; }
  .guide-0 .use-guide-table th { display: none; }
  .guide-0 .use-guide-table td { text-align: left; height: 100%; }
  .guide-0 .use-guide-table td:first-child { background-color: #f7f7f7; border-bottom: 1px solid #ddd; width: 32%; border-top: 0; font-weight: bold; padding: 15px 10px 15px 20px; border-right: 1px solid #ddd; }
  .guide-0 .use-guide-table td:not(:first-child) { display: block; height: auto; padding: 5px 10px 5px 36px; position: relative; }
  .guide-0 .use-guide-table td:not(:first-child):not(:nth-child(2)):before { content: attr(data-th); float: left; }
  .guide-0 .use-guide-table td:not(:first-child):after { content: ''; position: absolute; left: 20px; top: 14px; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
  .guide-0 .use-guide-table td.border-none { border-bottom: 0; }
  .guide-0 .use-guide-table td + td { border-top: 0; }
  .guide-0 .use-guide-table td:nth-child(2) { border-top: 1px solid #ddd; padding-top: 16px; padding-bottom: 0; }
  .guide-0 .use-guide-table td:nth-child(2)::after { top: 25px; }
  .guide-0 .use-guide-table td:nth-child(3) { padding-top: 0; padding-bottom: 0; }
  .guide-0 .use-guide-table td:nth-child(3)::after { top: 9px; }
  .guide-0 .use-guide-table td:nth-child(4) { padding-top: 0; padding-bottom: 16px; }
  .guide-0 .use-guide-table td:nth-child(4)::after { top: 10px; } }
@media screen and (max-width: 1023px) and (min-width: 420px) and (max-width: 520px) { .guide-0 .use-guide-table td:nth-child(2) { padding-top: 26px; }
  .guide-0 .use-guide-table td:nth-child(2)::after { top: 34px; } }
@media screen and (max-width: 1023px) and (min-width: 300px) and (max-width: 420px) { .guide-0 .use-guide-table td:nth-child(2) { padding-top: 24px; }
  .guide-0 .use-guide-table td:nth-child(2)::after { top: 32px; }
  .guide-0 .use-guide-table td.use-guide-tel { padding-top: 34px; }
  .guide-0 .use-guide-table td.use-guide-tel::after { top: 45px; } }
@media (min-width: 1024px) { .guide-0 .use-guide-table td > span { display: block; }
  .guide-0 .use-guide-table th:not(:first-child) { border-left: 1px solid #ddd; }
  .guide-0 .use-guide-table td:not(:first-child) { border-left: 1px solid #ddd; } }
.guide-1 table { min-width: 870px; }
.guide-1 table th:not(:last-child), .guide-1 table td:not(:last-child) { border-right: 1px solid #ddd; }
.guide-1 table td:first-child { text-align: left; padding: 25px; }
@media (max-width: 1023px) { .guide-0 ol li strong { display: block; margin: 5px 0 10px 0; }
  .guide-0 ol li strong + a { margin-left: 0; }
  .guide-0 ul, .guide-0 ol .flex { display: block; }
  .guide-0 li:nth-child(2) ol li:first-child { text-align: left; }
  .guide-0 ul > li:last-child, .guide-0 ul > li:first-child { width: 100%; }
  .guide-0 ul > li:last-child { border-top: 1px solid #ddd; }
  .guide-0 li:nth-child(2) ol li div p { padding-left: 12px; }
  .guide-0 .bg_f7f7f7 li:nth-child(1) { padding: 42px 0 42px 20px; }
  .guide-0 li:nth-child(2) ol li > p { width: 100%; }
  .guide-0 ol li:first-child { min-width: 100px; }
  .guide-0 ol li { padding: 0 20px; }
  .guide-0 ul + ul .bg_f7f7f7 li:nth-child(1) { padding: 31px 20px; } }
/**/
.privacy-1 br { display: none; }
[class*=privacy-] .sec-detail .mt22 { margin-top: 22px; }
[class*=privacy-] .sec-detail .list-num0 { overflow: hidden; }
[class*=privacy-] .sec-detail .list-num0 > li { position: relative; padding-left: 15px; text-indent: -15px; margin-top: 20px; }
[class*=privacy-] .sec-detail .list-num0 > li:nth-child(1) { margin-top: 0; }
@media (min-width: 1440px) { .privacy-1 br { display: block; } }
@media (max-width: 1023px) { .terms-and-conditions .sec-tit h2 { padding-left: 0; text-indent: 0; } }
/* 개인정보처리방침 */
.privacy-mul ol li { margin: 10px 0; }
.ratio-2 { margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ratio-2 li { width: 50%; }
@media (max-width: 1023px) { .ratio-2 li { width: 100%; } }
/* IoT 상단 */
.iot-top p { font-size: 18px; }
@media (max-width: 1023px) { .iot-top p { margin-top: 18px; } }
@media (min-width: 1024px) { .iot-top p { margin-top: 22px; } }
/* IoT 홈페이지 소개 */
.iot-website-intro .swiper-wrapper { padding-top: 40px; }
.iot-website-intro .swiper-slide { position: relative; padding: 66px 17px 26px 17px; text-align: center; }
.iot-website-intro .swiper-slide:nth-child(1) { background-color: #f5f7fe; }
.iot-website-intro .swiper-slide:nth-child(2) { background-color: #f7f5f2; }
.iot-website-intro .swiper-slide:nth-child(3) { background-color: #fef6f3; }
.iot-website-intro .swiper-slide i[class^=icon-] { position: absolute; top: -40px; left: calc(50% - 40px); }
.iot-website-intro .swiper-slide .tit { display: block; }
.iot-website-intro .swiper-slide .desc { margin-top: 26px; }
.iot-website-intro .swiper-slide .img { max-width: 290px; height: 249px; margin-top: 26px; margin-left: auto; margin-right: auto; }
.iot-website-intro .swiper-pagination { position: static; margin-top: 20px; font-size: 0; }
.whatis-iot { margin-top: 25px; }
.whatis-iot p + p { margin-top: 4px; }
@media (max-width: 1023px) { .iot-website-intro { margin-top: 35px; }
  .iot-website-intro .swiper-slide { border-radius: 10px; }
  .iot-website-intro .swiper-slide .tit { font-size: 20px; } }
@media (min-width: 1024px) { .iot-website-intro { margin-top: 55px; }
  .iot-website-intro .swiper-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: auto; border-radius: 20px; }
  .iot-website-intro .swiper-slide + .swiper-slide { margin-left: 24px; }
  .iot-website-intro .swiper-slide .tit { font-size: 24px; line-height: 30px; }
  .iot-website-intro .swiper-slide .desc { max-width: 290px; margin-left: auto; margin-right: auto; } }
/* IoT 이용 안내 */
.iot-usage { border: 1px solid #ddd; text-align: center; }
.iot-usage > .tit { display: block; }
.iot-usage .swiper-pagination { position: static; margin-top: 20px; font-size: 0; }
.iot-usage .swiper-wrapper { margin-top: 40px; padding-top: 12px; }
.iot-usage .swiper-slide .img { margin-bottom: 25px; }
.iot-usage .swiper-slide .num { position: absolute; top: -12px; left: calc(50% - 12px); width: 24px; height: 24px; background-color: #000; color: #fff; font-weight: 700; text-align: center; line-height: 24px; border-radius: 50%; }
.iot-usage .swiper-slide .btn-wrap { margin-top: 12px; }
.iot-usage .swiper-slide .btn-wrap .btn__32 { padding: 8px 10px 10px; }
@media (max-width: 1023px) { .iot-usage { padding: 30px 20px 20px 20px; border-radius: 10px; margin-top: 40px; }
  .iot-usage > .tit { font-size: 20px; line-height: 26px; }
  .iot-usage .swiper-slide .img, .iot-usage .swiper-slide .desc, .iot-usage .swiper-slide .btn-wrap { max-width: 290px; margin-left: auto; margin-right: auto; } }
@media (min-width: 1024px) { .iot-usage { padding: 50px 0; border-radius: 20px; margin-top: 60px; }
  .iot-usage > .tit { font-size: 24px; line-height: 1; }
  .iot-usage .swiper-container { width: 1110px; margin-left: auto; margin-right: auto; }
  .iot-usage .swiper-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 290px; height: auto; }
  .iot-usage .swiper-slide + .swiper-slide { position: relative; margin-left: 120px; }
  .iot-usage .swiper-slide + .swiper-slide:before { content: ''; position: absolute; left: -75px; top: 95px; width: 20px; height: 20px; border-right: 2px solid #000; border-top: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) { .iot-usage .swiper-container { width: 950px; }
  .iot-usage .swiper-slide + .swiper-slide { margin-left: 40px; }
  .iot-usage .swiper-slide + .swiper-slide:before { content: none; } }
/* IoT 이용 가능 제품 */
.iot-available-product-wrap { text-align: center; }
.iot-available-product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.iot-available-product-wrap > p { font-size: 14px; }
.iot-available-product li .open-prepare i { opacity: 0.3; }
@media (max-width: 1023px) { .iot-available-product { background-color: #f7f7f7; border-radius: 10px; border: 1px solid #ddd; }
  .iot-available-product li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 50%; padding: 10px; text-align: center; border-top: 1px solid #ddd; }
  .iot-available-product li:nth-child(1), .iot-available-product li:nth-child(2) { border-top: none; }
  .iot-available-product li:nth-child(2n) { border-left: 1px solid #ddd; }
  .iot-available-product li i { display: none; }
  .iot-available-product-wrap > p { margin-top: 15px; line-height: 22px; } }
@media (min-width: 1024px) { .iot-available-product-wrap { padding: 5px 24px 46px; background-color: #f7f7f7; border-radius: 20px; }
  .iot-available-product { max-width: 976px; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .iot-available-product li { width: 16.6%; margin-top: 45px; }
  .iot-available-product li span { display: block; height: 88px; margin-bottom: 10px; }
  .iot-available-product-wrap > p { margin-top: 40px; line-height: 1.5; }
  .iot-available-product-wrap > p span { display: inline-block; position: relative; padding-left: 10px; font-size: 14px; }
  .iot-available-product-wrap > p span:before { content: ''; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #000; } }
/* IoT 배너 */
@media (max-width: 359px) { .iot-banner .banner-consult { padding: 40px 10px; } }
/* IoT 제품 검색 */
.iot-model-search .form__select .btn__toggle-select { height: 50px; }
.iot-model-search .form__select .btn__toggle-select:after { top: 19px; }
@media (max-width: 1023px) { .iot-model-search { margin-top: 40px; }
  .iot-model-search .form__text { margin-top: 10px; }
  .iot-model-search .btn-wrap { max-width: 320px; margin: 20px auto 0 auto; }
  .iot-model-search .btn-wrap button { padding-left: 10px; padding-right: 10px; }
  .iot-model-search .iot-model-search-tit { padding-bottom: 16px; } }
@media (max-width: 1023px) and (max-width: 359px) { .iot-model-search .btn-wrap .btn-select-photo i { display: none; } }
@media (min-width: 1024px) { .iot-model-search { width: 970px; margin-top: 70px; margin-left: auto; margin-right: auto; }
  .iot-model-search:after { content: ''; display: block; clear: both; }
  .iot-model-search .form__select { float: left; width: 235px; }
  .iot-model-search .form__text { float: left; width: calc(100% - 245px); margin-left: 10px; }
  .iot-model-search .btn-wrap { display: block; float: left; width: 100%; margin-top: 20px; text-align: center; }
  .iot-model-search .btn-wrap button { width: 200px; }
  .iot-model-search .iot-model-search-tit { text-align: center; padding-bottom: 16px; } }
/* 이용 가능 제품 리스트*/
.iot-tab .btn__toggle-tab em, .iot-tab .tab li a em { color: #0072de; }
.iot-tab .tab li:not(.is-active) a em { font-weight: 400; }
.iot-product-list .no-data { border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.iot-product-list .tbl__rwd-card em { font-weight: 400; }
@media (max-width: 1023px) { .iot-product-list { margin-top: 40px; }
  .iot-product-list .app-pagination { margin-top: 20px; }
  .iot-product-list .tbl__rwd-content li div span { display: inline-block; } }
@media (min-width: 1024px) { .iot-product-list { margin-top: 60px; }
  .iot-product-list .tbl__rwd li div:nth-child(1) { width: 320px; }
  .iot-product-list .tbl__rwd li div:nth-child(2) { width: calc(100% - 320px); }
  .iot-product-list .tbl__rwd-content li div:nth-child(1) { text-align: center; }
  .iot-product-list .tbl__rwd-content li div:nth-child(2) { text-align: left; }
  .iot-product-list .app-pagination { margin-top: 30px; } }
/* iot 벳지 소개 */
.iot-symptom-info .sec-cont { border: 1px solid #ddd; }
.iot-symptom-info .sec-cont dt { font-weight: bold; font-size: 18px; }
.iot-symptom-info .sec-cont dt + dd { margin-top: 9px; }
.iot-symptom-info .sec-cont .color__purple { color: #8a37d0; }
@media (max-width: 1023px) { .iot-symptom-info { margin-top: 30px; }
  .iot-symptom-info .sec-cont { padding: 21px 30px; }
  .iot-symptom-info .sec-cont > dl { padding-bottom: 21px; }
  .iot-symptom-info .sec-cont > dl + dl { border-top: 1px solid #ddd; padding-top: 21px; }
  .iot-symptom-info .sec-cont > dl:last-child { padding-bottom: 0; } }
@media (min-width: 1024px) { .iot-symptom-info { margin-top: 40px; }
  .iot-symptom-info .sec-cont { padding: 22px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .iot-symptom-info .sec-cont > dl { width: 33.3%; padding-right: 40px; }
  .iot-symptom-info .sec-cont > dl + dl { border-left: 1px solid #ddd; padding-left: 40px; }
  .iot-symptom-info .sec-cont > dl:last-child { padding-right: 0; }
  .iot-symptom-info .sec-cont > dl dd br { display: none; } }
@media (min-width: 1440px) { .iot-symptom-info .sec-cont > dl dd br { display: block; } }
/**/
@media (max-width: 1023px) { .iot-usage-tit .tit__02 { margin-bottom: 0; }
  .iot-usage-tit .tit__02 + .tit__03 { margin-top: 32px; } }
@media (min-width: 1024px) { .iot-usage-tit .tit__02 { margin-bottom: 0; }
  .iot-usage-tit .tit__02 + .tit__03 { margin-top: 52px; } }


/* 제품자가진단 20210708 수정 */
@media (min-width: 1024px) {
  .tit__center {  text-align:center; margin-top:150px !important; }
  .iot-usage-tit .top_txt {padding:20px 0px 0px 220px; }
  .iot-usage-tit .top_txt span {  display:block; padding-top:40px; font-size:18px; }
  .iot-img-illust,
  .iot-img-illust2,
  .iot-img-illust3 {  position:relative;  }
  .iot-img-illust:before,
  .iot-img-illust2:before,
  .iot-img-illust3:before { content: ''; position: absolute; width:260px; height:260px;}
  .iot-img-illust:before	 { left:-30px; top:-170px; background:url(../img/iot_img01.png) no-repeat left top;  background-size:260px; }
  .iot-img-illust2:before { left: 50%; right: 50%; top:-172px; margin-left:-440px; background:url(../img/iot_img02.png) no-repeat left top; background-size:210px;}
  .iot-img-illust3:before { left:240px; top:-173px; background:url(../img/iot_img03.png) no-repeat left top;  background-size:210px; }
  .sec-box + .mt120 { margin-top:120px; }

}
@media (max-width: 1023px) {
  .tit__center {  text-align:left; }
  .iot-usage-tit .top_txt {padding:20px 0px 0px 0px; }
}

/* iot floating bar */
.iot-bar { background-color: #fff; }
.iot-bar.is-floating { position: fixed; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 210; width: 100%; }
.iot-bar.is-floating-bar { position: fixed; top: 191px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 200; width: 100%; }
.iot-bar .sec-cont { border-bottom: 1px solid #ddd; }
@media (max-width: 1023px) { .iot-bar.is-floating { top: 61px; }
  .iot-bar.is-floating-bar { top: 121px; }
  .iot-bar ul { display: none; }
  .iot-bar .btn-box { padding: 20px 0; text-align: center; }
  .iot-bar .btn-box span { display: block; margin: 0 auto; }
  .iot-bar .btn-box span + a { margin-top: 10px; } }
@media (min-width: 1024px) { .iot-bar.is-floating { top: 81px; }
  .iot-bar.is-floating-bar { top: 141px; }
  .iot-bar .sec-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .iot-bar ul:after { content: ''; display: block; clear: both; }
  .iot-bar ul > li { float: left; width: 233px; }
  .iot-bar ul > li a { position: relative; display: block; width: 100%; height: 100%; padding: 18px 0; text-align: center; }
  .iot-bar ul > li a.is-active { font-weight: bold; }
  .iot-bar ul > li a.is-active:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: #000; }
  .iot-bar .btn-box > a { margin-left: 20px; } }



/* 회사소개 > 안전환경 */
.safety-consult .tit__05 { display: block; word-break:keep-all; }
.safety-consult .box-radius { padding: 20px; }
.safety-consult .safety_img_box { position:relative; overflow: hidden; width: 100%; border-radius: 10px; }
.safety-consult .safety_img_box img {  margin:60px auto; display: block;  height: auto; }
.safety_flex_box dt { margin-bottom: 10px; font-weight: bold; font-size: 24px; color: #000; }

.safety_flex_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.safety_flex_box:nth-child(2) {  padding-top:40px; }
.safety_flex_box dt {  font-size: 20px; }
.safety_flex_box .compli_box_01 { position: relative; }
.safety_flex_box .compli_box_01 > i { position: absolute; left: 0; }
.safety_flex_box .compli_box_01 > i img { max-height: 100%; }

@media (min-width: 1024px) {
  .safety_flex_box .compli_box_01 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .safety_flex_box .compli_box_01 { padding-left: 95px; }
  .safety_flex_box .compli_box_01 > i { height: 64px; }
  .safety_flex_box .compli_box_01 + .compli_box_01  { margin-left: 95px; }
}

@media (max-width: 1023px) {
  .safety-consult .tit__05 { margin-top:0px; }
  .safety-consult > .box-radius { margin-top: 16px; }
  .safety-consult .safety_img_box img {  margin:0px auto; }
  .safety_flex_box:nth-child(2) {  padding-top:0px; margin-top:0px; }
  .safety_flex_box .compli_box_01 { padding-left: 53px; margin-top:20px; }
  .safety_flex_box .compli_box_01 > i { height: 36px; top: 4px; }
}



/*  전문상담 > 수어 상담 */
.sign-btn {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.sign-btn > .tit__page { margin: 0; width: auto; padding-left: 0; padding-right: 0; }
.sign-btn > .tit__page + button { margin-left: 20px; }


.sign-service { position: relative; margin-top:21px; }
.sign-service-box i.icon-sign { position:absolute; right:60px; top:-90px; background:url(../img/experts/sign_img.png) no-repeat left top; background-size:166px 167px;  width:166px; height:167px;  }
.sign-service-box .video-wrap .video {  max-width: 650px;  }
.sign-service-box .video-wrap iframe {  width: 100%;  height: 100%; border-radius:20px; }
.sign-service-box .text-wrap .tit__04 { margin:0px;  }
.sign-service-box .text-wrap div.sign-consultant-chat:first-child {margin:30px 0px 30px 0px; padding-left:20px; font-weight: bold;}


/* 이용방법 */
.sign-info .sign-info-box { margin-top: 30px; position:relative; }
.sign-info .sign-info-box:after { content: ''; display: block; clear: both; }
.sign-info .sign-info-box li {float: left; width: calc(50% - 12px);}
.sign-info .sign-info-box li:nth-child(even) { margin-left: 24px;}
.sign-info .sign-info-box li:nth-child(3),
.sign-info .sign-info-box li:nth-child(4) { margin-top:30px; }
.sign-info .sign-info-box p { margin-top:15px;}


@media (max-width: 1023px) {
  .sign-btn button { display: block; }
  .sign-service p.text-sub {  margin-bottom:5px; font-size:14px; }

  .sign-service-box i.icon-sign {display:none;}

  .sign-service-box .text-wrap .tit__04 { font-size:20px;  margin:0px; }
  .sign-service-box .text-wrap div.sign-consultant-chat:first-child {margin:10px 0px 30px 0px;}

  .sign-service-box .text-wrap div.sign-consultant-chat:first-child {  padding-left:0px;}

  .sign-service-box .text-wrap div.sign-consultant-chat dl { padding:30px 15px; text-align: center;  }
  .sign-service-box .text-wrap div.sign-consultant-chat dl dt {  font-size: 20px; font-weight:bold; }
  .sign-service-box .text-wrap div.sign-consultant-chat dl dt b { display:inline-block; }
  .sign-service-box .text-wrap div.sign-consultant-chat dl dd { margin-top:10px;    font-size: 16px;}

  .sign-info .sign-info-box li {float: left; width:100%; text-align:center;}
  .sign-info .sign-info-box li:nth-child(even) { margin-left:0px; margin-top:30px;}


  .sign-service .sign-info { margi-top:60px; width:100%; }

}


@media (min-width: 1024px) {

  .sign-service-box {width:100%; }
  .sign-service-box .video-wrap,
  .sign-service-box .text-wrap { width: calc(50% - 12px); }

  .sign-service p.text-sub {  margin-bottom:5px; display:inline-block; padding-left:0px; }
  .sign-service-box {width:100%; height:354px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;}


  .sign-service-box .text-wrap div.sign-consultant-chat dl { padding:50px 30px; text-align: center;  }
  .sign-service-box .text-wrap div.sign-consultant-chat dl dt {  font-size: 24px; font-weight:bold; }
  .sign-service-box .text-wrap div.sign-consultant-chat dl dd { margin-top:10px; font-size: 18px;}

  .sign-info .sign-info-box p {  font-size:18px; text-align:center; }

}


@media screen and (min-width: 1024px) and (max-width: 1439px) {

  .sign-service-box i.icon-sign { background-size:146px 147px; width:146px; height:147px;  }

  .sign-service-box .text-wrap .tit__04 {font-size: 22px; }
  .sign-service-box .text-wrap div.sign-consultant-chat dl {padding: 50px 15px;}
  .sign-service-box .text-wrap div.sign-consultant-chat dl dt { font-size:18px; }
  .sign-service-box .text-wrap div.sign-consultant-chat dl dt b { display:inline-block; }
  .sign-service-box .text-wrap div.sign-consultant-chat dl dd { margin-top:-6px; font-size: 18px;}

  .sign-service-box .text-wrap div.sign-consultant-chat:first-child {margin: 34px 0px 25px 0px;}

}




/* 마이페이지 > 주문배송조회 > 할부거래계약서 레이어팝업  */
.installment-pop .tit_02 { display:block; text-align:center;  font-size:16px; display: block;  margin-top: 40px; }
.installment-pop .sub_txt { margin:5px 0px 14px 0px; font-size:14px; display:inline-block;  }

.installment-pop .tbl-installment thead th,
.installment-pop .tbl-installment tbody td { border:1px solid #ddd; border-right:0px; padding: 5px 10px; font-size:16px; text-align: left; vertical-align: middle; }
.installment-pop .tbl-installment tbody th { vertical-align:middle; background-color: #f6f6f6; border-bottom:1px solid #ddd;}
.installment-pop .tbl-installment tbody td { background-color: #fff; border-top: 1px solid #ddd; }

.installment-pop .tbl-installment02 { border-bottom: 1px solid #ddd; }
.installment-pop .tbl-installment02 thead th,
.installment-pop .tbl-installment02 tbody td { padding: 5px 10px; font-size: 16px; text-align: center; vertical-align: middle; }
.installment-pop .tbl-installment02 thead th { height: 50px; background-color: #f6f6f6; font-weight: 700; text-align: center; border-top: 1px solid #000; }
.installment-pop .tbl-installment02 tbody th,
.installment-pop .tbl-installment02 tbody td { text-align: center; vertical-align: middle; height: 60px; background-color: #fff;border-top: 1px solid #ddd;}
.installment-pop .tbl-installment02 tbody tr td:nth-child(2) {  text-align:left;}


.tbl-installment03 { font-size: 16px; border-bottom: 1px solid #ddd; text-align: center; border-top: 1px solid #000;  }
.tbl-installment03 thead th { border-right:1px solid #ddd; background-color: #f6f6f6; text-align: center; vertical-align: middle; height:50px; }
.tbl-installment03 tbody td { border-right:1px solid #ddd; width:25%;padding: 5px 10px;vertical-align: middle;}
.tbl-installment03 thead th:last-child,
.tbl-installment03 tbody td:last-child { border-right:0px;}
.tbl-installment03 tbody tr:first-child { height: 50px;  text-align: center; border-top: 1px solid #000; }
.tbl-installment03 tbody tr:last-child {  height:90px; }
.tbl-installment03 tbody tr:last-child td { font-weight:700; }
.tbl-installment03 tbody td.bg {  border-right:1px solid #ddd; }
.tbl-installment03 tbody th,
.tbl-installment03 tbody td { text-align: center; vertical-align: middle; height: 60px; border-top: 1px solid #ddd;}
.tbl-installment03 tbody td:first-child { font-weight:600;  }
.tbl-installment_tit_03 { font-size:22px; display: block;  text-align: center; margin-top: 16px; margin-top:40px; }

.tbl-installment04 { font-size: 16px; border-bottom: 1px solid #ddd; text-align: center; border-top:0px;  }
.tbl-installment04 thead th {  border-right:1px solid #ddd; background-color: #f6f6f6; text-align: center; vertical-align: middle; height:50px; }
.tbl-installment04 tbody td { border-right:1px solid #ddd; width:25%; padding: 5px 10px; vertical-align: middle; }
.tbl-installment04 thead th:last-child,
.tbl-installment04 tbody td:last-child { border-right:0px;}
.tbl-installment04 tbody tr:first-child { height: 50px;  text-align: center; border-top: 1px solid #000; }
.tbl-installment04 tbody th,
.tbl-installment04 tbody td { text-align: center; vertical-align: middle; height: 60px; border-top: 1px solid #ddd;}
.tbl-installment04 tbody td span.fr {  font-weight: 500;  float:right; }



@media (max-width: 1023px) {
  .installment-pop .tbl-installment thead th,
  .installment-pop .tbl-installment tbody td {  font-size:14px;}
  .installment-pop .tbl-installment02,
  .installment-pop .tbl-installment03,
  .installment-pop .tbl-installment04 { width:1000px; }

  .layer[data-style="full"] .layer-cont.installment-pop { overflow-y: auto; min-height: 100px; height:auto;}

  .installment-pop .print-box {  width:100%; overflow-y: auto; }
  .layer[data-layer-name="installment_transactions_contract"] .btn-area { display:none; }
}

@media (min-width: 1024px) {
  .installment-pop {overflow:hidden; overflow-y:scroll; height: 595px; max-height: calc(100vh - 280px); width:756px; }
  .installment-pop table { width: 718px; }
  .installment-pop .print-box { width: 718px; overflow-y: auto; }
  .installment-pop .tbl-installment tbody th,
  .installment-pop .tbl-installment tbody td { height: 70px; padding: 10px; }
}




/* 스스로 해결 하기 pc일때 tabactive 00 */
.oneself-tab-active00 .box-radius .tit,
.oneself-tab-active00 .box-radius .btn__close-select { display: none; }
.oneself-select-area .oneself-tab-active00 { margin-top:16px; }
.oneself-select-area .oneself-tab-active00 .sec-cont .is-active { font-weight: bold; }

.oneself-tab-active00 { float:left; }
.oneself-tab-active00 .box-radius { padding: 15px 30px 30px; }
.oneself-tab-active00 .box-radius .oneself-select-item {  min-height: 50px; }
.oneself-tab-active00 .box-radius .btnRound { margin-top: 15px; margin-right: 11px; padding: 5px 15px 4px; background-color: #fff; border: 1px solid #ddd; font-size: 14px; border-radius: 20px; }
.oneself-tab-active00 .box-radius .btnRound:hover { background-color: #0072de; color: #fff; border-color: #0072de; }
.oneself-tab-active00 .box-radius .btnRound.is-active { background-color: #0072de; color: #fff; border-color: #0072de; }

@media (min-width: 1024px) {
  .oneself-wrap { position:relative; }
  .oneself-wrap .btn-box { position: absolute; right:24px; top: calc(50% - 0px); } /* 다른제품 선택/보유제품 선택 */
  .oneself-wrap .select-item-txt { position: absolute; left: 174px; top: -8px; } /* 보유제품 */
  .oneself-select-area .oneself-tab-active00 { width:calc(100% - 300px); }
}


/* 앱&서비스(220620 추가) */
/* 앱&서비스 배너 */
.app-service-top-box { display:table; background-color: #f7f7f7; border-radius: 20px; padding: 30px 40px; width: 100%; margin-top: 30px; }
.app-service-top-box > div { display:table-cell; vertical-align: middle; }
.app-service-top-box .box-img-area { width: 100px; vertical-align: middle; }
.app-service-top-box .box-text-area { padding-left: 20px; }
.app-service-top-box .btn-box {vertical-align: middle; text-align: right;  }

@media (min-width: 1024px) {
  .app-service-top-box .btn-box { width: 150px; }
  .app-service-top-box .btn-box a { width:130px; }
  .app-service-top-box .btn-box a:last-child { margin-top:10px; }
}

@media (max-width: 1023px) { .app-service-top-box { display: block; padding: 30px 20px; border-radius: 10px; }
  .app-service-top-box > div { display: block;  }
  .app-service-top-box .box-img-area { margin: 0 auto 16px auto; }
  .app-service-top-box .box-text-area { padding-left: 0; }
  .app-service-top-box .btn-box { margin-top: 16px; text-align: center; width: 100%; }
}

@media (max-width:640px) {
  .app-service-top-box .btn-box a:last-child { margin-top:10px;  }
}

@media (max-width: 359px) {
  .app-service-top-box .btn-box a:last-child { margin-left:0px;  }
}


/* 앱&서비스 컨텐츠 */
.app-serivce-box ol { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; }
.app-serivce-box li { text-align: center; width: 26.8%; height: auto; min-height:140px; margin: 0px 9px 13px; }
.app-serivce-box li a { width:100%; height:100%; display:block; border:1px solid #ddd; background:#f7f7f7; border-radius:20px; padding-top:25px; }
.app-serivce-box li a:hover { background:#fff; border:2px solid #0072de; margin:-1px 0px 0px 0px; }
.app-serivce-box li i { position: relative; display: block; }
.app-serivce-box li span { display: inline-block; font-size:14px; padding: 0px 4px; font-weight:700; line-height: 1.2; letter-spacing: -0.025em; }
.app-serivce-box li a em { display:block; width: 60px; height: 60px; margin: 0 auto 10px auto; vertical-align: middle; text-align: center; }

@media screen and (min-width: 375px) and (max-width: 514px) {
  .app-serivce-box li { width: calc(28.9% - 4px); }
}

@media screen and (min-width: 515px) and (max-width: 720px) {
  .app-serivce-box li { width: calc(30.3% - 4px); }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
  .app-serivce-box li { width: calc(31.4% - 5px); }
}

@media (min-width: 1024px) {
  .app-serivce-box ol { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; }
  .app-serivce-box li { width: calc(14.2% - 18px); height:200px; margin:0px 9px 20px; }
  .app-serivce-box li span { font-size: 16px; padding: 0px 12px; }
  .app-serivce-box li a { display: block; }
  .app-serivce-box li a em { width: 96px; height: 96px; margin: 0 auto 16px auto; }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .app-serivce-box li {
    height: 200px;
  }

  .app-serivce-box li a em {
    width: 76px;
    height: 76px;
  }
}

/* 드럼세탁기 무상점검 (220823) */
.sec-box .washing-model-tit__03 { margin-top: 54px; margin-bottom: 21px; }
.washing-model-tit__03 { font-size: 24px; line-height: 30px; }

.washing-model-list-wrap { border-top: 1px solid #000; width:100%; overflow:hidden; }
.washing-model-list { width:100%; overflow:hidden; margin:4px 0px 4px 0px;}
.washing-model-list:last-child { border:0px; }
.washing-model-list-wrap dt {display:inline-block;margin: 6px 0px 0px 0px;vertical-align: top;}
.washing-model-list-wrap dd {vertical-align: top; display:table-cell; float:right;  }
.washing-model-list-wrap dd span { display: inline-block; line-height: 1; font-size: 14px; font-weight: 500; margin:0px 10px 4px 0px; padding:10px; border: 1px solid #ddd; border-radius:20px; cursor: pointer; }

.washing-model-search { padding:10px 0px; border-top: 1px solid #000; }
.washing-model-search:after { content: ''; display: block; clear: both; }
.washing-model-search li {width:100%; float:left;  margin-bottom:10px; }
.washing-model-search li:last-child { margin-bottom:20px; }
.washing-model-search label {font-weight: bold;float: left; width:100px; padding-top: 9px;  display:block; }
.washing-model-search .form__text { float: right; width: calc(100% - 100px); position: relative; }
.washing-model-search .form__text .btn-search { position: absolute; right: 0; top: 0; width: 42px; height: 40px; }
.washing-model-search .form__text .btn-search i { vertical-align: middle; }
.washing-model-search .form__text .btn__delete-input { right: 50px; }
.washing-model-search .form__text .input { padding: 5px 50px 5px 10px; background-color: #fff; }
.washing-model-search .form__text .input2 {display: block; width: 100%; padding: 5px 50px 5px 10px; background-color: #fff;  border: 1px solid #a9a9a9;  }
.washing-model-search .form__text input { padding: 0 20px 0 10px; height: 28px; }
.washing-model-search .form__text .info-msg { position: relative; padding-left: 10px; }
.washing-model-search .form__text .info-msg:before { content: ""; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background-color: #000; border-radius: 50%; }
.washing-model-gray_box { padding:10px 0px 30px; border-radius: 20px;  background-color: #f7f7f7; }


@media (min-width: 1024px) {
  .washing-model-list-wrap { padding:30px; }
  .washing-model-tit__03 { font-size: 28px; line-height: 36px; }
  .sec-box .washing-model-tit__03 { margin-top: 44px; margin-bottom: 19px; }
  .washing-model-list-wrap dd {width: calc(100% - 200px);  }
  .washing-model-search { padding:30px; }
  .washing-model-search label { width:200px; }
  .washing-model-search .form__text {  width: calc(100% - 200px); }
  .washing-model-gray_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  align-items: center;  text-align: center; }
  .washing-model-gray_box .img_box { width: 60%;  }
  .washing-model-gray_box .r_txt_box { text-align: left;   width: 40%;   }
}

@media (max-width: 1023px) {
  .washing-model-list-wrap { padding:10px 0px; }
  .sec-box .washing-model-tit__03 { margin-top: 24px; }
  .washing-model-list-wrap dd { width: calc(100% - 140px);  }
  .washing-model-list-wrap dd span { padding:6px; font-size:14px; }
  .washing-model-gray_box .r_txt_box { padding:20px; }
}

@media (max-width:640px) {
  .washing-model-list-wrap dd { width:100%; margin:4px 0px;  }
  .washing-model-list-wrap dd span { font-size: 14px; width: 30%; margin-right: 8px; text-align: center; vertical-align: top; height: 42px; padding: 12px 0px 0px 0px; }
}

@media (max-width:300px) {
  .washing-model-list-wrap dd span { font-size: 12px; width: 30%; margin-right: 7px; text-align: center; vertical-align: top; height:38px; padding: 12px 0px 0px 0px; }
}


/* 임직원 인증 팝업 */
.employee-confirm-wrap { margin:0px 0px;  }
.employee-confirm-box  { margin:20px 0px;  }

.employee-confirm { border-top:0px !important; padding-top:0px; }

.employee-confirm,
.employee-confirm02,
.employee-confirm03,
.employee-agree-box {padding: 20px 0px; border-top:1px solid #ddd; margin: 0px 0px 10px 0px;width: 100%;}

.employee-confirm dl dt {display: table-cell;line-height:44px;padding: 0px 0px 0px 0px; font-weight:700; vertical-align: top;text-align: left; }

.employee-confirm02 dl { width:100%; overflow:hidden;}
.employee-confirm02 dl dt { font-weight:700; float:left; line-height:44px;vertical-align: top;}
.employee-confirm02 dl dd { float:left; margin-left:10px; }
.employee-confirm02 dl dd.mail { margin-left:10px; font-weight:500; line-height:44px;  }

.employee-confirm-box p,
.employee-confirm02 p {  width:100%; margin:10px 0px 20px 0px; }

.employee-confirm03 dl { margin:20px 0px 0px 0px; width:100%; overflow:hidden; }
.employee-confirm03 dt { font-weight:700; float:left; line-height:44px; vertical-align: top;}
.employee-confirm03 dd { position:relative; float:left; margin-left:10px;  }
.employee-confirm03 dd .form__text  {  width:220px; }
.employee-confirm03 dd .form__text .remain-time {position: absolute;right:0px;top: 9px;color: #2189ff;}
.employee-confirm03 dd .form__text .btn__delete-input {right: 50px;}

.employee-confirm .select-type03 {  position:relative; }
.employee-confirm .select-type03 button.btn__40 { position:absolute; right:0px; bottom:0px; }

.employee-confirm-box p  {margin:-20px 0px 0px 0px; }
.employee-confirm02 p {margin: 10px 0px 0px 0px; }

.employee-agree-box .bullet__16 { margin-top: 26px; margin-bottom: 26px; }
.employee-agree-box .bullet__16 li + li { margin-top: 8px; }
.employee-agree-box .bullet__16.bttm-bull { margin-top: 10px; }
.employee-agree-box .box-radius { padding-left: 30px; padding-right: 30px; margin-bottom: 16px; }
.employee-agree-box .emp-form-chk { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.employee-agree-box .emp-form-chk li { width: calc(50% - 30px); }
.employee-agree-box strong { display:block; margin-top:20px; }
.employee-agree-box .sub_txt { margin:10px 0px; }
.employee-agree-box .emp-form-chk {  border:0px;  }
.employee-agree-box .bottom-btn { margin:0px 0px 25px 0px; text-align: center; display: block; width: 100%; }



@media (min-width: 1024px) {
  .layer[data-layer-name="SSMU_008_1P"] { width: 820px; padding: 40px 40px; }
  .employee-confirm-wrap .mCustomScrollbar {overflow-y: inherit;}
  .employee-confirm-wrap {min-height:610px;  }
  .employee-confirm .form__select .btn__toggle-select { position:unset; }
  .employee-confirm { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;  }
  .employee-confirm dl { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .employee-confirm > div dd {  display:table-cell; padding: 0px 12px;}
  .employee-confirm02 dl { margin-top:10px; }
  .employee-confirm02 dl .form__text  {  width:220px; }
  .employee-confirm02 dd.btn-area {margin-left:20px;}
  .employee-confirm03 dd.btn-area {margin-left: 40px;}
  .employee-confirm03 dd .form__text .input { padding-right: 70px; width:240px; }
  .employee-confirm .select-type01 .form__select { width:240px; max-width:240px; }
  .employee-confirm .select-type02 .form__text { width:115px; max-width:115px; }
  .employee-confirm .select-type02 .form__text input { padding: 0px 30px 0px 10px;  }
  .employee-confirm .select-type03 .form__text { width:95px; max-width:95px; }
  .employee-confirm .select-type03 .form__text input { padding: 0px 30px 0px 10px;  }
  .employee-confirm .bottom-btn { margin-left:4px;  width:96px; max-width:96px;  }
  .employee-agree-box { padding-bottom: 0px; }
}

@media (max-width: 1023px) {
  .employee-confirm:first-child { padding-top:0px;  padding-bottom:0px;}
  .employee-confirm dl dt,
  .employee-confirm02 dl dt,
  .employee-confirm03 dl dt { display: block; width: 100%; margin-bottom: 10px; padding: 0; line-height: 1; }
  .employee-confirm > div dl { margin-bottom: 25px; }
  .employee-confirm > div dl:last-of-type { border-bottom: 0; }
  .employee-confirm > div dd { display: block; width: 100%; }
  .employee-confirm .bottom-btn { margin-bottom: 25px;  text-align:center; }
  .employee-confirm .select-type01 .form__select,
  .employee-confirm .select-type02 .form__text,
  .employee-confirm .select-type03 .form__text {width:100%; max-width:100%; }

  .employee-confirm02 dl .form__text  {width: 170px; }
  .employee-confirm02 dl dd { margin-left:0px; }
  .employee-confirm02 dd.btn-area { margin:25px 0px; text-align:center; display:block; width:100%; }
  .employee-confirm03 dd .form__text  { width:100%; max-width:100%; }
  .employee-confirm03 dd { margin-left:0px; width:100%; }
  .employee-confirm03 dd.btn-area { margin:25px 0px; text-align:center; display:block; width:100%; }
  .employee-confirm-box p { font-size:14px;  margin-top:10px; }
  .employee-confirm02 p { font-size:14px; }
  .employee-confirm03 dd .form__text .remain-time { right: 20px;}
  .employee-confirm03 dd .form__text .btn__delete-input {right: 70px;}

  .employee-agree-box .bullet__16 { margin-top: 16px; margin-bottom: 16px; }
  .employee-agree-box .box-radius { padding-left: 20px; padding-right: 20px; }
  .employee-agree-box .emp-form-chk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
  .employee-agree-box .emp-form-chk li { width: 100%; }
  .employee-agree-box .emp-form-chk li + li { margin-top: 15px; }
  .employee-agree-box { padding-bottom: 0px; }
}

/* 자가수리 부품 보증등록 START */
/* 자가수리 부품 보증등록(2차) START */
.cf-sec-box .tbl-my-self-product { margin-bottom:20px;}
.banner-my-self-product { padding:30px 340px 30px 160px;}
.banner-my-self-product .btn-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.banner-my-self-product .btn__40 { position:static; margin-left:10px;}
@media (min-width: 1024px) {
  .cf-sec-box .tbl-my-self-product li div.col_0 { width:50px;}
  .banner-my-self-product .btn-area { position: absolute; right: 40px; top: calc(50% - 20px); }
  .cf-sec-box .tbl-my-self-product li div.col_1 { width:180px;}
  .cf-sec-box .tbl-my-self-product li div.col_2 { width:180px;}
  .cf-sec-box .tbl-my-self-product li div.col_3 { width:150px;}
  .cf-sec-box .tbl-my-self-product li div.col_4 { width:150px;}
  .cf-sec-box .tbl-my-self-product li div.col_5 { width:150px;}
  .cf-sec-box .tbl-my-self-product li div.col_6 { width:180px;}
  .cf-sec-box .tbl-my-self-product li div.col_7 { width:80px;}
  .cf-sec-box .tbl-my-self-product li div.col_8 { width:120px;}
  .cf-sec-box .tbl-my-self-product li div.col_9 { width:80px;}
  .cf-sec-box .tbl-my-self-product li div.col_10 { width:80px;}
}
@media (max-width: 1023px) {
  .banner-my-self-product { padding:30px 20px;}
  .banner-my-self-product .btn-area .btn__40 { flex:auto;}
  .banner-my-self-product .btn-area .btn__40:first-child { margin-left:0;}
  .cf-sec-box .tbl-my-self-product { margin-top:70px; border-top:0;}
  .cf-sec-box .tbl-my-self-product + .tbl-bottom { top:-40px;}
}

/* 자가수리 부품 보증등록 230407 */
.self-prod-form > label { flex:235px 0 0;}
.self-prod-form .form-wrap { flex:auto;}
.self-prod-form .form-wrap.flex { display:flex; flex-wrap:wrap;}
.self-prod-form .form__text.full-type { width:560px;}
.self-prod-form .btn__40.btn-inquiry { margin-left:20px;}
.self-prod-form .prod-item { display:flex; width:560px; margin-bottom:10px; justify-content:space-between; align-items:center;}
.self-prod-form .prod-item .prod-cnt-wrap { display:flex; align-items:center; margin-left:50px;}
.self-prod-form .prod-item label { font-weight:bold;}
.self-prod-form .prod-item .form__text.prod-nm { }
.self-prod-form .prod-item .form__text.prod-cnt { width:100px; margin:0 5px 0 10px;}
/* 은행 선택 (셀렉트박스) */
.select-bank { display:flex; flex-wrap:wrap; width:100%;}
.select-bank .select-set { display: -webkit-box; display: -ms-flexbox; display:flex; flex-wrap:wrap; width:560px;}
.select-bank .select-set .form__select { flex:200px 1 1; margin-bottom:5px;}
.select-bank .select-set .form__text { flex:auto; width:auto; margin-left:10px; margin-bottom:5px;}
.select-bank .select-set .info-msg { width:100%;}
/* 영수증번호 조회 > 구매내역 팝업 */
.tbl-receipt-inquiry tbody { border-top: 1px solid #000; }
.tbl-receipt-inquiry tbody th { height: 50px; font-size: 14px; vertical-align: middle; background-color: #f6f6f6; border-top: 1px solid #ddd; }
.tbl-receipt-inquiry tbody td { height: 50px; font-size: 14px; text-align: center; }
.tbl-receipt-inquiry tbody tr:first-child td { border-top: 0; }
.tbl-receipt-inquiry tbody tr:first-child th { border-top: 0; }
.tbl-receipt-inquiry tbody .border-r { border-right: 1px solid #ddd; }
.tbl-receipt-inquiry .form__checkbox.in-shop input[type="checkbox"] + label { height:20px; padding-left:20px;}
/* 고객자가수리 안내페이지 */
.self-repair .banner { display:flex; margin-top:21px; background-color:#e2ded9; overflow:hidden;}
.self-repair .banner .text-wrap { flex:auto; padding:85px 60px; font-size:20px;}
.self-repair .banner .video-wrap { flex:30%; max-width:600px; background-color: #000;}
.self-repair .item__software { height:auto;}
.self-repair .item__software p { max-width:none; margin-top:0;}
.self-repair .item__software span { margin-bottom:10px;}
.self-repair .sec-tit { position:relative;}
.self-repair .sec-tit button { position:absolute; right:0;}
.self-repair .sec-cont .btn-box { margin-top:-62px; margin-bottom:21px; text-align:right;}
.self-repair .iot-usage { margin-top:0;}
.self-repair .iot-usage:before { display:none;}
.manual-download { display:flex; margin-top:15px; padding:20px 0; align-items:center; font-size:18px;}
.manual-download.mobile { background-color: #f2f6fe}
.manual-download.pc { background-color: #f5f3ef}
.manual-download.tv { background-color: #fef4f1}
.manual-download .cate-icon { flex:45% 0 0; font-weight:bold; text-align:center;}
.manual-download .cate-icon img { width: 90px; height: 90px; border-radius: 50%; background-color: #fff; }
.manual-download .cate-sec { display:flex; flex-direction: column;}
.manual-download .cate-sec > div { flex:calc(100%/3) 0 0;}
.manual-download .cate-sec > div.full { flex:100% 0 0;}
.manual-download.tablet { background-color: #FFEEF0; }
.manual-download .cate-desc { margin-top: 10px;}
/* 택배 반환 신청 정보 팝업 */
.layer.apply-return { width:650px; max-width:100%;}
.apply-return .client-info-for-consult { padding:0;}
.apply-return .client-info-for-consult > li > .tit { width:100px;}
.apply-return .client-info-for-consult > li > .tit + div { width:calc(100% - 100px);}
.apply-return .form-desc { position:relative;}
.apply-return .form-desc .necessary-txt { font-size:14px;}
.apply-return .return-form { padding-top:15px; border-top:1px solid #a9a9a9;}
.apply-return .client-info-for-consult .form__text { width:100%;}
.apply-return .form__address-search > li:first-child .form__text { width:calc(50% - 80px)}
@media (max-width: 1023px) {
  /* 자가수리 부품 보증등록 230407 */
  .self-prod-form .form-wrap.flex { justify-content:center;}
  .self-prod-form .form__text.full-type { flex:auto; width:100%}
  .self-prod-form .prod-item { justify-content:left; width:100%;}
  .self-prod-form .prod-item .prod-cnt-wrap { margin-left:10px;}
  .self-prod-form .prod-item label { font-weight:bold;}
  .self-prod-form .btn__40.btn-inquiry { margin-left:0; margin-top:10px;}
  /* 은행 선택 (셀렉트박스) */
  .select-bank { justify-content:center;}
  .select-bank .select-set { width:100%;}
  .select-bank .select-set .form__text { margin-left:0;}

  .self-repair .banner { flex-direction:column; overflow:visible; background-color:transparent;}
  .self-repair .banner .text-wrap { position:relative; padding:0;}
  .self-repair .banner .text-wrap br { display:none;}
  .self-repair .banner .video-wrap { flex:40%; max-width:none; margin-top:21px; border-radius:20px; overflow:hidden; background-color: #000;}
  .self-repair .item__software strong br { display:none;}
  .self-repair .sec-cont .btn-box { margin-top:0; text-align:center;}
  /* 고객자가수리 안내페이지 */
  .manual-download { flex-wrap:wrap;}
  .manual-download .cate-icon { flex:50% 0 0;}
  .manual-download .cate-sec { flex-direction:column;}
  .manual-download .cate-sec > div { margin-top:20px;}
  .manual-download .cate-sec > div:first-child { margin-top:0;}
  .manual-download .cate-desc { flex:100% 0 0; margin-top:25px; padding:0 30px;}
  /* 택배 반환 신청 정보 팝업 */
  .apply-return .client-info-for-consult > li > .tit + div { width:100%}
}

@media (max-width: 500px) {
  .manual-download .cate-icon { flex:42% 0 0;}
  .manual-download .cate-sec { flex:58% 0 0;}
}
/* 자가수리 부품 보증등록 END */
/* 자가수리 부품 보증등록(2차) End */


/* 기업정보 > 전자공시 */
.btn__toggle-select {display:none}

.electronic-disclosure .terms-search {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; /*justify-content: flex-end;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; border-bottom:0px solid #000; padding-bottom: 20px; }
.electronic-disclosure .terms-search > div { width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.electronic-disclosure .terms-search .select-form-2 { width: 100%;}
.sec-img-box {text-align: center;}

@media (max-width: 1023px) {
  .electronic-disclosure .terms-search {display: block; margin-top: 15px; }
  .sec-img-box {display: none;}
}



/* (20230208) 웹접근성 추가 */
input:focus + label,
.swiper-button-next:focus,
.swiper-button-prev:focus { outline:2px dashed #2189FF !important; }
:focus,
label:focus,
label.is-focus,
button:focus,
a:focus-visible,
button:focus-visible { outline:2px dashed #2189FF !important; -webkit-focus-ring-color auto 1px !important; }
.form__select .select a:focus { outline:0 !important; border:2px dashed #2189FF !important; -webkit-focus-ring-color auto 1px !important; }
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {  outline:2px dashed #2189FF !important; -webkit-focus-ring-color auto 1px !important; }
.app-header .sub-gnb a:focus {  outline:2px dashed #000 !important; }

.input_content .complainInfo { font-size: 14px;}
.complainInfo { font-size: 14px; margin-top: 5px;}
@media (max-width: 1023px) {
  .member-out { right: 22px; position:absolute; width:120px; padding:6px; }
}
@media (min-width: 1024px) {
  .member-out { right: 0; position: absolute; width: 120px; }
}

/* (240125)주말케어센터 예약 */
.select-product-process02 .service-type { border-bottom: none; }
.select-product-process02 .service-type .btn-wrap > button { flex: 1 0 18%; }
.select-product-process02 .service-type .btn-wrap .film-attach { margin-top: 10px; }
.select-product-process02 .service-type .btn-wrap .btn__4050 { margin-left: 0; }
.select-product-process02 .service-type .btn-wrap .btn__4050.is-active { border-color: #0072de; background-color: #0072de; color: #fff; }
.select-form .select-product-swiper .swiper-pagination-bullet { display: none; }
.select-form .swiper-wrapper { flex-wrap: wrap;}
.select-form .swiper-slide { flex: 1 0 38%; }
.private-agree-require .private-agree-box { margin-top: 80px; }
.private-agree-require .service-chk-con { margin-top: 25px; }
.private-agree-require .private-agree-form { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.private-agree-require .sv-privacy-detail { margin-left: 36px; }
.private-agree-require .private-agree-list { margin-top: 10px; }
.private-agree-require .table { width: 100%; border: 1px solid #ddd; table-layout: fixed; margin-top: 10px; }
.private-agree-require .table th { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px; }
.private-agree-require .table td { border-right: 1px solid #ddd; padding: 5px; }
@media (min-width: 378px) and (max-width: 412px) {
  .select-product-process02 .service-type .btn-wrap { width: 180px; }
}
@media (min-width: 413px) and (max-width: 1023px) {
  .select-product-process02 .service-type .btn-wrap { min-width: 125px; }
  .select-product-process02 .service-type .btn-wrap .film-attach { margin-top: 0; margin-left: 10px; }
}
@media (max-width: 1023px) {
  .center-select-product .form__select .select { height: 345px; }
  .center-select-product .form__select.is-active .select { display: block; }
  .center-select-product .form__select.is-active .select ul { max-height: 265px; height: auto; overflow-y: auto; overflow-x: hidden; }
  .select-form .swiper-slide.wearable { margin-left: 0; }
}
@media (min-width: 1024px) {
  .center-select-product .select-symptom .btn__toggle-select, .center-select-product .select-symptom .tit, .center-select-product .form__select .select > .btn__close-select  { display: none; }
  .center-select-product .form__select .select { border: none; }
  .center-select-product .form__select .btn__toggle-select { background-color: none; }
  .center-select-product .select-symptom .select { padding-bottom: 26px; display: block; position: static; border: none; font-size: 0; width: 100% }
  .center-select-product .select-symptom .select ul { min-height: 93px; padding: 20px; background-color: #f7f7f7; border-radius: 20px; border: 1px solid #ddd; }
  .center-select-product .select-symptom .select li { display: inline-block; margin-right: 15px; }
  .center-select-product .select-symptom .select li a { display: inline-block; border: 1px solid #ddd; background-color: #fff; font-size: 14px; text-align: center; border-radius: 32px; min-width: 80px; min-height: 32px; padding: 9px 15px; line-height: 1; }
  .center-select-product .select-symptom .select li a:hover { background-color: #0072de; color: #fff; border-color: #0072de; }
  .center-select-product .select-symptom .select li.is-active a { background-color: #0072de; color: #fff; border-color: #0072de; }
  .select-form .select-product-swiper .swiper-button-prev, .select-form .swiper-button-next { display: none; }
  .select-product-process02 .service-type .btn-wrap { width: 500px; }
  .select-product-process02 .service-type .btn-wrap .film-attach { margin-top: 0; margin-left: 10px; }
  .select-form .swiper-wrapper { flex-wrap: nowrap; }
  .select-form .swiper-slide { flex: 1 0 18%; }
  .select-form .swiper-slide.mt15 { margin-top: 0; }
  .private-agree-require .service-chk-con .private-agree-form { border-bottom: none; padding-bottom: 0; }
}
/* (240227) 웹접근성 추가 */
.pop-model-code-swiper .swiper-slide a:focus { width: 128px; border-radius: 20px; outline: 2px dashed #2189FF !important; }