@charset "UTF-8";
/* font */
@font-face { font-family: 'notosanskr'; font-style: normal; font-weight: 200; src: url("../font/NotoSansKR-Light.woff2") format("woff2"), url("../font/NotoSansKR-Light.woff") format("woff"); }

@font-face { font-family: 'notosanskr'; font-style: normal; font-weight: 300; src: url("../font/NotoSansKR-DemiLight.woff2") format("woff2"), url("../font/NotoSansKR-DemiLight.woff") format("woff"); }

@font-face { font-family: 'notosanskr'; font-style: normal; font-weight: 400; src: url("../font/NotoSansKR-Regular.woff2") format("woff2"), url("../font/NotoSansKR-Regular.woff") format("woff"); }

@font-face { font-family: 'notosanskr'; font-style: normal; font-weight: 500; src: url("../font/NotoSansKR-Medium.woff2") format("woff2"), url("../font/NotoSansKR-Medium.woff") format("woff"); }

@font-face { font-family: 'notosanskr'; font-style: normal; font-weight: 700; src: url("../font/NotoSansKR-Bold.woff2") format("woff2"), url("../font/NotoSansKR-Bold.woff") format("woff"); }

/* reset */
html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, button { margin: 0; padding: 0; border: 0; font: inherit; }

html, body { height: 100%; }

body { -webkit-text-size-adjust: none; font-family: 'notosanskr','Apple SD Gothic Neo','AppleGothic','Apple Gothic','-apple-system',sans-serif; font-weight: 400; color: #181818; }

input, textarea, select, button { font: inherit; vertical-align: middle; padding: 0; margin: 0; color: #181818; font-family: 'notosanskr','Apple SD Gothic Neo','AppleGothic','Apple Gothic','-apple-system',sans-serif; }

input[type="button"], input[type="text"], input[type="image"], input[type="submit"], input[type="password"], textarea { outline: none; -webkit-appearance: none; }

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

button:focus, a:focus { outline: none; }

textarea { resize: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

table th { text-align: left; vertical-align: top; }

ul, ol, li { list-style-type: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }

img, fieldset, iframe { border: none; }

address, cite, code, dfn, em, var, th, strong { font-style: normal; font-weight: 400; }

a { text-decoration: none; color: inherit; font-weight: 400; word-break: break-all; }

a:active { color: inherit; font-weight: 400; }

a:hover { color: inherit; font-weight: 400; cursor: pointer !important; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

caption, legend { height: 0; width: 0; line-height: 0; font-size: 0; overflow: hidden; visibility: hidden; display: none; -webkit-padding-start: 0; -webkit-padding-end: 0; }

button { background: transparent; cursor: pointer; }

iframe { border: 0; }

input::-ms-reveal, input::-ms-clear { display: none; }

::placeholder { color: #999 !important; opacity: 1 !important; font-weight: 400; font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

:-ms-input-placeholder { color: #999 !important; opacity: 1 !important; font-weight: 400; font-family: "notosanskr","Apple SD Gothic Neo","AppleGothic","Apple Gothic","-apple-system",sans-serif; }

select { background: transparent; }

input:focus::placeholder, textarea:focus::placeholder { color: transparent !important; }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-textarea-placeholder { color: transparent !important; }

input:focus:-ms-input-placeholder, textarea:focus:-ms-textarea-placeholder { color: transparent !important; }

.ellipsis { display: block; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }

.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }

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

/*form*/
[type=checkbox], [type=radio], input { box-sizing: border-box; -webkit-box-sizing: border-box; }

.ui.checkbox input[type=checkbox], .ui.radio input[type=radio], .ui.toggle input[type=checkbox], .ui input[type=checkbox], .ui input[type=radio], .ui input[type=checkbox] { cursor: pointer; position: absolute; top: 0; left: 0; width: 23px; height: 23px; opacity: 0 !important; outline: 0; z-index: 3; }

.ui.toggle input[type=checkbox] { width: 60px; height: 32px; }

input[type=text], select { box-shadow: none; outline: 0; background-color: transparent; border: 0; }

input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #e9464a !important; }

/*common*/
/*minin*/
.datepicker { z-index: 301; }

.datepicker--time-row input[type="range"] { padding-left: 12px; }

.datepicker--time-row input[type="range"]:focus, .datepicker--time-row input[type="range"].enabled { padding-left: 12px; }

.ui { /*button*/ }

.ui.button, .ui .button { text-align: center; border-radius: 3px; box-sizing: border-box; }

.ui.button.basic, .ui .button.basic { display: inline-block; padding: 0 10px; min-width: 80px; color: #181818; font-size: 13px; line-height: 33px; height: 35px; border: 1px solid #c8c8c8; vertical-align: middle; }

.ui.button.basic.h-30, .ui .button.basic.h-30 { line-height: 28px; height: 30px; }

.ui.button.basic.red, .ui .button.basic.red { padding: 0 14px; color: #ffffff; background-color: #E9464A; border-color: #E9464A; }

.ui.button.disabled, .ui.button[disabled="disabled"], .ui.button:disabled, .ui .button.disabled, .ui .button[disabled="disabled"], .ui .button:disabled { background-color: #e9e9e9 !important; border: 1px solid #e9e9e9 !important; cursor: initial !important; }

.ui.button.list, .ui .button.list { font-size: 14px; }

.ui.button.round-gray, .ui .button.round-gray { margin-right: 6px; padding: 0 17px; font-size: 14px; border: 1px solid rgba(145, 145, 145, 0.3); border-radius: 20px; min-width: 90px; }

.ui.button.round-gray.red, .ui .button.round-gray.red { color: #E9464A; font-weight: 700; border-color: #E9464A; background-color: #FEE; }

.ui.button.plus-red, .ui .button.plus-red { display: inline-block; padding: 0 15px; min-width: 103px; height: 35px; color: #e9464a; font-size: 14px; font-weight: 700; border: 1px solid #e9464a; }

.ui.button.plus-red:before, .ui .button.plus-red:before { content: ""; display: inline-block; margin-right: 5px; width: 13px; height: 13px; vertical-align: -1px; background: url(../img/ico_btn_plus.png) center no-repeat; }

.ui.button.plus-gray, .ui .button.plus-gray { color: #181818; font-size: 14px; }

.ui.button.plus-gray:before, .ui .button.plus-gray:before { content: ""; display: inline-block; margin-right: 5px; width: 13px; height: 13px; vertical-align: -1px; background: url(../img/ico_btn_plus_g.png) center no-repeat; }

.ui.button.minus-gray, .ui .button.minus-gray { color: #181818; font-size: 14px; }

.ui.button.minus-gray:before, .ui .button.minus-gray:before { content: ""; display: inline-block; margin-right: 5px; width: 13px; height: 2px; vertical-align: middle; background: url(../img/ico_btn_minus.png) center no-repeat; }

.ui.button.file, .ui .button.file { cursor: pointer; }

.ui.button.file label, .ui .button.file label { cursor: pointer; }

.ui.button.file input[type="file"], .ui .button.file input[type="file"] { position: absolute; top: 0; right: 0; width: 0; height: 0; padding: 0; margin: -1px; overflow: hidden; border: 0; outline: 0; color: transparent; }

.ui.button.w300, .ui .button.w300 { min-width: 300px; height: 50px; font-size: 16px; line-height: 48px; }

.ui.button.w410, .ui .button.w410 { min-width: 410px; height: 50px; font-size: 16px; line-height: 48px; }

.ui.button.wauto, .ui .button.wauto { display: inline-block; min-width: auto !important; }

.ui.button.w70, .ui .button.w70 { display: inline-block; min-width: 70px !important; width: 70px !important; }

.ui.button.w80, .ui .button.w80 { display: inline-block; min-width: 80px !important; width: 80px !important; }

.ui.button.w110, .ui .button.w110 { min-width: 110px; }

.ui.button.w139, .ui .button.w139 { min-width: 139px !important; }

.ui.button.w200, .ui .button.w200 { min-width: 200px; height: 50px; font-size: 16px; line-height: 48px; }

.ui.button.w250, .ui .button.w250 { min-width: 250px; height: 50px; font-size: 16px; line-height: 48px; }

.ui.button.h50, .ui .button.h50 { height: 50px; line-height: 50px; }

.ui.button.h40, .ui .button.h40 { min-width: 115px; font-size: 16px; height: 40px; }

.ui.button.h30, .ui .button.h30 { min-width: 80px; font-size: 13px; height: 30px; line-height: 28px; }

.ui.button.bg-white, .ui .button.bg-white { background-color: #fff; }

.ui.button.bg-red, .ui .button.bg-red { display: inline-block; padding: 0 10px; color: #fff; background-color: #e9464a; border: 1px solid #e9464a; }

.ui.button.bg-red:disabled, .ui .button.bg-red:disabled { color: #181818; }

.ui.button.bg-red.plus, .ui .button.bg-red.plus { font-weight: 400; }

.ui.button.bg-red.plus:before, .ui .button.bg-red.plus:before { content: ""; display: inline-block; margin-right: 5px; width: 13px; height: 13px; vertical-align: -1px; background: url(../img/ico_btn_plus_w.png) center no-repeat; background-size: 13px; }

.ui.button.bg-red.cecked, .ui .button.bg-red.cecked { font-weight: 400; }

.ui.button.bg-red.cecked:before, .ui .button.bg-red.cecked:before { content: ""; display: inline-block; margin-right: 5px; width: 20px; height: 20px; background: url(../img/ic_check_20.png) center no-repeat; background-size: 20px; vertical-align: middle; }

.ui.button.bg-puple, .ui .button.bg-puple { background-color: #171232; font-size: 16px; font-style: normal; font-weight: 500; color: #ffffff; min-width: 274px; padding: 0 13px; border-radius: 80px; }

.ui.button.a-link-btn, .ui .button.a-link-btn { display: inline-block; }

.ui.button.time-btn, .ui .button.time-btn { padding: 0 20px; }

.ui.button.time-btn span, .ui .button.time-btn span { position: relative; padding-left: 11px; margin-left: 10px; }

.ui.button.time-btn span:before, .ui .button.time-btn span:before { position: absolute; content: ""; display: inline-block; width: 1px; height: 16px; top: 50%; left: 0; background: rgba(255, 255, 255, 0.3); margin-top: -8px; }

.ui.button.round-red, .ui .button.round-red { color: #e9464a; border: 1px solid #e9464a; }

.ui.button.round-red:disabled, .ui .button.round-red:disabled { color: #181818; }

.ui.button.dot, .ui .button.dot { display: inline-block; width: 35px; height: 35px; border: 1px solid #c8c8c8; border-radius: 5px; text-indent: -999em; background: url(../img/btn_dot.png) center no-repeat; background-size: 18px 4px; }

.ui.button.info, .ui .button.info { display: inline-block; padding: 0 13px; min-width: 80px; color: #919191; font-size: 14px; line-height: 33px; border: 1px solid #c8c8c8; }

.ui.button.info:before, .ui .button.info:before { content: ""; display: inline-block; margin-right: 5px; width: 15px; height: 15px; vertical-align: -3px; background: url(../img/ico_info_01.png) center no-repeat; }

.ui.button.exe, .ui .button.exe { display: inline-block; padding: 0 13px; min-width: 80px; color: #919191; font-size: 14px; line-height: 33px; border: 1px solid #c8c8c8; }

.ui.button.reserve, .ui .button.reserve { display: inline-block; padding: 0 13px; min-width: 98px; font-size: 12px; line-height: 33px; border-radius: 0; }

.ui.button.reserve:before, .ui .button.reserve:before { content: ""; display: inline-block; margin: -1px 5px 0 0; width: 23px; height: 23px; vertical-align: middle; }

.ui.button.reserve.green, .ui .button.reserve.green { color: #198903; border: 1px solid #198903; }

.ui.button.reserve.green:before, .ui .button.reserve.green:before { background: url(../img/ico_reserve01.png) center no-repeat; }

.ui.button.reserve.blue, .ui .button.reserve.blue { color: #0b6bc1; border: 1px solid #0b6bc1; }

.ui.button.reserve.blue:before, .ui .button.reserve.blue:before { background: url(../img/ico_reserve02.png) center no-repeat; }

.ui.button.reserve.red, .ui .button.reserve.red { color: #dc0000; border: 1px solid #dc0000; }

.ui.button.reserve.red:before, .ui .button.reserve.red:before { background: url(../img/ico_reserve03.png) center no-repeat; }

.ui.button.ico, .ui .button.ico { width: 150px; text-align: left; background-color: #fff; }

.ui.button.ico.ico-red:before, .ui .button.ico.ico-red:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #e9464a; border-radius: 50%; }

.ui.button.ico.ico-green:before, .ui .button.ico.ico-green:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #00b06c; border-radius: 50%; }

.ui.button.ico.ico-yellow:before, .ui .button.ico.ico-yellow:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #f3bc38; border-radius: 50%; }

.ui.button.ico.ico-black:before, .ui .button.ico.ico-black:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #181818; border-radius: 50%; }

.ui.button.tag, .ui .button.tag { display: inline-block; padding: 0 7px; font-size: 12px; line-height: 20px; border-radius: 10px; }

.ui.button.tag.yellow, .ui .button.tag.yellow { color: #f3bc38; border: 1px solid #f3bc38; }

.ui.button.tag.green, .ui .button.tag.green { color: #00b06c; border: 1px solid #00b06c; }

.ui.button.tag.purple, .ui .button.tag.purple { color: #8e9cef; border: 1px solid #8e9cef; }

.ui.toggle { position: relative; display: inline-block; width: 60px; height: 28px; }

.ui.toggle .round { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #f7f7f7; border-radius: 34px; -webkit-transition: 0.4s; transition: 0.4s; }

.ui.toggle .round:before { position: absolute; content: ""; height: 20px; width: 20px; left: 5px; bottom: 5px; background-color: #fff; border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s; box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.1); }

.ui.toggle .round:after { content: "OFF"; display: inline-block; position: absolute; top: 4px; left: auto; right: 8px; color: rgba(0, 0, 0, 0.2); font-size: 12px; font-weight: 700; }

.ui.toggle input:checked + .round:before { right: 5px; left: auto; box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.1); }

.ui.toggle input:checked + .round:after { content: "ON"; display: inline-block; position: absolute; top: 4px; left: 10px; right: auto; color: #e9464a; font-size: 12px; font-weight: 700; }

.ui.toggle input:focus + .round:before { box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.1); }

.ui.toggle input:checked + .round:before { -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.ui.toggle.red { vertical-align: top; }

.ui.toggle.red input { height: 100% !important; line-height: unset !important; }

.ui.toggle.red input:checked + .round:after { content: ""; display: inline-block; position: absolute; top: 0px; left: 0px; right: auto; width: 100%; height: 100%; background: #e9464a; font-size: 12px; font-weight: 700; }

.ui.toggle.red input:checked + .round:before { z-index: 3; }

.ui.toggle.red .round { background-color: #DEDEDE; border-radius: 14px; overflow: hidden; }

.ui.toggle.red .round:after { display: none; }

.ui.toggle.red .round:before { bottom: 4px; }

.ui.tab { display: table; width: 100%; }

.ui.tab li { display: table-cell; height: 100%; background-color: #fbfbfb; vertical-align: middle; border-bottom: 1px solid #a7a7a7; }

.ui.tab li.on { background-color: transparent; border: 1px solid #a7a7a7; border-bottom: 1px solid #f7f7f7; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.ui.tab li.on a { color: #181818; font-weight: 700; background-color: transparent; }

.ui.tab li:first-child a { margin-left: 0; }

.ui.tab li a { display: block; color: #919191; font-size: 16px; line-height: 1.3; padding: 15px 5px; text-align: center; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; word-break: break-all; border-left: 2px solid #fff; }

.ui.tab.tab-2 li { width: 50%; }

.ui.tab.tab-3 li { width: 33.3%; }

.ui.tab.tab-4 li { width: 25%; }

.ui.tab.tab-5 li { width: 20%; }

.ui.tab.tab-6 li { width: 16.6%; }

.ui.tab.border { display: block; height: auto; border-bottom: 1px solid #dedede; }

.ui.tab.border li { float: none; display: inline-block; padding: 0 22px; display: inline-block; width: auto; background-color: transparent; border: 0; }

.ui.tab.border li:first-child { padding-left: 0; }

.ui.tab.border li:last-child { padding-right: 0; }

.ui.tab.border li a { padding: 0; color: #919191; font-size: 16px; background-color: transparent; border: 0; height: auto; }

.ui.tab.border li.on a { position: relative; color: #181818; line-height: 42px; }

.ui.tab.border li.on a:after { content: ""; display: block; height: 4px; background-color: #181818; }

.ui.tab.terms-tabs { display: flex; justify-content: space-between; align-items: center; padding-bottom: 3px; }

.ui.tab.terms-tabs li.on a { height: 42px; line-height: 1.3; display: flex; justify-content: center; align-items: center; }

.ui.tab.terms-tabs li.on a::after { width: 100%; position: absolute; bottom: -3px; }

.ui.tab.terms-tabs.eng { padding-bottom: 10px; }

.ui.tab.terms-tabs.eng li.on a::after { width: 100%; position: absolute; bottom: -10px; }

.ui.tab.flextype { display: flex; margin-bottom: 30px; }

.ui.tab.flextype li { display: block; flex: auto; }

.ui.tab.flextype li.on { border-bottom: 0px; }

.ui.tab.flextype li.lock span { padding-right: 14px; background: url(../img/lock_icon.png) right center no-repeat; background-size: 9.5px; }

.ui.tab-box { display: none; }

.ui.accordion { border-top: 1px solid #dedede; }

.ui.accordion > li { border-bottom: 1px solid #dedede; }

.ui.accordion > li.on .accordion-top { background: url(../img/img_arrow_up.png) calc(100% - 20px) center no-repeat; }

.ui.accordion > li.on .button-accordion { background: url(../img/img_arrow_up.png) center no-repeat; }

.ui.accordion > li .accordion-top { position: relative; display: block; background: url(../img/img_arrow_down.png) calc(100% - 20px) center no-repeat; }

.ui.accordion > li .cont-inner { position: relative; min-height: 60px; padding: 20px 0; color: #181818; font-size: 15px; box-sizing: border-box; }

.ui.accordion > li .button-accordion { position: absolute; display: inline-block; top: 22px; right: 10px; width: 30px; height: 30px; text-indent: -999em; background: url(../img/img_arrow_down.png) center no-repeat; }

.ui.accordion > li .accordion-box { display: none; padding: 20px; margin-bottom: 15px; color: #181818; font-size: 13px; line-height: 19px; box-sizing: border-box; }

.ui.accordion > li .accordion-box.bg-gray { background-color: #f7f7f7; }

.ui.dropdown { position: relative; }

.ui.dropdown.w250 { min-width: 250px !important; width: 250px !important; }

.ui.dropdown.w250 .dropdown-box, .ui.dropdown.w250 .ui.button.basic { min-width: 250px !important; width: 250px !important; }

.ui.dropdown.w220 { min-width: 220px !important; width: 220px !important; }

.ui.dropdown.w220 .dropdown-box, .ui.dropdown.w220 .ui.button.basic { min-width: 220px !important; width: 220px !important; }

.ui.dropdown.w200 { min-width: 200px !important; width: 200px !important; }

.ui.dropdown.w200 .dropdown-box, .ui.dropdown.w200 .ui.button.basic { min-width: 200px !important; width: 200px !important; }

.ui.dropdown.w150 { min-width: 150px !important; width: 150px !important; }

.ui.dropdown.w150 .dropdown-box, .ui.dropdown.w150 .ui.button.basic { min-width: 150px !important; width: 150px !important; }

.ui.dropdown.on .dropdown-box { display: block; }

.ui.dropdown.on .ui.button.basic:after { background: url(../img/img_sel_arrow_up.png) center no-repeat; background-size: 10px 7px; }

.ui.dropdown.block .ui.button.basic { min-width: 100%; }

.ui.dropdown .ui.button.basic { position: relative; padding-right: 35px; text-align: left; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }

.ui.dropdown .ui.button.basic:after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 33px; height: 33px; background: url(../img/img_sel_arrow_down.png) center no-repeat; background-size: 10px 7px; }

.ui.dropdown .ui.button.basic:disabled { border: 1px solid #c8c8c8 !important; background: #F1F1F1; color: #919191; }

.ui.dropdown .ui.button.basic.ico-red:before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: -9px; width: 18px; height: 18px; background-image: url(../img/icon/img_status_error.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; left: 11px; }

.ui.dropdown .ui.button.basic.ico-green:before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: -9px; width: 18px; height: 18px; background-image: url(../img/icon/img_status_complete.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; left: 11px; }

.ui.dropdown .ui.button.basic.ico-yellow:before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: -9px; width: 18px; height: 18px; background-image: url(../img/icon/img_status_pending.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; left: 11px; }

.ui.dropdown .ui.button.basic.ico-black:before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: -9px; width: 18px; height: 18px; background-image: url(../img/icon/img_status_pending.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; left: 11px; }

.ui.dropdown .ui.button.basic.color-gray { color: #919191; }

.ui.dropdown .dropdown-box { display: none; position: absolute; top: 43px; left: 0; width: calc(100% - 2px); border: 1px solid #c4c4c4; z-index: 11; box-shadow: 0 0 10px -6px; background-color: #fff; border-radius: 3px; padding: 12px 0px; max-height: 230px; overflow: hidden; overflow-y: auto; }

.ui.dropdown .dropdown-box .dropdown-items { min-width: 110px; }

.ui.dropdown .dropdown-box .dropdown-items > li { padding: 8px 15px; color: #181818; font-size: 13px; line-height: 20px; min-height: 20px; cursor: pointer; }

.ui.dropdown .dropdown-box .dropdown-items > li.selected { color: #E9464A; }

.ui.dropdown .dropdown-box .dropdown-items > li.selected a.color-gray { color: #e9464a; }

.ui.dropdown .dropdown-box .dropdown-items > li a { display: block; position: relative; }

.ui.dropdown .dropdown-box .dropdown-items > li a.ico-red:before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: -9px; width: 18px; height: 18px; background-image: url(../img/icon/img_status_error.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }

.ui.dropdown .dropdown-box .dropdown-items > li a.ico-green:before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: -9px; width: 18px; height: 18px; background-image: url(../img/icon/img_status_complete.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }

.ui.dropdown .dropdown-box .dropdown-items > li a.ico-yellow:before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: -9px; width: 18px; height: 18px; background-image: url(../img/icon/img_status_pending.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }

.ui.dropdown .dropdown-box .dropdown-items > li a.ico-black:before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: -9px; width: 18px; height: 18px; background-image: url(../img/icon/img_status_pending.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }

.ui.dropdown .dropdown-box .dropdown-items > li a.color-gray { color: #919191; }

.ui.dropdown-only { position: relative; }

.ui.dropdown-only.on .dropdown-box { display: block; }

.ui.dropdown-only.on .ui.button.basic:after { background: url(../img/img_sel_arrow_up.png) center no-repeat; background-size: 10px 7px; }

.ui.dropdown-only .ui.button.basic { position: relative; padding-right: 35px; }

.ui.dropdown-only .ui.button.basic:after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 33px; height: 33px; background: url(../img/img_sel_arrow_down.png) center no-repeat; background-size: 10px 7px; }

.ui.dropdown-only .ui.button.basic.ico-red:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #e9464a; border-radius: 50%; }

.ui.dropdown-only .ui.button.basic.ico-green:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #00b06c; border-radius: 50%; }

.ui.dropdown-only .ui.button.basic.ico-yellow:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #f3bc38; border-radius: 50%; }

.ui.dropdown-only .ui.button.basic.ico-black:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #181818; border-radius: 50%; }

.ui.dropdown-only .dropdown-box { display: none; position: absolute; top: 40px; right: 0; width: 99%; min-width: 220px; border: 1px solid #c4c4c4; z-index: 11; box-shadow: 0 0 10px -6px; background-color: #fff; border-radius: 3px; }

.ui.dropdown-only .dropdown-box .dropdown-items { min-width: 220px; }

.ui.dropdown-only .dropdown-box .dropdown-items li { padding: 8px 15px; color: #181818; font-size: 13px; line-height: 20px; min-height: 20px; cursor: pointer; }

.ui.dropdown-only .dropdown-box .dropdown-items li:first-child { padding-top: 20px; }

.ui.dropdown-only .dropdown-box .dropdown-items li:last-child { padding-bottom: 20px; }

.ui.dropdown-only .dropdown-box .dropdown-items li:hover { color: #e9464a; }

.ui.dropdown-only .dropdown-box .dropdown-items li a { display: block; }

.ui.dropdown-only .dropdown-box .dropdown-items li a.ico-red:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #e9464a; border-radius: 50%; }

.ui.dropdown-only .dropdown-box .dropdown-items li a.ico-green:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #00b06c; border-radius: 50%; }

.ui.dropdown-only .dropdown-box .dropdown-items li a.ico-yellow:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #f3bc38; border-radius: 50%; }

.ui.dropdown-only .dropdown-box .dropdown-items li a.ico-black:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #181818; border-radius: 50%; }

.ui.form { position: relative; /* 세금정보 */ }

.ui.form .input-group, .ui.form.input-group { position: relative; width: 100%; border-bottom: 1px solid #e1e1e1; }

.ui.form .input-group:after, .ui.form.input-group:after { content: ""; display: block; clear: both; }

.ui.form .input-group.flex > .label, .ui.form.input-group.flex > .label { padding-top: 19px; }

.ui.form .input-group .essen, .ui.form.input-group .essen { position: relative; }

.ui.form .input-group .essen:before, .ui.form.input-group .essen:before { content: ""; display: inline-block; position: absolute; top: -2px; left: -4px; width: 4px; height: 4px; background-color: #e9464a; border-radius: 50%; }

.ui.form .input-group label, .ui.form.input-group label { position: relative; padding: 0 0 0 20px; box-sizing: border-box; font-size: 15px; }

.ui.form .input-group label.bg-gray, .ui.form.input-group label.bg-gray { background-color: #fbfbfb; }

.ui.form .input-group > .label, .ui.form.input-group > .label { position: relative; width: 160px; padding: 19px 10px 15px 12px; box-sizing: border-box; vertical-align: top; }

.ui.form .input-group > .label > label, .ui.form.input-group > .label > label { position: relative; color: #181818; font-size: 14px; padding-left: 0; }

.ui.form .input-group > .label + .input, .ui.form.input-group > .label + .input { padding: 14px 15px; }

.ui.form .input-group > .label.bg-gray, .ui.form.input-group > .label.bg-gray { background-color: #fbfbfb; background-clip: padding-box; }

.ui.form .input-group > td.label, .ui.form.input-group > td.label { padding-left: 20px; }

.ui.form .input-group span.text-input, .ui.form.input-group span.text-input { display: inline-block; }

.ui.form .input-group .text-input, .ui.form.input-group .text-input { margin-top: 10px; color: #919191; font-size: 12px; line-height: 17px; }

.ui.form .input-group .text-input + .text-input, .ui.form.input-group .text-input + .text-input { margin-top: 0; }

.ui.form .input-group .text-link, .ui.form.input-group .text-link { color: #0959fa; font-size: 12px; line-height: 17px; text-decoration: underline; text-underline-position: under; }

.ui.form .input-group .iarc-imgList ul, .ui.form.input-group .iarc-imgList ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; -webkit-box-pack: start; -moz-box-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap; }

.ui.form .input-group .iarc-imgList ul li, .ui.form.input-group .iarc-imgList ul li { margin: 4px 8px 4px 0px; }

.ui.form .input-group .iarc-imgList ul img, .ui.form.input-group .iarc-imgList ul img { width: 34px; vertical-align: top; }

.ui.form .input-group input, .ui.form.input-group input { padding: 0 15px; width: 100%; height: 35px; font-size: 13px; line-height: 35px; border: 1px solid #c8c8c8; border-radius: 3px; }

.ui.form .input-group input::-webkit-input-placeholder, .ui.form.input-group input::-webkit-input-placeholder { font-size: 13px; }

.ui.form .input-group input::-ms-input-placeholder, .ui.form.input-group input::-ms-input-placeholder { font-size: 13px; }

.ui.form .input-group input::placeholder, .ui.form.input-group input::placeholder { font-size: 13px; }

.ui.form .input-group input.w80, .ui.form.input-group input.w80 { width: 80px !important; }

.ui.form .input-group input.w125, .ui.form.input-group input.w125 { width: 125px !important; }

.ui.form .input-group input.w150, .ui.form.input-group input.w150 { width: 150px !important; }

.ui.form .input-group input.w200, .ui.form.input-group input.w200 { width: 200px !important; }

.ui.form .input-group input.w300, .ui.form.input-group input.w300 { width: 300px !important; }

.ui.form .input-group input.w305, .ui.form.input-group input.w305 { width: 305px; }

.ui.form .input-group input.w250, .ui.form.input-group input.w250 { width: 250px; }

.ui.form .input-group input.w350, .ui.form.input-group input.w350 { width: 350px; }

.ui.form .input-group input.w548, .ui.form.input-group input.w548 { width: 548px; }

.ui.form .input-group input:disabled, .ui.form .input-group input[readonly="readonly"], .ui.form .input-group input:read-only, .ui.form.input-group input:disabled, .ui.form.input-group input[readonly="readonly"], .ui.form.input-group input:read-only { color: #919191; background-color: #e9e9e9; cursor: initial !important; }

.ui.form .input-group input:disabled, .ui.form .input-group input[readonly="readonly"]:focus, .ui.form .input-group input:read-only:focus, .ui.form.input-group input:disabled, .ui.form.input-group input[readonly="readonly"]:focus, .ui.form.input-group input:read-only:focus { border: 1px solid #c8c8c8 !important; }

.ui.form .input-group textarea:disabled, .ui.form .input-group textarea[readonly="readonly"], .ui.form .input-group textarea:read-only, .ui.form.input-group textarea:disabled, .ui.form.input-group textarea[readonly="readonly"], .ui.form.input-group textarea:read-only { color: #919191; background-color: #e9e9e9; cursor: initial !important; border: 1px solid #c8c8c8 !important; }

.ui.form .input-group .input, .ui.form.input-group .input { position: relative; min-width: 300px; }

.ui.form .input-group .input.w200, .ui.form.input-group .input.w200 { min-width: 200px; width: 200px; }

.ui.form .input-group .input.w250, .ui.form.input-group .input.w250 { min-width: 250px; width: 250px; }

.ui.form .input-group .input.w300, .ui.form.input-group .input.w300 { width: 300px; }

.ui.form .input-group .input.w350, .ui.form.input-group .input.w350 { width: 350px; }

.ui.form .input-group .input.wFull, .ui.form.input-group .input.wFull { width: 100%; }

.ui.form .input-group textarea, .ui.form.input-group textarea { width: 100%; padding: 10px 15px; font-size: 13px; background-color: transparent; border: 1px solid #c8c8c8; border-radius: 3px; outline: 0; box-sizing: border-box; }

.ui.form .input-group .file, .ui.form.input-group .file { position: relative; }

.ui.form .input-group .file .fileupload, .ui.form.input-group .file .fileupload { position: relative; display: inline-block; width: 70%; }

.ui.form .input-group .file .fileupload .button-close, .ui.form.input-group .file .fileupload .button-close { display: none; position: absolute; top: 1px; right: 0; width: 33px; height: 33px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; background-size: 15px; }

.ui.form .input-group .file .fileupload .bg-gray, .ui.form.input-group .file .fileupload .bg-gray { background-color: #f1f1f1; }

.ui.form .input-group .file .fileupload.w335, .ui.form.input-group .file .fileupload.w335 { width: 335px; }

.ui.form .input-group .file .fileupload.w350, .ui.form.input-group .file .fileupload.w350 { width: 350px; }

.ui.form .input-group .file .fileupload.w390, .ui.form.input-group .file .fileupload.w390 { width: 390px; }

.ui.form .input-group .file .fileupload.wFull, .ui.form.input-group .file .fileupload.wFull { width: 100%; flex: 1; }

.ui.form .input-group .file.on .fileupload-input, .ui.form.input-group .file.on .fileupload-input { padding-right: 28px; }

.ui.form .input-group .file.on .button-close, .ui.form.input-group .file.on .button-close { display: block; }

.ui.form .input-group .file input, .ui.form.input-group .file input { display: inline-block; font-size: 13px; }

.ui.form .input-group .file input:disabled, .ui.form.input-group .file input:disabled { color: #919191; background-color: #f1f1f1; }

.ui.form .input-group .file input[type="file"], .ui.form.input-group .file input[type="file"] { position: absolute; top: 0; right: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; outline: 0; color: transparent; background-color: transparent; }

.ui.form .input-group .file label, .ui.form .input-group .file button, .ui.form.input-group .file label, .ui.form.input-group .file button { display: inline-block; margin-left: 3px; padding: 0 13px; min-width: 80px; color: #181818; font-size: 13px; line-height: 33px; text-align: center; border: 1px solid #c8c8c8; border-radius: 3px; box-sizing: border-box; cursor: pointer; vertical-align: middle; }

.ui.form .input-group .file.image, .ui.form.input-group .file.image { height: 84px; }

.ui.form .input-group .file.image label, .ui.form.input-group .file.image label { position: relative; top: auto; right: auto; width: 172px; height: 84px; background-color: #f7f7f7; border: 0; }

.ui.form .input-group .file.image label:before, .ui.form.input-group .file.image label:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; width: 15px; height: 15px; background: url(../img/ico_btn_plus_02.png) center no-repeat; }

.ui.form .input-group .file.image img, .ui.form.input-group .file.image img { border-radius: 3px; }

.ui.form .input-group .file.file-list, .ui.form.input-group .file.file-list { display: inline-block; }

.ui.form .input-group .file.file-list li, .ui.form.input-group .file.file-list li { display: inline-block; }

.ui.form .input-group .file.file-list .button-close, .ui.form.input-group .file.file-list .button-close { display: inline-block; width: 20px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; background-size: 15px; }

.ui.form .input-group .file.link, .ui.form.input-group .file.link { display: inline-block; }

.ui.form .input-group .file.link label, .ui.form.input-group .file.link label { padding: 0; margin: 0; min-width: auto; line-height: initial; text-decoration: underline; color: #0959fa; border: 0; }

.ui.form .input-group .flex-inputBtn, .ui.form.input-group .flex-inputBtn { /* input + button 한줄 노출 */ display: flex; }

.ui.form .input-group .flex-inputBtn input, .ui.form.input-group .flex-inputBtn input { display: flex; flex: 1 0 0; }

.ui.form.radio-type-infinite { font-size: 0px; line-height: 0px; }

.ui.form.radio-type-infinite tr { display: block; padding: 10px 0; }

.ui.form.radio-type-infinite td { width: 170px; padding: 0px; padding-left: 5px; }

.ui.form.radio-type-infinite td:first-child { padding-left: 0px; }

.ui.form.radio-type-infinite td label { display: inline-block; }

.ui.form.radio-type-infinite td label:before { top: 50%; transform: translate3d(0%, -50%, 0); }

.ui.form.radio-type-infinite td label:after { top: 50%; transform: translate3d(0%, -50%, 0); }

.ui.form.radio-type-infinite.num2 { width: 100%; }

.ui.form.radio-type-infinite.num2 tr { display: table-row; }

.ui.form.radio-type-infinite.num2 td { width: 50%; padding: 10px 0; box-sizing: border-box; }

.ui.form.radio-type-infinite.num2 td span { display: block; }

.ui.form .radio, .ui.form.radio { position: relative; }

.ui.form .radio input:checked ~ label:before, .ui.form.radio input:checked ~ label:before { background: url(../img/img_radiobox2.png) 0 -26px/23px 79px no-repeat; }

.ui.form .radio input:checked:disabled ~ label:before, .ui.form.radio input:checked:disabled ~ label:before { background: url(../img/img_radiobox2.png) 0 -56px/23px 79px no-repeat; }

.ui.form .radio input:checked ~ label:after, .ui.form.radio input:checked ~ label:after { content: ""; display: inline-block; width: 23px; height: 23px; opacity: 0; }

.ui.form .radio input + label, .ui.form.radio input + label { cursor: pointer; }

.ui.form .radio.white label:before, .ui.form .radio.white label:after, .ui.form.radio.white label:before, .ui.form.radio.white label:after { border-radius: 50%; background: url(../img/img_radiobox2.png) #fff 0 0/23px 79px no-repeat; }

.ui.form .radio label, .ui.form.radio label { position: relative; padding-left: 32px; color: #181818; font-size: 14px; line-height: 23px; outline: 0; opacity: 1; }

.ui.form .radio label:before, .ui.form .radio label:after, .ui.form.radio label:before, .ui.form.radio label:after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 23px; height: 23px; background: url(../img/img_radiobox2.png) 0 0/23px 79px no-repeat; border: 0; border-radius: 0; }

.ui.form .radio input[type="radio"]:disabled + label, .ui.form.radio input[type="radio"]:disabled + label { color: #919199; }

.ui.form .checkbox, .ui.form.checkbox { position: relative; }

.ui.form .checkbox input:checked ~ label:before, .ui.form.checkbox input:checked ~ label:before { background: url(../img/img_checkbox2.png) 0 -28px/23px 79px no-repeat; }

.ui.form .checkbox input:checked:disabled ~ label:before, .ui.form.checkbox input:checked:disabled ~ label:before { background: url(../img/img_checkbox2.png) 0 -56px/23px 79px no-repeat; }

.ui.form .checkbox input:checked ~ label:after, .ui.form.checkbox input:checked ~ label:after { content: ""; display: inline-block; width: 23px; height: 23px; opacity: 0; }

.ui.form .checkbox input + label, .ui.form.checkbox input + label { cursor: pointer; }

.ui.form .checkbox.dime input:disabled ~ label:before, .ui.form.checkbox.dime input:disabled ~ label:before { background: url(../img/img_checkbox2.png) 0 -56px/23px 79px no-repeat; }

.ui.form .checkbox.white label:before, .ui.form .checkbox.white label:after, .ui.form.checkbox.white label:before, .ui.form.checkbox.white label:after { background: url(../img/img_checkbox2.png) #fff 0 0/23px 79px no-repeat; border-radius: 5px; }

.ui.form .checkbox label, .ui.form.checkbox label { position: relative; padding-left: 32px; color: #181818; font-size: 14px; line-height: 23px; outline: 0; opacity: 1; }

.ui.form .checkbox label:before, .ui.form .checkbox label:after, .ui.form.checkbox label:before, .ui.form.checkbox label:after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 23px; height: 23px; background: url(../img/img_checkbox2.png) 0 0/23px 79px no-repeat; border: 0; border-radius: 0; }

.ui.form .checkbox input[type="checkbox"]:disabled + label, .ui.form.checkbox input[type="checkbox"]:disabled + label { color: #919191; }

.ui.form .checkbox.ty1, .ui.form.checkbox.ty1 { text-align: left; }

.ui.form .select-group, .ui.form.select-group { min-width: 150px; /*selectric custom*/ }

.ui.form .select-group.w80, .ui.form.select-group.w80 { display: inline-block; min-width: 80px !important; width: 80px !important; }

.ui.form .select-group.w95, .ui.form.select-group.w95 { display: inline-block; min-width: 95px !important; width: 95px !important; }

.ui.form .select-group.w130, .ui.form.select-group.w130 { display: inline-block; min-width: 130px !important; width: 130px !important; }

.ui.form .select-group.w150, .ui.form.select-group.w150 { display: inline-block; min-width: 150px !important; width: 150px !important; }

.ui.form .select-group.w155, .ui.form.select-group.w155 { display: inline-block; min-width: 155px !important; width: 155px !important; }

.ui.form .select-group.w180, .ui.form.select-group.w180 { display: inline-block; min-width: 180px !important; width: 180px !important; }

.ui.form .select-group.w200, .ui.form.select-group.w200 { display: inline-block; min-width: 200px !important; width: 200px !important; }

.ui.form .select-group.w220, .ui.form.select-group.w220 { display: inline-block; min-width: 220px !important; width: 220px !important; vertical-align: top; }

.ui.form .select-group.w230, .ui.form.select-group.w230 { display: inline-block; min-width: 230px !important; width: 230px !important; }

.ui.form .select-group.w250, .ui.form.select-group.w250 { display: inline-block; min-width: 250px !important; width: 250px !important; }

.ui.form .select-group.w300, .ui.form.select-group.w300 { display: inline-block; min-width: 300px !important; width: 300px !important; }

.ui.form .select-group.w350, .ui.form.select-group.w350 { display: inline-block; min-width: 350px !important; width: 350px !important; }

.ui.form .select-group.minw200, .ui.form.select-group.minw200 { display: inline-block; min-width: 200px !important; }

.ui.form .select-group.wfull-max400, .ui.form.select-group.wfull-max400 { display: inline-block; width: 100% !important; max-width: 400px; }

.ui.form .select-group.wfull, .ui.form.select-group.wfull { display: inline-block; width: 100% !important; }

.ui.form .select-group .selectric, .ui.form.select-group .selectric { color: #181818; font-size: 13px; background-color: transparent; border: 1px solid #c8c8c8; border-radius: 3px; }

.ui.form .select-group .selectric .button, .ui.form.select-group .selectric .button { width: 33px; height: 33px; font-size: 0; background-color: transparent; }

.ui.form .select-group .selectric .button:after, .ui.form.select-group .selectric .button:after { width: 33px; height: 33px; background: url(../img/img_sel_arrow_down.png) center no-repeat; background-size: 10px 7px; border: 0; }

.ui.form .select-group .selectric .label, .ui.form.select-group .selectric .label { margin: 0; padding: 0 35px 0 15px; height: 33px; color: #181818; font-size: 13px; line-height: 33px; }

.ui.form .select-group .selectric .label .ico-red:before, .ui.form.select-group .selectric .label .ico-red:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #e9464a; border-radius: 50%; }

.ui.form .select-group .selectric .label .ico-green:before, .ui.form.select-group .selectric .label .ico-green:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #00b06c; border-radius: 50%; }

.ui.form .select-group .selectric .label .ico-yellow:before, .ui.form.select-group .selectric .label .ico-yellow:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #f3bc38; border-radius: 50%; }

.ui.form .select-group .selectric .label .ico-black:before, .ui.form.select-group .selectric .label .ico-black:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #181818; border-radius: 50%; }

.ui.form .select-group .selectric .label .color-gray, .ui.form.select-group .selectric .label .color-gray { color: #919191; }

.ui.form .select-group .selectric-items, .ui.form.select-group .selectric-items { top: 40px; background-color: #fff; border-radius: 3px; }

.ui.form .select-group .selectric-items li, .ui.form.select-group .selectric-items li { padding: 8px 15px; color: #181818; font-size: 13px; }

.ui.form .select-group .selectric-items li:first-child, .ui.form.select-group .selectric-items li:first-child { padding-top: 20px; }

.ui.form .select-group .selectric-items li:last-child, .ui.form.select-group .selectric-items li:last-child { padding-bottom: 20px; }

.ui.form .select-group .selectric-items li.highlighted, .ui.form.select-group .selectric-items li.highlighted { color: #e9464a; background-color: #fff; }

.ui.form .select-group .selectric-items li.hover, .ui.form .select-group .selectric-items li:hover, .ui.form.select-group .selectric-items li.hover, .ui.form.select-group .selectric-items li:hover { background-color: #fff; }

.ui.form .select-group .selectric-items li .ico-red:before, .ui.form.select-group .selectric-items li .ico-red:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #e9464a; border-radius: 50%; }

.ui.form .select-group .selectric-items li .ico-green:before, .ui.form.select-group .selectric-items li .ico-green:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #00b06c; border-radius: 50%; }

.ui.form .select-group .selectric-items li .ico-yellow:before, .ui.form.select-group .selectric-items li .ico-yellow:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #f3bc38; border-radius: 50%; }

.ui.form .select-group .selectric-items li .ico-black:before, .ui.form.select-group .selectric-items li .ico-black:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #181818; border-radius: 50%; }

.ui.form .select-group .selectric-items li .color-gray, .ui.form.select-group .selectric-items li .color-gray { color: #919191; }

.ui.form .select-group .selectric-open .selectric .button:after, .ui.form.select-group .selectric-open .selectric .button:after { background: url(../img/img_sel_arrow_up.png) center no-repeat; background-size: 10px 7px; }

.ui.form .select-group .selectric-disabled, .ui.form.select-group .selectric-disabled { background-color: #f1f1f1; opacity: 1; }

.ui.form .select-group.select-typeBottom .selectric-items, .ui.form.select-group.select-typeBottom .selectric-items { top: auto; bottom: 40px; }

.ui.form .select-group.disabledTy1 .selectric-disabled, .ui.form.select-group.disabledTy1 .selectric-disabled { background-color: #e9e9e9; }

.ui.form .select-group.disabledTy1 .selectric-disabled .selectric, .ui.form.select-group.disabledTy1 .selectric-disabled .selectric { border-color: #c8c8c8; }

.ui.form .select-group.disabledTy1 .selectric-disabled .selectric .label, .ui.form.select-group.disabledTy1 .selectric-disabled .selectric .label { color: #919191; }

.ui.form .select-group.disabledTy1 .selectric-disabled .selectric b.button, .ui.form.select-group.disabledTy1 .selectric-disabled .selectric b.button { display: none; }

.ui.form .text-group, .ui.form.text-group { width: 100%; border-bottom: 1px solid #e1e1e1; }

.ui.form .text-group .textarea, .ui.form.text-group .textarea { padding: 14px 15px; }

.ui.form .text-group label, .ui.form.text-group label { position: relative; color: #181818; font-size: 14px; }

.ui.form .text-group label.bg-gray, .ui.form.text-group label.bg-gray { background-color: #fbfbfb; }

.ui.form .text-group label.essen, .ui.form.text-group label.essen { position: relative; }

.ui.form .text-group label.essen:before, .ui.form.text-group label.essen:before { content: ""; display: inline-block; position: absolute; top: -1px; left: -5px; width: 4px; height: 4px; background-color: #e9464a; border-radius: 50%; }

.ui.form .text-group .essen, .ui.form.text-group .essen { position: relative; }

.ui.form .text-group .essen:before, .ui.form.text-group .essen:before { content: ""; display: inline-block; position: absolute; top: -1px; left: -5px; width: 4px; height: 4px; background-color: #e9464a; border-radius: 50%; }

.ui.form .text-group > .label, .ui.form.text-group > .label { position: relative; width: 160px; padding: 19px 0 15px 12px; vertical-align: top; box-sizing: border-box; }

.ui.form .text-group > .label label, .ui.form.text-group > .label label { position: relative; color: #181818; font-size: 14px; }

.ui.form .text-group > .label + .textarea, .ui.form.text-group > .label + .textarea { padding: 14px 15px; }

.ui.form .text-group > .label.bg-gray, .ui.form.text-group > .label.bg-gray { background-color: #fbfbfb; }

.ui.form .text-group > .label .essen, .ui.form.text-group > .label .essen { position: relative; }

.ui.form .text-group > .label .essen:before, .ui.form.text-group > .label .essen:before { content: ""; display: inline-block; position: absolute; top: -1px; right: -6px; width: 4px; height: 4px; background-color: #e9464a; border-radius: 50%; }

.ui.form .text-group textarea, .ui.form.text-group textarea { width: 100%; padding: 10px 15px; font-size: 13px; background-color: transparent; border: 1px solid #c8c8c8; border-radius: 3px; outline: 0; box-sizing: border-box; }

.ui.form .text-group textarea.h120, .ui.form.text-group textarea.h120 { height: 120px; }

.ui.form .text-group textarea.h-auto, .ui.form.text-group textarea.h-auto { height: auto; }

.ui.form .text-group textarea:disabled, .ui.form.text-group textarea:disabled { background-color: #e9e9e9; }

.ui.form .text-group .text-input, .ui.form.text-group .text-input { margin-top: 10px; color: #919191; font-size: 12px; line-height: 17px; }

.ui.form .text-group .text-input + .text-input, .ui.form.text-group .text-input + .text-input { margin-top: 0; }

.ui.form .text-group span.text-input, .ui.form.text-group span.text-input { display: inline-block; }

.ui.form .text-group input, .ui.form.text-group input { padding-left: 15px; width: 100%; height: 35px; line-height: 35px; border: 1px solid #c8c8c8; border-radius: 3px; }

.ui.form .text-group input::-webkit-input-placeholder, .ui.form.text-group input::-webkit-input-placeholder { font-size: 13px; }

.ui.form .text-group input::-ms-input-placeholder, .ui.form.text-group input::-ms-input-placeholder { font-size: 13px; }

.ui.form .text-group input::placeholder, .ui.form.text-group input::placeholder { font-size: 13px; }

.ui.form .text-group .file, .ui.form .text-group.file, .ui.form.text-group .file, .ui.form.text-group.file { position: relative; }

.ui.form .text-group .file .fileupload, .ui.form .text-group.file .fileupload, .ui.form.text-group .file .fileupload, .ui.form.text-group.file .fileupload { position: relative; display: inline-block; width: 70%; }

.ui.form .text-group .file .fileupload .button-close, .ui.form .text-group.file .fileupload .button-close, .ui.form.text-group .file .fileupload .button-close, .ui.form.text-group.file .fileupload .button-close { display: none; position: absolute; top: 1px; right: 0; width: 33px; height: 33px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; background-size: 15px; }

.ui.form .text-group .file .fileupload .bg-gray, .ui.form .text-group.file .fileupload .bg-gray, .ui.form.text-group .file .fileupload .bg-gray, .ui.form.text-group.file .fileupload .bg-gray { background-color: #e9e9e9; }

.ui.form .text-group .file.on .button-close, .ui.form .text-group.file.on .button-close, .ui.form.text-group .file.on .button-close, .ui.form.text-group.file.on .button-close { display: block; }

.ui.form .text-group .file input, .ui.form .text-group.file input, .ui.form.text-group .file input, .ui.form.text-group.file input { display: inline-block; font-size: 13px; }

.ui.form .text-group .file input:disabled, .ui.form .text-group.file input:disabled, .ui.form.text-group .file input:disabled, .ui.form.text-group.file input:disabled { color: #919191; background-color: #e9e9e9; }

.ui.form .text-group .file input[type="file"], .ui.form .text-group.file input[type="file"], .ui.form.text-group .file input[type="file"], .ui.form.text-group.file input[type="file"] { position: absolute; top: 0; right: 0; width: 0; height: 0; padding: 0; margin: -1px; overflow: hidden; border: 0; outline: 0; color: transparent; }

.ui.form .text-group .file > label, .ui.form .text-group .file button, .ui.form .text-group.file > label, .ui.form .text-group.file button, .ui.form.text-group .file > label, .ui.form.text-group .file button, .ui.form.text-group.file > label, .ui.form.text-group.file button { display: inline-block; margin-left: 3px; padding: 0 13px; min-width: 80px; color: #181818; font-size: 13px; line-height: 33px; text-align: center; border: 1px solid #c8c8c8; border-radius: 3px; box-sizing: border-box; cursor: pointer; }

.ui.form .text-group .file.image, .ui.form .text-group .file.no-image, .ui.form .text-group.file.image, .ui.form .text-group.file.no-image, .ui.form.text-group .file.image, .ui.form.text-group .file.no-image, .ui.form.text-group.file.image, .ui.form.text-group.file.no-image { height: 84px; }

.ui.form .text-group .file.image label, .ui.form .text-group .file.no-image label, .ui.form .text-group.file.image label, .ui.form .text-group.file.no-image label, .ui.form.text-group .file.image label, .ui.form.text-group .file.no-image label, .ui.form.text-group.file.image label, .ui.form.text-group.file.no-image label { position: relative; top: auto; right: auto; width: 172px; height: 84px; background-color: #f7f7f7; border: 0; }

.ui.form .text-group .file.image label:before, .ui.form .text-group .file.no-image label:before, .ui.form .text-group.file.image label:before, .ui.form .text-group.file.no-image label:before, .ui.form.text-group .file.image label:before, .ui.form.text-group .file.no-image label:before, .ui.form.text-group.file.image label:before, .ui.form.text-group.file.no-image label:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; width: 15px; height: 15px; background: url(../img/ico_btn_plus_02.png) center no-repeat; }

.ui.form .text-group .file.image img, .ui.form .text-group .file.no-image img, .ui.form .text-group.file.image img, .ui.form .text-group.file.no-image img, .ui.form.text-group .file.image img, .ui.form.text-group .file.no-image img, .ui.form.text-group.file.image img, .ui.form.text-group.file.no-image img { border-radius: 5px; border: 1px solid #e1e1e1; }

.ui.form .text-group .file.file-list, .ui.form .text-group.file.file-list, .ui.form.text-group .file.file-list, .ui.form.text-group.file.file-list { display: inline-block; }

.ui.form .text-group .file.file-list li, .ui.form .text-group.file.file-list li, .ui.form.text-group .file.file-list li, .ui.form.text-group.file.file-list li { display: inline-block; }

.ui.form .text-group .file.file-list .button-close, .ui.form .text-group.file.file-list .button-close, .ui.form.text-group .file.file-list .button-close, .ui.form.text-group.file.file-list .button-close { display: inline-block; width: 20px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; background-size: 15px; }

.ui.form .tax-info-group th { height: auto; }

.ui.form .tax-info-group td .info-stateWrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.ui.form .tax-info-group td .info-state > span { display: block; margin-top: 5px; }

.ui.form .tax-info-group td .info-state > span:first-child { margin-top: 0px; }

.ui.form .tax-info-group td .info-state > span.state-id { color: #181818; font-size: 15px; font-style: normal; font-weight: 700; line-height: 21px; /* 140% */ }

.ui.form .tax-info-group td .info-state > span.state-info { color: rgba(24, 24, 24, 0.9); font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; /* 146.154% */ }

.ui.form .tax-info-group td .info-state > span.state-info span { position: relative; padding-left: 20px; }

.ui.form .tax-info-group td .info-state > span.state-info span:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 10px; width: 1px; height: 16px; background-color: rgba(145, 145, 145, 0.3); -ms-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.ui.form .tax-info-group td .info-state > span.state-info span:first-child { padding-left: 0px; }

.ui.form .tax-info-group td .info-state > span.state-info span:first-child:before { display: none !important; }

.ui.form .tax-info-group td .info-subText { padding: 20px; border-radius: 3px; background: #F7F7F7; margin-top: 15px; color: #181818; font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; /* 146.154% */ }

.ui.round { padding: 35px 40px 40px 40px; margin-bottom: 80px; border: 1px solid #F1F1F1; border-radius: 10px; }

.ui.round h3 { margin: 0 0 20px 0; font-size: 18px; line-height: 24px; font-weight: 700; }

.ui.round h3 span { margin-top: 5px; font-size: 15px; line-height: 21px; font-weight: 400; display: block; }

.ui.round .list-type li { margin-top: 2px; font-size: 14px; color: #919191; line-height: 20px; }

.ui.round .list-type li:first-child { margin-top: 0; }

.ui.round .services-nav + .list-type { margin-top: 20px; }

.ui.round .services-nav { display: flex; }

.ui.round .services-nav .radio { width: 50%; padding: 0 5px; }

.ui.round .services-nav .radio label { height: 100%; padding: 10px 60px 20px 50px; text-align: center; border: 1px solid #F1F1F1; border-radius: 5px; background-color: #FBFBFB; display: block; box-sizing: border-box; }

.ui.round .services-nav .radio label i.icon-pack { vertical-align: top; }

.ui.round .services-nav .radio label strong { margin: 10px 0 0 0; font-size: 16px; line-height: 22px; font-weight: 700; display: block; }

.ui.round .services-nav .radio label span { margin: 3px 0 0 0; font-size: 14px; color: #919191; line-height: 20px; font-weight: 400; display: block; }

.ui.round .services-nav .radio label:before, .ui.round .services-nav .radio label:after { left: 20px; top: 20px; }

.ui.round .services-nav .radio:first-child { padding-left: 0; }

.ui.round .services-nav .radio:last-child { padding-right: 0; }

.ui.round .osselect-nav .osselect-nav-item { margin: 10px 0 0 0; border: 1px solid #F1F1F1; background-color: #FBFBFB; border-radius: 5px; }

.ui.round .osselect-nav .osselect-nav-item label.osselect-label { padding: 21px 0 21px 63px; font-size: 15px; line-height: 21px; font-weight: 700; display: block; }

.ui.round .osselect-nav .osselect-nav-item label.osselect-label:before, .ui.round .osselect-nav .osselect-nav-item label.osselect-label:after { left: 19px; top: 20px; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist { padding: 15px 15px 30px 15px; background-color: #ffffff; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist .text-regist { min-height: 24px; border-bottom-color: #DEDEDE; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist .text-regist .desc-regist { top: 4px; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist .essen:before { background: #e9464a; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist .essen:after { display: none; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist .sm-sub-title { position: relative; margin: 15px 10px 0 10px; padding: 0 0 0 26px; font-size: 13px; line-height: 19px; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist .sm-sub-title i { position: absolute; left: 0; top: 0; width: 18px; height: 18px; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist .sm-sub-title i img { width: 18px; }

.ui.round .osselect-nav .osselect-nav-item .product-info-regist.hidden { display: none; }

.ui.round .osselect-nav .osselect-nav-item:first-child { margin-top: 0; }

.ui.round .osselect-nav .osselect-list .osselect-list-item { padding: 15px; border-top: 1px solid #DEDEDE; }

.ui.round .osselect-nav .osselect-list .osselect-list-item .list-table.hidden { display: none; }

.ui.round .osselect-nav .osselect-list .osselect-list-item .radio-group { cursor: pointer; }

.ui.round .osselect-nav .osselect-list .osselect-list-item .radio-group label { display: block; cursor: pointer; }

.ui.round .osselect-nav .osselect-list .osselect-list-item table { width: 100%; border-collapse: collapse; border-top: 1px solid #DEDEDE; }

.ui.round .osselect-nav .osselect-list .osselect-list-item table th { background: #FBFBFB; }

.ui.round .osselect-nav .osselect-list .osselect-list-item table td .select-group { max-width: 300px; width: 100%; }

.ui.round .osselect-nav .osselect-list .osselect-list-item:first-child { border-top-width: 0; }

.ui.round:last-child { margin-bottom: 0; }

.ui.location { position: fixed; top: 120px; left: 300px; min-width: 720px; width: calc(100% - 311px); height: 30px; text-align: right; background-color: #fff; z-index: 11; }

.ui.location.title { height: auto; }

.ui.location.title .title-box { position: relative; padding: 50px 40px 20px 40px; font-size: 22px; line-height: 28px; margin: 0 20px 0px 20px; text-align: left; color: #181818; font-weight: 700; border-bottom: 1px solid rgba(145, 145, 145, 0.3); }

.ui.location.title .title-box .title-inner { position: relative; }

.ui.location.title .title-box .title-inner button.bg-red { font-weight: 400; position: absolute; top: 50%; right: 0; transform: translate3d(0%, -50%, 0); }

.ui.location.title .title-box .title-inner button.bg-white { font-weight: 400; }

.ui.location.title .title-box .title-inner .featured { font-size: 16px; line-height: 22px; color: #8E85FE; padding-left: 22px; background: url(../img/icon_featured.png) 0 center no-repeat; background-size: 20px; margin-left: 20px; }

.ui.location.title .title-box .title-inner .title-url { color: #919191; font-size: 16px; line-height: 22px; font-weight: 400; float: right; }

.ui.location ul { margin-right: 60px; }

.ui.location li { display: inline-block; }

.ui.location li:first-child a:before { display: none; }

.ui.location li a { display: block; color: #919191; font-size: 14px; }

.ui.location li a:before { content: ">"; display: inline-block; padding: 0 3px 0 0; color: #919191; font-size: 14px; }

.ui.location:before { content: ""; display: block; position: absolute; top: -90px; left: 0; width: 100%; height: 90px; background-color: #fff; }

.ui.top-sub-info { position: fixed; top: 105px; left: 300px; min-width: 720px; width: calc(100% - 311px); text-align: right; background-color: #fff; z-index: 11; }

.ui.top-sub-info:after { content: ""; display: block; clear: both; }

.ui.top-sub-info.before-bg:before { top: -104px; height: 150px; left: 0; }

.ui.top-sub-info h2 { float: left; padding-left: 60px; font-size: 30px; }

.ui.top-sub-info .sub-desc { float: left; padding: 3px 0 0 50px; color: #919191; font-size: 12px; }

.ui.top-sub-info .sub-desc + .location { padding-top: 0; }

.ui.top-sub-info .location { float: right; margin-right: 60px; padding-top: 15px; }

.ui.top-sub-info .location li { display: inline-block; }

.ui.top-sub-info .location li:first-child a:before { display: none; }

.ui.top-sub-info .location li a { display: block; color: #919191; font-size: 14px; }

.ui.top-sub-info .location li a:before { content: ">"; display: inline-block; padding: 0 3px 0 0; color: #919191; font-size: 14px; }

.ui.top-sub-info .location:before { content: ""; display: block; position: absolute; top: -90px; left: 0; width: 100%; height: 90px; background-color: #fff; }

.ui.top-sub-info.static { position: static; width: 100%; top: auto; left: auto; }

.ui.top-sub-info.static:after { content: ""; display: block; clear: both; }

.ui.top-sub-info.static h2 { padding-left: 0; }

.ui.top-sub-info.static .location { margin-right: 0; }

.ui.search.border-rw { /*라운드 흰색*/ }

.ui.search.border-rw .input-group { position: relative; }

.ui.search.border-rw .input-group input { position: relative; padding: 0 35px 0 17px; width: 100%; color: #181818; font-size: 18px; height: 48px; line-height: 48px; border: 1px solid rgba(145, 145, 145, 0.2); border-radius: 3px; }

.ui.search.border-rw .input-group input::placeholder, .ui.search.border-rw .input-group input::-ms-input-placeholder { color: #919191; font-size: 18px; }

.ui.search.border-rw .input-group .button-search { position: absolute; top: 0; right: 0; width: 48px; height: 48px; text-indent: -999em; background: url(../img/ico_search_01.png) center no-repeat; }

.ui.search.border-rw .input-group .button-search.type2 { width: 24px; height: 24px; right: 8px; top: 50%; transform: translate3d(0%, -50%, 0); background: url(../img/icon/ic_search.png) center no-repeat; -ms-background-size: 24px 24px; -moz-background-size: 24px 24px; -webkit-background-size: 24px 24px; background-size: 24px 24px; }

.ui.search.border-bw { /*라운드 흰색*/ }

.ui.search.border-bw .input-group { position: relative; }

.ui.search.border-bw .input-group input { position: relative; padding: 0 50px 0 15px; width: 100%; color: #181818; font-size: 25px; height: 60px; line-height: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; }

.ui.search.border-bw .input-group input::placeholder, .ui.search.border-bw .input-group input::-ms-input-placeholder { color: #919191; font-size: 18px; }

.ui.search.border-bw .input-group .button-search { position: absolute; top: 0; right: 0; width: 60px; height: 60px; text-indent: -999em; background: url(../img/ico_search_03.png) center no-repeat; background-size: 27px; }

.ui.search.border-bw .input-group .button-search.black { background: url(../img/ico_search_02.png) center no-repeat; background-size: 27px; }

.ui.search.w355 { width: 335px; }

.ui.search.w355 .input-group input { height: 35px; font-size: 13px; line-height: 35px; }

.ui.search.w355 .input-group .button-search { width: 35px; height: 35px; background-size: 13px; }

.ui.search.w300 { width: 300px; }

.ui.search.w300 .input-group input { height: 35px; font-size: 13px; line-height: 35px; }

.ui.search.w300 .input-group .button-search { width: 35px; height: 35px; background-size: 13px; }

.ui.search.w240 { width: 240px; }

.ui.search.w240 .input-group input { height: 35px; font-size: 13px; line-height: 35px; }

.ui.search.w240 .input-group .button-search { width: 35px; height: 35px; background-size: 13px; }

.ui.search.wfull { width: 100%; }

.ui.search.wfull .input-group input { height: 35px; font-size: 13px; line-height: 35px; }

.ui.search.wfull .input-group .button-search { width: 35px; height: 35px; background-size: 13px; }

.ui.search.h35 .input-group input { height: 35px; font-size: 13px; line-height: 35px; border: 1px solid #c8c8c8; }

.ui.search.h35 .input-group .button-search { width: 35px; height: 35px; background-size: 13px; }

.ui.pagination { text-align: center; }

.ui.pagination .pages { display: inline-block; }

.ui.pagination .pages a { display: inline-block; padding: 0 15px; color: #181818; font-size: 13px; font-weight: 700; }

.ui.pagination .pages a:first-child { padding-left: 0; }

.ui.pagination .pages a:last-child { padding-right: 0; }

.ui.pagination .pages a.active { color: #e9464a; }

.ui.pagination .link-prev { margin-right: 30px; }

.ui.pagination .link-prev.active .ico-page { color: #181818; }

.ui.pagination .link-prev.active .ico-page:before { background: url(../img/img_arrow_left_p02.png) left center no-repeat; }

.ui.pagination .link-prev .ico-page { color: #a7a7a7; font-size: 13px; }

.ui.pagination .link-prev .ico-page:before { content: ""; display: inline-block; margin: 0 5px 0 0; width: 7px; height: 19px; vertical-align: text-top; background: url(../img/img_arrow_left_p.png) left center no-repeat; }

.ui.pagination .link-next { margin-left: 30px; }

.ui.pagination .link-next.active .ico-page { color: #181818; }

.ui.pagination .link-next.active .ico-page:after { background: url(../img/img_arrow_right_p.png) left center no-repeat; }

.ui.pagination .link-next .ico-page { color: #a7a7a7; font-size: 13px; }

.ui.pagination .link-next .ico-page:after { content: ""; display: inline-block; margin-left: 5px; width: 7px; height: 19px; vertical-align: text-top; background: url(../img/img_arrow_right_p02.png) left center no-repeat; }

.ui.calendar, .input-group .ui.calendar { position: relative; min-width: 150px; }

.ui.calendar.w150, .input-group .ui.calendar.w150 { width: 150px; }

.ui.calendar.all, .input-group .ui.calendar.all { display: inline-block; vertical-align: middle; width: 250px !important; }

.ui.calendar.all.w215, .input-group .ui.calendar.all.w215 { width: 215px !important; }

.ui.calendar.all.w240, .input-group .ui.calendar.all.w240 { width: 240px !important; }

.ui.calendar input, .input-group .ui.calendar input { width: 100%; height: 35px; padding: 0 33px 0 12px; font-size: 13px; line-height: 35px; border: 1px solid #c8c8c8; border-radius: 3px; }

.ui.calendar .ico-calendar, .input-group .ui.calendar .ico-calendar { display: inline-block; position: absolute; top: 1px; right: 1px; width: 33px; height: 33px; text-indent: -999em; background-color: #f8f8f8; border-top-right-radius: 3px; border-bottom-right-radius: 3px; z-index: 2; }

.ui.calendar .ico-calendar:after, .input-group .ui.calendar .ico-calendar:after { content: ""; display: inline-block; position: absolute; top: 8px; right: 8px; width: 15px; height: 16px; background: url(../img/img_calendar.png) center no-repeat; }

.ui.calendar.time, .input-group .ui.calendar.time { display: inline-block; min-width: auto; width: 55px; }

.ui.calendar.time .time, .input-group .ui.calendar.time .time { width: 109px; }

.ui.calendar.time input, .input-group .ui.calendar.time input { padding: 0 0 0 7px; }

.ui.calendar.time input::-webkit-input-placeholder, .input-group .ui.calendar.time input::-webkit-input-placeholder { padding-left: 8px; }

.ui.calendar.time input::-ms-input-placeholder, .input-group .ui.calendar.time input::-ms-input-placeholder { padding-left: 8px; }

.ui.calendar.time input::placeholder, .input-group .ui.calendar.time input::placeholder { padding-left: 8px; }

.ui.tootip .input-group .label.vertical-tootip label, .ui.tootip .text-group .label.vertical-tootip label { position: relative; display: inline-block; width: auto; font-size: 14px; line-height: 20px; }

.ui.tootip .input-group .label.vertical-tootip .ico-tootip, .ui.tootip .text-group .label.vertical-tootip .ico-tootip { position: absolute; top: 50%; right: -30px; margin-top: -7px; }

.ui.tootip .input-group .label.vertical-tootip .tootip-box, .ui.tootip .text-group .label.vertical-tootip .tootip-box { margin: 5px 0 0 -10px; }

.ui.tootip .input-group .label.vertical-tootip .tootip-box.right, .ui.tootip .text-group .label.vertical-tootip .tootip-box.right { margin: 5px -138px 0 0; }

.ui.tootip .tootip-group { position: relative; display: inline-block; }

.ui.tootip .tootip-group .tootip-box.right { margin-right: calc(-27px - 100%); }

.ui.tootip .tootip-group.hyphen .link-tootip { display: inline-block; padding: 0px 20px; box-sizing: border-box; }

.ui.tootip .link-tootip { position: relative; cursor: pointer; }

.ui.tootip .link-tootip.button + .tootip-box { left: 0; margin: 13px 0 0 0; }

.ui.tootip .link-tootip + .tootip-box.right { left: auto; right: 50%; margin: 11px -34px 0 0; }

.ui.tootip .text-tootip { position: relative; color: #181818; font-size: 14px; }

.ui.tootip .ico-tootip { display: inline-block; width: 15px; line-height: 20px; text-indent: -999em; background: url(../img/ico_info_02.png) center no-repeat; background-size: 15px; cursor: pointer; }

.ui.tootip .tootip-box { display: none; position: absolute; top: 100%; left: 100%; margin: 11px 0 0 -39px; padding: 20px 30px 20px 20px; width: 400px; max-width: 400px; background-color: rgba(24, 24, 24, 0.9); border-radius: 5px; box-sizing: border-box; z-index: 12; word-break: keep-all; /* &:before { content: ''; display: inline-block; position: absolute; top: -7px; left: 23px; border: solid transparent; height: 0; width: 0; pointer-events: none; border-top-color: rgba(0, 0, 0, 0.8); border-width: 9px; border-top-right-radius: 5px; transform: rotate(-45deg); } &:after{ content: ''; display: inline-block; position: absolute; top: -7px; left: 23px; border: solid transparent; height: 0; width: 0; pointer-events: none; border-top-color: rgba(0, 0, 0, 0.8); border-width: 9px; border-top-left-radius: 5px; transform: rotate(45deg); }*/ }

.ui.tootip .tootip-box.on { display: block; }

.ui.tootip .tootip-box.on.position.leftAtuo { left: auto; margin-left: -20px; margin-top: 0px; }

.ui.tootip .tootip-box.right { left: auto; right: 100%; margin: 11px -122px 0 0; }

.ui.tootip .tootip-box.right:before { left: auto; right: 22px; }

.ui.tootip .tootip-box.center { width: auto; padding: 8px; margin: 4px 0px 0px; left: 50%; transform: translate3d(-50%, 0%, 0); }

.ui.tootip .tootip-box.center .desc-tootip { margin-top: 0px; padding-right: 0px; }

.ui.tootip .tootip-box.center:before { left: 50%; transform: translate3d(-50%, 0%, 0); }

.ui.tootip .tootip-box .title-tootip { position: relative; padding-right: 15px; color: #fff; font-size: 14px; line-height: 1.2; text-align: left; }

.ui.tootip .tootip-box .title-tootip .btn-close { display: inline-block; position: absolute; top: -2px; right: -16px; width: 20px; height: 20px; text-indent: -999em; background: url(../img/img_close_01.png) center no-repeat; background-size: 10px; }

.ui.tootip .tootip-box .desc-tootip { margin-top: 10px; padding-right: 5px; color: #919191; font-size: 13px; line-height: 18px; text-align: left; word-break: keep-all; }

.ui.tootip .tootip-box .desc-tootip .dot { position: relative; padding-left: 10px; display: block; }

.ui.tootip .tootip-box .desc-tootip .dot:before { content: "•"; position: absolute; top: 0; left: 0; font-size: 13px; }

.ui.tootip .tootip-box .desc-tootip.breakAll { word-break: break-all; }

.ui.tootip .tootip-box:before { content: ""; display: inline-block; position: absolute; top: -9px; left: 19px; border: solid transparent; height: 9px; width: 20px; background: url(../img/img_arrow_tootip.png) center no-repeat; background-size: 20px 9px; box-sizing: border-box; }

.ui.tootip .tootip-box.afterSpace:after { content: ""; display: inline-block; position: absolute; top: -12px; right: 0px; left: auto; border: 0; height: 12px; width: 100%; background: none; box-sizing: border-box; }

.ui.tootip .tootip-box.top { top: auto; bottom: 35px; }

.ui.tootip .tootip-box.top:before { top: auto; bottom: -9px; transform: rotate(180deg); }

.ui.ico-text { color: #181818; font-size: 13px; line-height: 21px; }

.ui.ico-text.red:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #e9464a; border-radius: 50%; }

.ui.ico-text.green:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #00b06c; border-radius: 50%; }

.ui.ico-text.yellow:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #f3bc38; border-radius: 50%; }

.ui.ico-text.black:before { content: ""; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-color: #181818; border-radius: 50%; }

.ui.ico-text.box { display: inline-block; width: 150px; height: 35px; line-height: 33px; padding: 0 15px; text-align: left; border: 1px solid #c8c8c8; border-radius: 3px; background-color: #e9e9e9; box-sizing: border-box; vertical-align: middle; }

.ui.ico-text.ico-black:before { position: relative; content: ""; top: 2px; margin-right: 5px; width: 18px; height: 18px; display: inline-block; vertical-align: top; background-image: url(../img/icon/img_status_pending.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }

.ui.ico-text.ico-green:before { position: relative; content: ""; top: 2px; margin-right: 5px; width: 18px; height: 18px; display: inline-block; vertical-align: top; background-image: url(../img/icon/img_status_complete.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }

.ui.ico-text.ico-red:before { position: relative; content: ""; top: 2px; margin-right: 5px; width: 18px; height: 18px; display: inline-block; vertical-align: top; background-image: url(../img/icon/img_status_error.png); -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }

.ui.ico-text.ico-black-16:before { position: relative; content: ""; top: 2px; margin-right: 5px; width: 16px; height: 16px; display: inline-block; vertical-align: top; background-image: url(../img/icon/img_status_pending.png); -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.ui.ico-text.ico-green-16:before { position: relative; content: ""; top: 2px; margin-right: 5px; width: 16px; height: 16px; display: inline-block; vertical-align: top; background-image: url(../img/icon/img_status_complete.png); -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.ui.ico-text.ico-red-16:before { position: relative; content: ""; top: 2px; margin-right: 5px; width: 16px; height: 16px; display: inline-block; vertical-align: top; background-image: url(../img/icon/img_status_error.png); -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.ui.line-info .title-line { float: left; margin-right: 15px; color: #181818; font-size: 15px; line-height: 30px; }

.ui.line-info .info-line { position: relative; float: left; margin-left: 15px; }

.ui.line-info .info-line .desc-info { color: #919191; font-size: 12px; line-height: 16px; }

.ui.line-info .info-line:before { content: ""; display: inline-block; position: absolute; left: -15px; top: 4px; width: 1px; height: 25px; background-color: #dedede; }

.ui.line-info .info-line .lh32 { line-height: 32px; }

.ui.infored-text { position: relative; padding: 20px 20px 20px 90px; }

.ui.infored-text:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 20px; width: 40px; height: 40px; margin: -20px 0 0 0; background: url(../img/ico_info_03.png) center no-repeat; }

.ui.infored-text.check:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 20px; width: 40px; height: 40px; margin: -20px 0 0 0; background: url(../img/ico_info_05.png) center no-repeat; }

.ui.infored-text .link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

@media only screen and (max-height: 1109px) { .ui.tab li a { font-size: 15px; } }

.table-css { display: table; height: 100%; }

.table-css .cell { display: table-cell; height: 100%; }

.table-css .cell.vertical-middle { vertical-align: middle; }

.table-css .row { display: table-row; vertical-align: middle; }

.flex-base { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; }

.flex-base.w250 { max-width: 250px; }

.flex-base.w505 { max-width: 505px; }

.flex-full { flex: 1 1; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; -webkit-align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -webkit-box-align: center; -ms-box-pack: center; -ms-box-align: center; }

.flex.inline { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.flex.inline .input, .flex.inline .textarea { flex-grow: 1; flex-shrink: 1; flex-basis: 0; }

.flex.start { -webkit-box-pack: start; -moz-box-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.flex.between { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.flex.align-top { -webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.flex.align-bottom { -webkit-box-align: end; -moz-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.tag-list li { position: relative; float: left; margin: 10px 5px 0 0; padding: 3px 30px 3px 10px; border: 1px solid #c8c8c8; border-radius: 30px; }

.tag-list li .button-close { display: inline-block; position: absolute; top: 0; right: 0; width: 25px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.tag-list li:last-child { margin-left: 0; }

.tag-list li.disabled { color: rgba(0, 0, 0, 0.3); }

.tag-list li.disabled .button-close { opacity: 0.3; pointer-events: none; }

.tag-list:after { content: ""; display: block; clear: both; }

.selectric-open { z-index: 11; }

.bold { font-weight: 700 !important; }

.fs_normal { font-weight: normal !important; }

.fwhite { color: #fff !important; }

.fred { color: #e9464a !important; }

.fblue { color: #0959fa !important; }

.fgreen { color: #00b06c !important; }

.fyellow { color: #f3bc38; }

.fgray { color: #919191 !important; }

.fgray2 { color: #8c8c8c !important; }

.fgray3 { color: #c8c8c8 !important; }

.fblack { color: #454545 !important; }

.fblack2 { color: #40367b !important; }

.fblack3 { color: #181818 !important; }

.bb0 { border-bottom: 0 !important; }

.bt0 { border-top: 0 !important; }

.br1 { border: 1px solid #c8c8c8 !important; }

.br-c-gray { border-color: #f1f1f1 !important; }

.br0 { border: 0 !important; }

.bg-white { background-color: #ffffff !important; }

.bg-gray { background-color: #fbfbfb; }

.bg-gray02 { background-color: #f7f7f7; }

.bg-gray03 { background-color: rgba(247, 247, 247, 0.5); }

.bg-gray04 { background-color: #f1f1f1 !important; }

.fw350 { font-weight: 300; }

.float-left { float: left; }

.float-right { float: right; }

.text-left { text-align: left !important; }

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

.text-right { text-align: right !important; }

.word-spacing { word-spacing: -1px; }

.fs0 { font-size: 0px; }

.fs12 { font-size: 12px !important; }

.fs13 { font-size: 13px !important; }

.fs14 { font-size: 14px !important; }

.fs15 { font-size: 15px !important; }

.fs16 { font-size: 16px !important; }

.fs18 { font-size: 18px !important; }

.fs20 { font-size: 20px !important; }

.fs24 { font-size: 24px !important; }

.fs30 { font-size: 30px !important; }

.fs46 { font-size: 46px !important; }

.line-initial { line-height: initial !important; }

.line12 { line-height: 1.2 !important; }

.line17 { line-height: 17px !important; }

.line19 { line-height: 19px !important; }

.line20 { line-height: 20px !important; }

.line22 { line-height: 22px !important; }

.line24 { line-height: 24px !important; }

.line26 { line-height: 26px !important; }

.line35 { line-height: 35px !important; }

.break-all { word-break: break-all; }

.pd0 { padding: 0 !important; }

.pd15 { padding: 15px !important; }

.pd20 { padding: 20px !important; }

.pd60 { padding: 60px !important; }

.mar0 { margin: 0 !important; }

.pdt0 { padding-top: 0 !important; }

.pdt2 { padding-top: 2px; }

.pdt5 { padding-top: 5px; }

.pdt10 { padding-top: 10px !important; }

.pdt12 { padding-top: 12px !important; }

.pdt15 { padding-top: 15px !important; }

.pdt18 { padding-top: 18px !important; }

.pdt20 { padding-top: 20px !important; }

.pdt21 { padding-top: 21px !important; }

.pdt30 { padding-top: 30px !important; }

.pdt40 { padding-top: 40px; }

.pdt50 { padding-top: 50px !important; }

.pdt60 { padding-top: 60px !important; }

.pdt90 { padding-top: 90px !important; }

.pdt100 { padding-top: 100px !important; }

.pdt160 { padding-top: 160px !important; }

.pdb0 { padding-bottom: 0 !important; }

.pdb3 { padding-bottom: 3px !important; }

.pdb5 { padding-bottom: 5px !important; }

.pdb10 { padding-bottom: 10px !important; }

.pdb19 { padding-bottom: 20px !important; }

.pdb20 { padding-bottom: 20px !important; }

.pdb40 { padding-bottom: 40px; }

.pdb45 { padding-bottom: 45px !important; }

.pdb50 { padding-bottom: 50px !important; }

.pdb70 { padding-bottom: 70px !important; }

.pdb200 { padding-bottom: 200px; }

.pdr0 { padding-right: 0 !important; }

.pdr3 { padding-right: 3px !important; }

.pdr5 { padding-right: 5px !important; }

.pdr10 { padding-right: 10px; }

.pdr12 { padding-right: 12px; }

.pdr15 { padding-right: 15px !important; }

.pdr30 { padding-right: 30px; }

.pdr20 { padding-right: 20px !important; }

.pdr50 { padding-right: 50px; }

.pdr90 { padding-right: 90px; }

.pdb12 { padding-bottom: 12px; }

.pdb15 { padding-bottom: 15px; }

.pdb30 { padding-bottom: 30px; }

.pdb60 { padding-bottom: 60px; }

.pdb0 { padding-bottom: 0 !important; }

.pdl0 { padding-left: 0 !important; }

.pdl3 { padding-left: 3px !important; }

.pdl5 { padding-left: 5px !important; }

.pdl10 { padding-left: 10px !important; }

.pdl12 { padding-left: 12px !important; }

.pdl15 { padding-left: 15px !important; }

.pdl15 { padding-left: 15px !important; }

.pdl30 { padding-left: 30px; }

.pdl40 { padding-left: 40px; }

.pdl60 { padding-left: 60px; }

.pdl70 { padding-left: 70px; }

.mrl0 { margin-left: 0 !important; }

.mrl1 { margin-left: 1px !important; }

.mrl10 { margin-left: 10px !important; }

.mrl15 { margin-left: 15px !important; }

.mrl20 { margin-left: 20px; }

.mrl5 { margin-left: 5px !important; }

.mrl7 { margin-left: 7px; }

.mrl3 { margin-left: 3px; }

.mrl30 { margin-left: 30px; }

.mrl32 { margin-left: 32px !important; }

.mrl40 { margin-left: 40px; }

.mrl55 { margin-left: 55px; }

.mrr0 { margin-right: 0px !important; }

.mrr4 { margin-right: 4px; }

.mrr8 { margin-right: 8px; }

.mrr5 { margin-right: 5px !important; }

.mrr10 { margin-right: 10px; }

.mrr20 { margin-right: 20px; }

.mrr40 { margin-right: 40px; }

.mrr180 { margin-right: 180px; }

.mrb0 { margin-bottom: 0 !important; }

.mrb5 { margin-bottom: 5px !important; }

.mrb10 { margin-bottom: 10px; }

.mrb12 { margin-bottom: 12px; }

.mrb15 { margin-bottom: 15px; }

.mrb20 { margin-bottom: 20px !important; }

.mrb25 { margin-bottom: 25px !important; }

.mrb30 { margin-bottom: 30px !important; }

.mrb35 { margin-bottom: 35px !important; }

.mrb40 { margin-bottom: 40px !important; }

.mrb50 { margin-bottom: 50px !important; }

.mrb59 { margin-bottom: 59px !important; }

.mrb60 { margin-bottom: 60px !important; }

.mrb80 { margin-bottom: 80px !important; }

.mrt0 { margin-top: 0 !important; }

.mrt1 { margin-top: 1px !important; }

.mrt3 { margin-top: 3px !important; }

.mrt5 { margin-top: 5px !important; }

.mrt7 { margin-top: 7px !important; }

.mrt10 { margin-top: 10px !important; }

.mrt15 { margin-top: 15px !important; }

.mrt17 { margin-top: 17px !important; }

.mrt18 { margin-top: 18px !important; }

.mrt20 { margin-top: 20px !important; }

.mrt25 { margin-top: 25px !important; }

.mrt30 { margin-top: 30px !important; }

.mrt40 { margin-top: 40px !important; }

.mrt50 { margin-top: 50px !important; }

.mrt55 { margin-top: 55px !important; }

.mrt60 { margin-top: 60px !important; }

.mrt70 { margin-top: 70px; }

.mrt80 { margin-top: 80px !important; }

.brg1 { border: 1px solid #e1e1e1; }

.btg { border-top: 1px solid #e1e1e1; }

.btg2 { border-top: 1px solid #919191; }

.btg3 { border-top: 1px solid #919191; }

.btg4 { border-top: 1px solid rgba(145, 145, 145, 0.3); }

.btg5 { border-top: 1px solid rgba(145, 145, 145, 0.8); }

.btg6 { border-top: 1px solid #dedede !important; }

.btg7 { border-top: 1px solid  #A7A7A7 !important; }

.bbg0 { border-bottom-width: 0 !important; }

.bbg { border-bottom: 1px solid #e1e1e1; }

.bbg2 { border-bottom: 1px solid #dedede !important; }

.bbg3 { border-bottom: 1px solid #919191; }

.btg4 { border-top: 1px solid #d6d6d6; }

.rounded-none { border-radius: 0px !important; }

.autoH { height: auto !important; }

.autoW { width: auto; min-width: auto !important; }

.underline { text-decoration: underline; text-underline-position: under; }

.veralign-top { vertical-align: top; }

.veralign-middle, .middle { vertical-align: middle !important; }

.display-block { display: block; }

.display-none { display: none !important; }

.display-inline { display: inline-block !important; }

.bg-white { background-color: #fff !important; }

.fw400 { font-weight: 400 !important; }

.fw500 { font-weight: 500; }

.fw700 { font-weight: 700; }

.wfull-min130 { min-width: 130px !important; }

.wfull-min780 { min-width: 780px !important; }

.w-max-575 { max-width: 575px !important; }

.w-min-auto { min-width: auto !important; }

.wfull { width: 100% !important; }

.h-65 { height: 65px !important; }

.h-60 { height: 60px !important; }

.top-0 { top: 0 !important; }

.whitespace-nowrap { white-space: nowrap; }

.pst-r { position: relative; }

.pst-r.borderline25:after { position: absolute; content: ''; width: 1px; height: 25px; left: 0; top: 50%; background-color: #DEDEDE; transform: translate3d(0, -50%, 0); display: block; }

.text-align-r { text-align: right; }

.tr-last-bb0 tbody > tr:last-child { border-bottom: 0px !important; }

ul.list-ty1 li { position: relative; margin: 0 0 0 0; padding: 2px 0 0 10px; font-size: 12px; line-height: 17px; color: #919191; }

ul.list-ty1 li:first-child { padding-top: 0; }

ul.list-ty1 li::before { position: absolute; content: '-'; left: 0; top: 0; }

/*header*/
header { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 80px; background-color: #ffffff; border-bottom: 1px solid rgba(145, 145, 145, 0.2); z-index: 400; box-sizing: border-box; }

header .cont-inner h1 a span, header .cont-inner .gnb ul.clrutil a.lang span, header .cont-inner .gnb ul.clrutil a.my span { background: url(../img/icon/icon_header_set_v2.png) no-repeat center center; background-size: 500px 500px; }

header .cont-inner { position: relative; width: 1200px; height: 79px; margin: 0 auto; padding: 0 50px; box-sizing: border-box; display: flex; }

header .cont-inner h1 { padding: 0 50px 0 0; display: flex; flex: 0 0 auto; align-items: center; }

header .cont-inner h1 a { padding: 7px 0 7px 0; display: block; }

header .cont-inner h1 a span.logo { width: 251px; height: 28px; font-size: 0; line-height: 0; text-indent: -999999px; color: transparent; background-position: 0 0; display: block; }

header .cont-inner .gnb { padding: 0; display: flex; flex: 1 1; }

header .cont-inner .gnb ul.clrnavi { padding: 0; display: flex; flex: 1 1; align-items: center; justify-content: center; margin-right: 200px; }

header .cont-inner .gnb ul.clrnavi li { position: relative; padding: 0 10px; }

header .cont-inner .gnb ul.clrnavi li a { padding: 9px 10px; font-size: 16px; color: #181818; line-height: 24px; font-weight: 700; border-radius: 10px; display: block; }

header .cont-inner .gnb ul.clrnavi li a.selected { color: #E9464A; font-weight: 700; }

header .cont-inner .gnb ul.clrnavi li .sub-depth { position: absolute; left: 50%; top: 30px; padding-top: 43px; transform: translate3d(-50%, 0, 0); display: none; }

header .cont-inner .gnb ul.clrnavi li ul { position: relative; padding: 19px; width: 210px; border: 1px solid rgba(145, 145, 145, 0.2); border-radius: 12px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05); }

header .cont-inner .gnb ul.clrnavi li ul li { padding: 5px 0 0 0; display: block; }

header .cont-inner .gnb ul.clrnavi li ul li a { padding: 10px; font-size: 16px; color: #181818; line-height: 22px; font-weight: 500; border-radius: 10px; display: block; word-break: keep-all; }

header .cont-inner .gnb ul.clrnavi li ul li a:hover { background-color: rgba(145, 145, 145, 0.1); font-weight: 700; }

header .cont-inner .gnb ul.clrnavi li ul li:first-of-type { padding-top: 0; }

header .cont-inner .gnb ul.clrnavi li.on > a { background-color: rgba(145, 145, 145, 0.1); font-weight: 700; }

header .cont-inner .gnb ul.clrnavi li.on > .sub-depth { display: block; }

header .cont-inner .gnb ul.clrutil { position: absolute; right: 50px; top: 19px; display: flex; }

header .cont-inner .gnb ul.clrutil li { position: relative; padding: 0 10px 0 11px; }

header .cont-inner .gnb ul.clrutil li:after { position: absolute; content: ''; left: 0px; top: 12px; width: 1px; height: 18px; background-color: rgba(145, 145, 145, 0.5); display: block; }

header .cont-inner .gnb ul.clrutil li:first-of-type { padding-left: 0; }

header .cont-inner .gnb ul.clrutil li:first-of-type:after { display: none; }

header .cont-inner .gnb ul.clrutil li:last-of-type { padding-right: 0; }

header .cont-inner .gnb ul.clrutil li a { padding: 9px 10px; font-size: 16px; color: #181818; line-height: 24px; font-weight: 700; border-radius: 10px; display: block; }

header .cont-inner .gnb ul.clrutil li a.selected { color: #E9464A; font-weight: 700; }

header .cont-inner .gnb ul.clrutil li a.lang span { width: 24px; height: 24px; font-size: 0; line-height: 0; color: transparent; text-indent: -999999px; background-position: 0 -58px; vertical-align: top; display: inline-block; }

header .cont-inner .gnb ul.clrutil li a.my span { width: 24px; height: 24px; font-size: 0; line-height: 0; color: transparent; text-indent: -999999px; background-position: -75px -58px; vertical-align: top; display: inline-block; }

header .cont-inner .gnb ul.clrutil li a.my + .sub-depth { right: 0; transform: translate3d(0, 0, 0); }

header .cont-inner .gnb ul.clrutil li .sub-depth { position: absolute; right: 50%; top: 30px; padding-top: 43px; transform: translate3d(50%, 0, 0); display: none; }

header .cont-inner .gnb ul.clrutil li ul { position: relative; padding: 19px; width: 200px; border: 1px solid rgba(145, 145, 145, 0.2); border-radius: 12px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05); }

header .cont-inner .gnb ul.clrutil li ul li { padding: 5px 0 0 0; display: block; }

header .cont-inner .gnb ul.clrutil li ul li:after { display: none; }

header .cont-inner .gnb ul.clrutil li ul li a { padding: 10px; font-size: 16px; color: #181818; line-height: 22px; font-weight: 500; border-radius: 10px; display: block; }

header .cont-inner .gnb ul.clrutil li ul li a:hover { background-color: rgba(145, 145, 145, 0.1); font-weight: 700; }

header .cont-inner .gnb ul.clrutil li ul li:first-of-type { padding-top: 0; }

header .cont-inner .gnb ul.clrutil li.on > a { background-color: rgba(145, 145, 145, 0.1); font-weight: 700; }

header .cont-inner .gnb ul.clrutil li.on > .sub-depth { display: block; }

header.black { background-color: transparent; border-bottom-width: 0; transition: all 0.5s; }

header.black .cont-inner { height: 80px; }

header.black .cont-inner h1 a span.logo { background-position: 0 -29px; }

header.black .cont-inner .gnb ul.clrnavi > li > a { color: #ffffff; }

header.black .cont-inner .gnb ul.clrnavi > li.on > a { background-color: rgba(255, 255, 255, 0.1); }

header.black .cont-inner .gnb ul.clrutil > li > a { color: #ffffff; }

header.black .cont-inner .gnb ul.clrutil > li > a.lang span { background-position: -25px -58px; }

header.black .cont-inner .gnb ul.clrutil > li > a.my span { background-position: -100px -58px; }

header.black .cont-inner .gnb ul.clrutil > li.on > a { background-color: rgba(255, 255, 255, 0.1); }

header.black.scroll { background-color: rgba(24, 24, 24, 0.7); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-bottom-width: 0; }

/*footer*/
footer { position: relative; min-width: 1120px; padding: 0; z-index: 10; background: #F7F7F7; }

footer .footer-top { padding: 40px 0; border-top: 1px solid rgba(145, 145, 145, 0.1); box-sizing: border-box; }

footer .footer-top .cont-inner { width: 1100px; margin: 0 auto; text-align: center; }

footer .footer-top .cont-inner.eng ul:nth-child(1) li:last-child { margin-right: 0px; padding-right: 20px; }

footer .footer-top .cont-inner.eng ul:nth-child(1) li:last-child:before { display: block; }

footer .footer-top .cont-inner.eng ul:nth-child(2) { margin-top: 12px; }

footer .footer-top .cont-inner ul { line-height: 0; font-size: 0; }

footer .footer-top .cont-inner ul li { position: relative; padding-right: 20px; margin-right: 20px; display: inline-block; vertical-align: top; }

footer .footer-top .cont-inner ul li:first-child { padding-left: 0; }

footer .footer-top .cont-inner ul li:last-child { padding-right: 0; margin-right: 0px; }

footer .footer-top .cont-inner ul li:last-child:before { display: none; }

footer .footer-top .cont-inner ul li:before { position: absolute; content: ''; right: 0px; top: 50%; width: 1px; height: 14px; margin-top: -7px; background-color: rgba(24, 24, 24, 0.3); }

footer .footer-top .cont-inner ul li .link { font-size: 14px; color: #000000; line-height: 20px; font-weight: 400; line-height: 20px; display: block; }

footer .footer-top .cont-inner ul li .link.bold { font-size: 15px; line-height: 21px; }

footer .footer-top .cont-inner ul li .link:hover { color: #E9464A; }

footer .footer-bottom { padding: 50px 0 70px 0; border-top: 1px solid rgba(145, 145, 145, 0.2); }

footer .footer-bottom .cont-inner { text-align: center; }

footer .footer-bottom .cont-inner ul { font-size: 0px; }

footer .footer-bottom .cont-inner ul li { position: relative; display: inline-block; text-align: left; vertical-align: top; }

footer .footer-bottom .cont-inner ul li:first-child .footer-box { margin-left: 0; }

footer .footer-bottom .cont-inner ul li .footer-box { margin-left: 30px; min-width: 346px; max-width: 346px; }

footer .footer-bottom .cont-inner ul li .footer-box p { color: rgba(24, 24, 24, 0.9); font-size: 14px; font-weight: 400; line-height: 20px; }

footer .footer-bottom .cont-inner ul li .footer-box .footer-logo { width: 175.5px; height: 30px; margin-bottom: 30px; }

footer .footer-bottom .cont-inner ul li .footer-box .footer-logo .icon-set { font-size: 0; color: transparent; line-height: 0; text-indent: -999999px; vertical-align: top; }

footer.footer-en .footer-bottom { height: 220px; }

footer.footer-en .footer-bottom .cont-inner { max-width: 1250px; margin: 0 auto; }

footer.footer-en .footer-bottom .cont-inner ul { display: table; width: 100%; }

footer.footer-en .footer-bottom .cont-inner ul li { display: table-cell; width: 33.3%; }

footer.footer-en .footer-bottom .cont-inner ul li:before { height: 100%; }

/*sub-container*/
.container { position: relative; min-width: 1100px; min-height: 100vh; padding: 80px 0 0 0; box-sizing: border-box; display: flex; justify-content: space-between; flex-grow: 1; flex-shrink: 0; flex-basis: auto; }

.container .lnb + .content, .container .lnb ~ .content { position: relative; margin: 0 0 0 0; padding: 0 60px 100px 360px; }

.container .lnb-banner { position: fixed; left: 22px; bottom: 60px; width: 256px; z-index: 9; }

.container .lnb-banner img { width: 100%; vertical-align: top; }

.container .lnb-banner.textType { padding-top: 15px; background-color: #F7F7F7; border-top: 1px solid rgba(145, 145, 145, 0.3); width: 240px; margin: 0 8px; color: #000000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

.container .lnb-banner.textType > span { display: block; position: relative; padding-left: 28px; }

.container .lnb-banner.textType > span i { position: absolute; top: 50%; left: 0px; transform: translate3d(0%, -50%, 0); }

.container .content { width: 100%; min-height: 100%; box-sizing: border-box; }

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

img { box-sizing: border-box; }

.loading-bar { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; }

.loading-bar img { width: 80px; }

.loading-bar > div { display: inline-block; width: 16px; height: 16px; background: #7e78bc; border-radius: 50%; margin: 0 7px; animation: loader 0.8s infinite alternate; }

.loading-bar > div:nth-child(2) { animation-delay: 0.2s; }

.loading-bar > div:nth-child(3) { animation-delay: 0.3s; }

@keyframes loader { to { opacity: 0.1;
    transform: translate(0, -16px);
    background: #7e78bc; } }

.loading-pulse-64 { margin: 0 auto; width: 32px; height: 32px; display: block; background: url(../img/icon_loading_88.png) no-repeat center center; -ms-background-size: 32px 32px; -moz-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; -ms-animation: loadingBoxAni 1s linear infinite; -moz-animation: loadingBoxAni 1s linear infinite; -webkit-animation: loadingBoxAni 1.5s linear infinite; animation: loadingBoxAni 1s linear infinite; }

.dot-pulse { position: relative; left: -9957px; width: 10px; height: 10px; border-radius: 5px; background-color: #c8c8c8; color: #c8c8c8; box-shadow: 9999px 0 0 -5px #c8c8c8; animation: dotPulse 1.5s infinite linear; animation-delay: 0.25s; }

.dot-pulse:before, .dot-pulse:after { content: ""; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 5px; background-color: #c8c8c8; color: #c8c8c8; }

.dot-pulse:before { box-shadow: 9984px 0 0 -5px #c8c8c8; animation: dotPulseBefore 1.5s infinite linear; animation-delay: 0s; }

.dot-pulse:after { box-shadow: 10014px 0 0 -5px #c8c8c8; animation: dotPulseAfter 1.5s infinite linear; animation-delay: 0.5s; }

@keyframes dotPulseBefore { 0% { box-shadow: 9984px 0 0 -5px #c8c8c8; }
  30% { box-shadow: 9984px 0 0 2px #c8c8c8; }
  60%, 100% { box-shadow: 9984px 0 0 -5px #c8c8c8; } }

@keyframes dotPulse { 0% { box-shadow: 9999px 0 0 -5px #c8c8c8; }
  30% { box-shadow: 9999px 0 0 2px #c8c8c8; }
  60%, 100% { box-shadow: 9999px 0 0 -5px #c8c8c8; } }

@keyframes dotPulseAfter { 0% { box-shadow: 10014px 0 0 -5px #c8c8c8; }
  30% { box-shadow: 10014px 0 0 2px #c8c8c8; }
  60%, 100% { box-shadow: 10014px 0 0 -5px #c8c8c8; } }

.lnb { position: fixed; left: 0; top: 0; padding: 80px 0 0 0; height: 100vh; width: 300px; background-color: #F7F7F7; z-index: 9; box-sizing: border-box; }

.lnb span.lnb-icon, .lnb .cont-inner > ul > li.sub > a:after { width: 60px; height: 60px; font-size: 0; line-height: 0; color: transparent; text-indent: -999999px; background: url(../img/icon/icon_header_set_v2.png) no-repeat center center; background-size: 500px 500px; display: block; }

.lnb span.lnb-icon.lnb-icon-apps { background-position: 0 -99px; }

.lnb span.lnb-icon.lnb-icon-payments { background-position: -61px -99px; }

.lnb span.lnb-icon.lnb-icon-customer { background-position: -122px -99px; }

.lnb span.lnb-icon.lnb-icon-statistics { background-position: -183px -99px; }

.lnb span.lnb-icon.lnb-icon-settings { background-position: 0px -160px; }

.lnb span.lnb-icon.lnb-icon-media { background-position: -61px -160px; }

.lnb span.lnb-icon.lnb-icon-help { background-position: -122px -160px; }

.lnb span.lnb-icon.lnb-icon-shoppingMana { background-position: -183px -160px; }

.lnb span.lnb-icon.lnb-icon-shoppingOrder { background-position: -61px -221px; }

.lnb span.lnb-icon.lnb-icon-delivery { background-position: 0px -221px; }

.lnb span.lnb-icon.lnb-icon-myAccount { background-position: -183px -221px; }

.lnb span.lnb-icon.lnb-icon-catalogue { background-position: -122px -221px; }

.lnb span.lnb-icon.lnb-icon-security { background-position: 0px -282px; }

.lnb span.lnb-icon.lnb-icon-verify { background-position: -61px -282px; }

.lnb .cont-inner { padding: 70px 0 70px 0; margin: 0; height: 100%; overflow-y: auto; box-sizing: border-box; }

.lnb .cont-inner .lnb-top { margin: 0 40px 35px 40px; padding: 0 0 25px 0; display: flex; border-bottom: 2px solid rgba(145, 145, 145, 0.15); }

.lnb .cont-inner .lnb-top .lnb-top-icon { padding: 0 12px 0 0; display: flex; flex: 0 0 auto; }

.lnb .cont-inner .lnb-top .lnb-top-co { display: flex; flex: 1 1; flex-direction: column; }

.lnb .cont-inner .lnb-top .lnb-top-co .title-lnb:first-child { padding: 16px 0; }

.lnb .cont-inner .text-sub { padding: 0 3px 3px 3px; font-size: 14px; color: #181818; line-height: 20px; font-weight: 700; display: block; }

.lnb .cont-inner .title-lnb a { font-size: 22px; color: #181818; line-height: 28px; font-weight: 700; display: block; }

.lnb .cont-inner > ul { padding: 0 10px; margin: 0 30px; }

.lnb .cont-inner > ul > li { padding: 0 0 4px 0; }

.lnb .cont-inner > ul > li:last-of-type { padding-bottom: 0; }

.lnb .cont-inner > ul > li > a { position: relative; padding: 10px; font-size: 16px; color: #181818; line-height: 22px; font-weight: 400; letter-spacing: -0.5px; border-radius: 5px; word-break: keep-all; display: block; }

.lnb .cont-inner > ul > li > a:hover { font-weight: 700; }

.lnb .cont-inner > ul > li > ul { padding: 7px 0 7px 10px; display: none; }

.lnb .cont-inner > ul > li > ul > li { padding: 0 0 2px 10px; border-left: 2px solid rgba(145, 145, 145, 0.5); }

.lnb .cont-inner > ul > li > ul > li:last-of-type { padding-bottom: 0; }

.lnb .cont-inner > ul > li > ul > li > a { padding: 8px 12px; font-size: 14px; color: rgba(24, 24, 24, 0.9); line-height: 20px; font-weight: 400; border-radius: 5px; display: block; }

.lnb .cont-inner > ul > li > ul > li > a:hover { font-weight: 700; }

.lnb .cont-inner > ul > li > ul > li.on > a { color: #E9464A; font-weight: 700; background-color: rgba(145, 145, 145, 0.08); }

.lnb .cont-inner > ul > li.on > a { color: #E9464A; font-weight: 700; background-color: rgba(145, 145, 145, 0.08); }

.lnb .cont-inner > ul > li.on > ul { display: block; }

.lnb .cont-inner > ul > li.sub > a { padding-right: 27px; }

.lnb .cont-inner > ul > li.sub > a:after { position: absolute; content: ''; right: 5px; top: 10px; width: 22px; height: 22px; background-position: -150px -58px; display: block; }

.lnb .cont-inner > ul > li.sub.on > a { color: #181818; font-weight: 700; background-color: transparent; }

.lnb .cont-inner > ul > li.sub.on > a:after { background-position: -173px -58px; }

table td { padding: 15px; }

#skipNavi { position: absolute; left: 0; top: 0; text-align: center; width: 100%; z-index: 9999; font-size: 1.5em; font-weight: bold; background-color: #666; }

#skipNavi a { display: block; height: 1px; width: 1px; margin-bottom: -1px; overflow: hidden; text-align: center; color: #fff; white-space: nowrap; }

#skipNavi a { display: block; height: 1px; width: 1px; margin-bottom: -1px; overflow: hidden; text-align: center; color: #fff; white-space: nowrap; color: #fff; }

#skipNavi a:focus, #skipNavi a:active { height: auto; width: auto; padding: 10px 0; color: #fff; }

/*popup*/
body.hidden { overflow: hidden; }

body.yhidden { overflow-y: hidden; }

.dimmed { position: absolute; top: 0; left: 0; min-width: 1110px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 601; }

.dimmed.no-bg { background-color: transparent; }

.layer-pop { display: inline-block; }

.layer-pop ~ .datepickers-container { z-index: 1000; }

.layer-pop.fixed { position: fixed; }

.layer-pop > .cont-inner { display: inline-block; position: relative; padding: 10px; background-color: #f1f1f1; z-index: 1000; box-sizing: border-box; border-radius: 3px; text-align: left; }

.layer-pop.embedded { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 601; }

.layer-pop.embedded > .cont-inner { vertical-align: middle; }

.layer-pop .top-round-info { position: relative; padding: 20px; margin: 15px 0 15px 0; font-size: 14px; color: rgba(24, 24, 24, 0.9); line-height: 20px; background-color: #F7F7F7; border-radius: 12px; display: block; }

.layer-pop .top-round-info > .inner { position: relative; padding: 0 0 0 28px; }

.layer-pop .top-round-info > .inner::after { position: absolute; content: ''; margin-top: -9px; left: 0; top: 50%; width: 18px; height: 18px; background: url(../img/ico_info_06.png) center no-repeat; background-size: 18px 18px; }

.layer-pop .bottom-info-line { position: relative; padding: 0; margin: 0; }

.layer-pop .bottom-info-line > .inner { padding: 0 0 0 28px; }

.layer-pop .bottom-info-line > .inner::after { position: absolute; content: ''; margin-top: 0; left: 0; top: 1px; width: 18px; height: 18px; background: url(../img/ico_info_06.png) center no-repeat; background-size: 18px 18px; }

.layer-pop .layerpop-title.member-check-title { padding-bottom: 30px; border-bottom: 1px solid rgba(145, 145, 145, 0.2); margin-bottom: 30px; }

.layer-pop .layerpop-title h3 { color: #000000; text-align: center; font-size: 17px; font-style: normal; font-weight: 700; line-height: 23px; /* 135.294% */ margin-top: 10px; margin-bottom: 5px; }

.layer-pop .layerpop-title .sub-title { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; /* 140% */ }

.layer-pop .layerpop-box { background-color: #fff; box-sizing: border-box; /* 재동의 약관 개정 안내 */ /* iarc 팝업용 */ }

.layer-pop .layerpop-box .layerpop-top { position: relative; padding: 20px 20px; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; min-height: 70px; }

.layer-pop .layerpop-box .layerpop-top .title { padding-right: 40px; font-size: 20px; font-weight: 700; }

.layer-pop .layerpop-box .layerpop-top .button-close { display: inline-block; position: absolute; top: 50%; right: 20px; width: 25px; height: 25px; background: url(../img/img_close_04.png) center no-repeat; text-indent: -999em; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.layer-pop .layerpop-box .layerpop-cont { box-sizing: border-box; max-height: 600px; overflow-y: auto; overflow-x: hidden; }

.layer-pop .layerpop-box .layerpop-cont .sub-title { font-size: 14px; line-height: 20px; font-weight: 700; margin-bottom: 10px; }

.layer-pop .layerpop-box .layerpop-cont.heightAuto { max-height: unset; }

.layer-pop .layerpop-box .layerpop-cont.noScroll { max-height: unset; overflow-y: unset; overflow-x: unset; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap .inner-table { table-layout: fixed; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h180 { height: 180px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h200 { height: 200px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h310 { height: 310px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h410 { height: 410px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h410 .table-type .no-data { padding: 193px 0; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h400 { height: 400px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h430 { height: 430px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h480 { height: 480px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h485 { height: 485px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h460 { height: 460px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont .scroll-wrap.h500 { height: 501px; overflow-x: hidden; overflow-y: scroll; }

.layer-pop .layerpop-box .layerpop-cont.pd20 { padding: 20px; }

.layer-pop .layerpop-box .layerpop-cont.game_survey .game_servey_body { height: 343px; overflow-y: auto; }

.layer-pop .layerpop-box .layerpop-cont.noti-pop li { font-size: 18px; line-height: 24px; }

.layer-pop .layerpop-box .layerpop-cont .pop-title { color: #000000; text-align: center; font-size: 17px; font-weight: 700; line-height: 23px; /* 135.294% */ }

.layer-pop .layerpop-box .layerpop-cont .pop-subTitle { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-weight: 400; line-height: 21px; /* 140% */ margin-top: 5px; }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type01 { color: #181818; font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; /* 146.154% */ }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type01 th { /*vertical-align:middle;*/ background: #FBFBFB; padding: 10px 15px; }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type01 th label { padding: 0; font-size: 13px; }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type01 th.veralign-top { vertical-align: top; }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type01 td { padding: 10px 15px; }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type02 { color: #181818; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; /* 146.154% */ }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type02 th { padding: 20px 0px 20px 3px; }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type02 th label { padding: 0; }

.layer-pop .layerpop-box .layerpop-cont .pop-table-type02 th.veralign-top { vertical-align: top; }

.layer-pop .layerpop-box .layerpop-cont .point-gray-txt { color: #919191; font-size: 13px; }

.layer-pop .layerpop-box .layerpop-cont .point-red-txt { color: #E9464A; font-size: 13px; }

.layer-pop .layerpop-box .pop-fix-btn { padding: 20px; border-top: 1px solid #F1F1F1; }

.layer-pop .layerpop-box .pop-fix-btn .button-area { font-size: 0; }

.layer-pop .layerpop-box .pop-fix-btn .checkbox { padding-bottom: 15px; }

.layer-pop .layerpop-box .pop-fix-btn .info-text15 { position: relative; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ padding-left: 24px; color: rgba(24, 24, 24, 0.9); }

.layer-pop .layerpop-box .pop-fix-btn .info-text15 i.icon-info15 { position: absolute; top: 50%; left: 0; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.layer-pop .layerpop-box .color-black { font-size: 13px; line-height: 18px; color: #181818; }

.layer-pop .layerpop-box .color-gray { color: #919191; font-size: 13px; line-height: 18px; }

.layer-pop .layerpop-box .color-gray.fs14 { line-height: 20px; }

.layer-pop .layerpop-box .color-red { color: #e9464a !important; }

.layer-pop .layerpop-box .list-type li { position: relative; padding-left: 10px; word-break: break-all; }

.layer-pop .layerpop-box .list-type li:before { content: "-"; position: absolute; top: 0; left: 0; font-size: 13px; }

.layer-pop .layerpop-box .list-type li.dot { padding-left: 10px; }

.layer-pop .layerpop-box .list-type li.dot:before { content: "•"; position: absolute; top: 0; left: 0; font-size: 13px; }

.layer-pop .layerpop-box .list-type.type2 li { padding-left: 15px; }

.layer-pop .layerpop-box .list-type.type2 li:before { content: "※"; position: absolute; top: 0; left: 0; font-size: 13px; }

.layer-pop .layerpop-box .list-type.type3 li { padding-left: 10px; }

.layer-pop .layerpop-box .list-type.type3 li:before { content: "•"; position: absolute; top: 0; left: 0; font-size: 13px; }

.layer-pop .layerpop-box .list-type-div div { margin-top: 20px; font-size: 14px; line-height: 20px; }

.layer-pop .layerpop-box .list-type-div div:first-child { margin-top: 0px; }

.layer-pop .layerpop-box .list-type-div div li { position: relative; padding-left: 10px; word-break: break-all; }

.layer-pop .layerpop-box .list-type-div div li:before { content: "•"; position: absolute; top: 0; left: 0; font-size: 13px; }

.layer-pop .layerpop-box .text-link { color: #0959fa; }

.layer-pop .layerpop-box .underline { text-decoration: underline; text-underline-position: under; }

.layer-pop .layerpop-box .bg-gray { padding: 20px; background-color: #f7f7f7; box-sizing: border-box; }

.layer-pop .layerpop-box .bg-gray.grayFb { background: #fbfbfb; }

.layer-pop .layerpop-box .bg-gray.pd10 { padding: 10px; }

.layer-pop .layerpop-box .bg-gray.bdr3 { border-radius: 3px; }

.layer-pop .layerpop-box .table-type { table-layout: fixed; border-top: 1px solid #dedede; }

.layer-pop .layerpop-box .table-type tr { border-bottom: 1px solid #dedede; }

.layer-pop .layerpop-box .table-type th, .layer-pop .layerpop-box .table-type td { padding: 10px 0 10px 15px; font-size: 13px; }

.layer-pop .layerpop-box .table-type .no-data { padding: 115px 0; font-size: 15px; }

.layer-pop .layerpop-box .table-type.type2 { border-top: 1px solid #a7a7a7; }

.layer-pop .layerpop-box .table-type.type2 th { height: 50px; font-weight: 500; text-align: center; vertical-align: middle; box-sizing: border-box; }

.layer-pop .layerpop-box .table-type.type2 td { height: 50px; text-align: center; vertical-align: middle; box-sizing: border-box; word-break: break-all; }

.layer-pop .layerpop-box .table-type.type3 { border-top: 0; }

.layer-pop .layerpop-box .table-type.type3 table { margin: 15px 0; }

.layer-pop .layerpop-box .table-type.type3 table th { border-top: 1px solid #dedede; font-weight: 500; text-align: center !important; vertical-align: middle; box-sizing: border-box; }

.layer-pop .layerpop-box .table-type.type3 table th strong { font-weight: 500; }

.layer-pop .layerpop-box .table-type.type3 table td { padding: 10px 15px; vertical-align: middle; box-sizing: border-box; word-break: break-all; }

.layer-pop .layerpop-box .bg-half-list { margin-left: -20px; }

.layer-pop .layerpop-box .bg-half-list:after { content: ""; display: block; clear: both; }

.layer-pop .layerpop-box .bg-half-list li { float: left; width: 50%; }

.layer-pop .layerpop-box .bg-half-list li .cont-inner { margin-left: 20px; padding: 0 10px; background-color: #fbfbfb; }

.layer-pop .layerpop-box .bg-third-list { margin-left: -20px; }

.layer-pop .layerpop-box .bg-third-list:after { content: ""; display: block; clear: both; }

.layer-pop .layerpop-box .bg-third-list li { float: left; width: 33.3%; }

.layer-pop .layerpop-box .bg-third-list li .cont-inner { margin-left: 15px; padding: 0 7px; background-color: #fbfbfb; }

.layer-pop .layerpop-box .img-box.table { margin-left: -10px; }

.layer-pop .layerpop-box .img-box.table li { display: table-cell; width: 50%; box-sizing: border-box; }

.layer-pop .layerpop-box .img-box.table li .cont-inner { margin-left: 10px; }

.layer-pop .layerpop-box .img-box img { display: block; width: 100%; }

.layer-pop .layerpop-box .text-input { margin-top: 10px; color: #919191; font-size: 12px; line-height: 17px; }

.layer-pop .layerpop-box .agree-cont { border-radius: 5px; border: 1px solid rgba(145, 145, 145, 0.3); padding: 20px 25px; }

.layer-pop .layerpop-box .agree-cont li { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 14px; }

.layer-pop .layerpop-box .agree-cont li + li { margin-top: 12px; }

.layer-pop .layerpop-box .iarc-table-pop th { vertical-align: middle !important; height: 40px; text-align: center; border-bottom: 1px solid #e1e1e1; font-size: 14px; font-weight: 700; }

.layer-pop .layerpop-box .iarc-table-pop td { font-size: 15px; line-height: 21px; }

.layer-pop .layerpop-box .iarc-table-pop td div span { display: block; margin-top: 10px; }

.layer-pop .layerpop-box .iarc-table-pop td div span:first-child { margin-top: 0px; }

.layer-pop .layerpop-box .iarc-table-pop td div span.detail-text { color: #919191; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; }

.layer-pop .layerpop-box .iarc-table-pop td div.grade { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.layer-pop .layerpop-box .iarc-table-pop td div.grade > span { margin: 0px; }

.layer-pop .layerpop-box .iarc-table-pop td div.grade img { width: 34px; vertical-align: top; margin-left: 10px; }

.layer-pop .layerpop-box .iarc-table-pop td p { margin-top: 10px; }

.layer-pop .layerpop-box .iarc-table-pop td p:first-child { margin-top: 0px; }

.layer-pop .layerpop-box .iarc-table-pop.type-sm th { font-weight: bold; font-size: 13px; height: 40px; }

.layer-pop .layerpop-box .iarc-table-pop.type-sm td { text-align: center; font-size: 12px; }

.layer-pop .goods-info { margin-bottom: 30px; }

.layer-pop .goods-info li { color: #919191; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 5px; }

.layer-pop .goods-info li:first-child { font-weight: 700; color: #181818; margin-top: 0px; }

.layer-pop .w700 { width: 700px; }

.layer-pop .w720 { width: 720px; }

.layer-pop .w740 { width: 740px; }

.layer-pop .w760 { width: 760px; }

.layer-pop .w620 { width: 620px; }

.layer-pop .w520 { width: 520px; }

.layer-pop .w900 { width: 900px; }

.layer-pop .w420 { width: 420px; }

.layer-pop .w390 { width: 390px; }

.layer-pop .w890 { width: 890px; }

.layer-pop .h700 { height: 700px; }

.layer-pop .h700 .layerpop-cont { height: 600px; }

/* 컴포넌트 */
.sample { /* 사전예약 타이틀 */ }

.sample .title { position: static; width: 100%; }

/* utc 표기 */
.date-utc { margin-top: 10px; font-size: 13px; }

/* 베타 icon */
.badgeTitle { display: flex; align-items: center; justify-content: center; }

.badgeIcon { display: inline-block; vertical-align: top; padding: 0px 6px; min-width: 40px; height: 20px; line-height: 20px; font-size: 12px; font-weight: 400; border-top-left-radius: 0px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; font-style: normal; box-sizing: border-box; }

.badgeIcon.red { background: #E9464A; color: #ffffff; }

/* bullet type btn */
.bullet-type-btn { height: 40px; line-height: 40px; display: inline-block; vertical-align: top; border-radius: 20px; font-size: 16px; font-weight: 500; padding: 0 18px; background: #0A132B; color: #ffffff; font-weight: 500; }

/*  btn 공통 컴퍼넌트 */
.btn-section { display: flex; align-items: flex-start; /* Monoline_white type */ /* Monoline_gray type */ }

.btn-section.center { justify-content: center; }

.btn-section a { min-width: 180px; height: 50px; line-height: 48px; padding: 0 20px; border-radius: 3px; box-sizing: border-box; text-align: center; margin-left: 15px; font-size: 16px; font-weight: 400; }

.btn-section a:first-child { margin-left: 0px; }

.btn-section.monoline-white a { border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: #ffffff; }

.btn-section.monoline-white a:hover { border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.15); }

.btn-section.monoline-gray a { min-width: 200px; border: 1px solid rgba(145, 145, 145, 0.5); color: #181818; }

.btn-section.two-lines a { line-height: 22px; }

/* header 공통 */
.default-header { color: #000000; font-size: 22px; font-weight: 700; line-height: 28px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }

.default-header.white { color: #ffffff; }

.default-header.white a { color: #ffffff; }

.default-header a { position: relative; color: #181818; font-size: 16px; font-weight: 700; line-height: 22px; padding-right: 22px; }

.default-header a:hover { color: #E9464A; }

.default-header a:hover .icon-more { background-position: -25px -422px; }

.default-header a .icon-more { position: absolute; top: 0; right: 0; }

.default-header .total-num { color: #181818; font-size: 16px; line-height: 22px; padding-left: 30px; }

/* Snb 변경에 따른 CSS 추가 */
/* 추후 .lnb 에 해당하는 CSS는 삭제를 요함 */
.container .snb + .content, .container .snb ~ .content { position: relative; margin: 0 0 0 0; padding: 0 60px 70px 360px; }

.snb { position: fixed; left: 0; top: 0; padding: 80px 0 0 0; height: 100vh; width: 300px; background-color: #F7F7F7; z-index: 9; box-sizing: border-box; }

.snb span.snb-icon, .snb .snb-content ul li.sub a:after { width: 60px; height: 60px; font-size: 0; line-height: 0; color: transparent; text-indent: -999999px; background: url(../img/icon/icon_header_set_v2.png) no-repeat center center; background-size: 500px 500px; display: block; }

.snb span.snb-icon.snb-icon-apps { background-position: 0 -99px; }

.snb span.snb-icon.snb-icon-payments { background-position: -61px -99px; }

.snb span.snb-icon.snb-icon-customer { background-position: -61px -221px; }

.snb span.snb-icon.snb-icon-statistics { background-position: -183px -99px; }

.snb span.snb-icon.snb-icon-management { background-position: -122px -99px; }

.snb span.snb-icon.snb-icon-settings { background-position: 0px -160px; }

.snb span.snb-icon.snb-icon-media { background-position: -61px -160px; }

.snb span.snb-icon.snb-icon-help { background-position: -122px -160px; }

.snb span.snb-icon.snb-icon-shoppingMana { background-position: -183px -160px; }

.snb span.snb-icon.snb-icon-shoppingOrder { background-position: -61px -221px; }

.snb span.snb-icon.snb-icon-delivery { background-position: 0px -221px; }

.snb span.snb-icon.snb-icon-myAccount { background-position: -183px -221px; }

.snb span.snb-icon.snb-icon-catalogue { background-position: -122px -221px; }

.snb span.snb-icon.snb-icon-security { background-position: 0px -282px; }

.snb span.snb-icon.snb-icon-verify { background-position: -61px -282px; }

.snb .cont-inner { padding: 40px 0 60px 0; margin: 0; height: 100%; overflow-y: auto; box-sizing: border-box; }

.snb .cont-inner .snb-top { margin: 0 40px 20px 40px; padding: 0 0 20px 0; display: flex; border-bottom: 1px solid #DEDEDE; }

.snb .cont-inner .snb-top .snb-top-icon { padding: 0 12px 0 0; display: flex; flex: 0 0 auto; }

.snb .cont-inner .snb-top .snb-top-co { display: flex; flex: 1 1; flex-direction: column; }

.snb .cont-inner .snb-top .snb-top-co .title-snb:first-child { padding: 16px 0; }

.snb .cont-inner .text-sub { padding: 4px 2px 4px 2px; font-size: 13px; color: #181818; line-height: 19px; font-weight: 700; display: block; }

.snb .cont-inner .title-snb a { font-size: 20px; color: #181818; line-height: 26px; font-weight: 700; display: block; }

.snb .cont-inner .snb-content { margin: 0 30px; padding: 0 8px; }

.snb .cont-inner .snb-content ul li { padding: 0 0 4px 0; }

.snb .cont-inner .snb-content ul li:last-of-type { padding-bottom: 0; }

.snb .cont-inner .snb-content ul li a { position: relative; padding: 10px 8px; font-size: 15px; color: #181818; font-weight: 400; line-height: 21px; display: block; border-radius: 5px; }

.snb .cont-inner .snb-content ul li a:hover { font-weight: 700; }

.snb .cont-inner .snb-content ul li ul { margin: 6px 0 6px 10px; padding: 0 0 0 10px; border-left: 2px solid #DEDEDE; display: none; }

.snb .cont-inner .snb-content ul li ul li a { position: relative; padding: 8px 8px; font-size: 14px; color: #181818; line-height: 20px; }

.snb .cont-inner .snb-content ul li ul li ul { margin: 4px 0 4px 16px; padding: 0 0 0 8px; border-left: 2px solid #DEDEDE; }

.snb .cont-inner .snb-content ul li ul li.sub > a { padding-right: 36px; }

.snb .cont-inner .snb-content ul li ul li.sub > a:after { top: 8px; }

.snb .cont-inner .snb-content ul li.open > ul { display: block; }

.snb .cont-inner .snb-content ul li.sub > a { padding-right: 36px; }

.snb .cont-inner .snb-content ul li.sub > a:after { position: absolute; content: ''; right: 8px; top: 10px; width: 20px; height: 20px; background-position: -151px -59px; display: block; }

.snb .cont-inner .snb-content ul li.sub.open > a:after { background-position: -173px -58px; }

.snb .cont-inner .snb-content ul li.on:not(.sub) > a { font-weight: 700; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03); }

.snb .cont-inner .snb-content ul li.on.sub > a { font-weight: 700; }

.snb .cont-inner .snb-content ol { margin-bottom: 20px; border-bottom: 1px solid #DEDEDE; }

.snb .cont-inner .snb-content ol li { padding: 0 8px 16px 8px; }

.snb .cont-inner .snb-content ol li strong { padding: 0 0 8px 0; font-size: 15px; color: #181818; font-weight: 700; line-height: 21px; display: block; }

.snb .cont-inner .snb-content ol li a { position: relative; padding: 8px 8px; font-size: 14px; color: #181818; font-weight: 400; line-height: 20px; display: block; border-radius: 5px; }

.snb .cont-inner .snb-content ol li a:hover { font-weight: 700; }

.snb .cont-inner .snb-content ol li.on a { font-weight: 700; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03); }

.snb .cont-inner .snb-content ol li .icon-pack { vertical-align: top; }

.snb .cont-inner .snb-content ol li .disabled { position: relative; padding: 8px 8px; font-size: 14px; color: #C8C8C8; font-weight: 400; line-height: 20px; display: block; }

/* // Snb 변경에 따른 CSS 추가 */
/* icon set */
.icon-set { display: inline-block; text-indent: -999999px; font-size: 0; color: transparent; line-height: 0; background-image: url(../img/icon/icon_set.png); -ms-background-size: 1000px 1000px; -moz-background-size: 1000px 1000px; -webkit-background-size: 1000px 1000px; background-size: 1000px 1000px; }

.icon-set.icon-more { width: 22px; height: 22px; background-position: 0px -422px; }

.icon-set.icon-more.white { background-position: -50px -422px; }

.icon-set.icon-detail { width: 22px; height: 22px; background-position: 0px -447px; }

.icon-set.icon-search { width: 30px; height: 30px; background-position: 0px -377px; }

.icon-set.icon-clock { width: 18px; height: 18px; background-position: 0px -484px; }

.icon-set.icon-eye { width: 18px; height: 18px; background-position: -21px -484px; }

.icon-set.icon-arrow24 { width: 24px; height: 24px; background-position: 0px -517px; }

.icon-set.icon-gameloop-logo { width: 175.5px; height: 30px; background-position: 0px -332px; }

.icon-set.icon-lg-logo { width: 194.5px; height: 30px; background-position: 0px -266px; }

.icon-set.icon-kt-logo { width: 194.5px; height: 30px; background-position: 0px -299px; }

.icon-set.icon-onestore-logo { width: 194.5px; height: 30px; background-position: 0px -233px; }

.icon-set.icon-support01 { width: 50px; height: 50px; background-position: 0px -556px; }

.icon-set.icon-support02 { width: 50px; height: 50px; background-position: -53px -556px; }

.icon-set.icon-support03 { width: 50px; height: 50px; background-position: -106px -556px; }

.icon-set.icon-support04 { width: 50px; height: 50px; background-position: -159px -556px; }

.icon-set.icon-support05 { width: 50px; height: 50px; background-position: -212px -556px; }

.icon-set.icon-support06 { width: 50px; height: 50px; background-position: 0px -609.5px; }

.icon-set.icon-support07 { width: 50px; height: 50px; background-position: -53px -609.5px; }

.icon-set.icon-support08 { width: 50px; height: 50px; background-position: -106px -609.5px; }

.icon-set.icon-support09 { width: 50px; height: 50px; background-position: -159px -609.5px; }

.icon-set.icon-support10 { width: 50px; height: 50px; background-position: -212px -609.5px; }

.icon-set.icon-support11 { width: 50px; height: 50px; background-position: -265px -556px; }

.icon-set.icon-support12 { width: 50px; height: 50px; background-position: -265px -609.5px; }

.icon-set.icon-info15 { width: 15px; height: 15px; background-position: -203px -445px; }

.icon-set.icon-info18 { width: 18px; height: 18px; background-position: -42px -484px; }

.icon-set.icon-info18-white { width: 18px; height: 18px; background-position: -63px -484px; }

.icon-set.icon-info20 { width: 20px; height: 20px; background-position: -911px -445px; }

.icon-set.icon-info20-red { width: 20px; height: 20px; background-position: -888px -445px; }

.icon-set.icon-member-check { width: 30px; height: 30px; background-position: -33px -377px; }

.icon-set.icon-member-step01 { width: 30px; height: 30px; background-position: -198px -377px; }

.icon-set.icon-member-step02 { width: 30px; height: 30px; background-position: -231px -377px; }

.icon-set.icon-member-step03 { width: 30px; height: 30px; background-position: -264px -377px; }

.icon-set.icon-member-step04 { width: 30px; height: 30px; background-position: -297px -377px; }

.icon-set.icon-member-step01.on { width: 30px; height: 30px; background-position: -66px -377px; }

.icon-set.icon-member-step02.on { width: 30px; height: 30px; background-position: -99px -377px; }

.icon-set.icon-member-step03.on { width: 30px; height: 30px; background-position: -132px -377px; }

.icon-set.icon-member-step04.on { width: 30px; height: 30px; background-position: -165px -377px; }

.icon-set.icon-member-joinIcon01 { width: 100px; height: 100px; background-position: -0px -674.5px; }

.icon-set.icon-member-joinIcon02 { width: 100px; height: 100px; background-position: -103px -674.5px; }

.icon-set.icon-member-joinIcon03 { width: 100px; height: 100px; background-position: -0px -777.5px; }

.icon-set.icon-member-joinIcon04 { width: 100px; height: 100px; background-position: -103px -777.5px; }

.icon-set.icon-member-joinIcon06 { width: 40px; height: 40px; background-position: -960px -556px; }

.icon-set.icon-member-joinIcon07 { width: 40px; height: 40px; background-position: -915.5px -556px; }

.icon-set.icon-login01 { width: 20px; height: 20px; background-position: -957px -422px; }

.icon-set.icon-login02 { width: 20px; height: 20px; background-position: -980px -422px; }

.icon-set.icon-error { width: 17px; height: 17px; background-position: -203px -484px; }

.icon-set.icon-lock { width: 40px; height: 40px; background-position: -872.5px -556px; }

.icon-set.icon-login-error { width: 100px; height: 100px; background-position: 0px -880.5px; }

.icon-set.icon-email-error { width: 100px; height: 100px; background-position: -206px -777.5px; }

.icon-set.icon-login-pwd { width: 100px; height: 100px; background-position: -103px -880.5px; }

.icon-set.icon-security { width: 85px; height: 85px; background-position: -915px -674.5px; }

.icon-set.icon-temporary { width: 100px; height: 100px; background-position: -206px -674.5px; }

.icon-set.icon-not-certified01 { width: 85px; height: 85px; background-position: -827px -674.5px; }

.icon-set.icon-not-certified02 { width: 85px; height: 85px; background-position: -739px -674.5px; }

.icon-set.icon-friendship01 { width: 50px; height: 50px; background-position: -318px -556px; }

.icon-set.icon-friendship02 { width: 50px; height: 50px; background-position: -371px -556px; }

.icon-set.icon-friendship03 { width: 50px; height: 50px; background-position: -318px -609.5px; }

.icon-set.icon-friendship04 { width: 50px; height: 50px; background-position: -371px -609.5px; }

.icon-set.icon-various { width: 50px; height: 50px; background-position: -424px -556px; }

.icon-set.icon-various02 { width: 50px; height: 50px; background-position: -424px -609.5px; }

.icon-set.icon-mpa { width: 100px; height: 100px; background-position: -206px -880.5px; }

.icon-set.icon-mpa2 { width: 100px; height: 100px; background-position: -309px -674.5px; }

.icon-set.icon-Betagz01 { width: 96px; height: 96px; background-position: -904px -904px; }

.icon-set.icon-Betagz02 { width: 96px; height: 80px; background-position: -805px -904px; }

.icon-set.icon-Betagz03 { width: 80px; height: 80px; background-position: -646.5px -904px; }

.icon-set.icon-indiegz { width: 80px; height: 80px; background-position: -563px -904px; }

.icon-set.icon-system { width: 100px; height: 100px; background-position: -309px -777.5px; }

.icon-set.icon-admax-go { width: 26px; height: 26px; background-position: -203px -517px; }

.icon-set.icon-iarc-con { width: 74px; height: 74px; background-position: -730px -904px; }

.icon-set.icon-outlink-con { width: 20px; height: 20px; background-position: -934px -445px; }

/* icon set End */
/* loading icon Start */
@-ms-keyframes loadingBoxAni { 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-moz-keyframes loadingBoxAni { 0% { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes loadingBoxAni { 0% { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loadingBoxAni { 0% { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.icon-loading-88 { margin: 0 auto; width: 44px; height: 44px; display: block; background: url(../img/icon_loading_88.png) no-repeat center center; -ms-background-size: 44px 44px; -moz-background-size: 44px 44px; -webkit-background-size: 44px 44px; background-size: 44px 44px; -ms-animation: loadingBoxAni 1s linear infinite; -moz-animation: loadingBoxAni 1s linear infinite; -webkit-animation: loadingBoxAni 1.5s linear infinite; animation: loadingBoxAni 1s linear infinite; }

/* loading icon End */
/* 개별 icon set */
.icon-pack { display: inline-block; text-indent: -999999px; font-size: 0; color: transparent; line-height: 0; background-repeat: no-repeat; background-position: 0px 0px; }

.icon-pack.status-pending { background-image: url(../img/icon/img_status_pending.png); }

.icon-pack.status-complete { background-image: url(../img/icon/img_status_complete.png); }

.icon-pack.status-aos { background-image: url(../img/icon/img_aos.png); }

.icon-pack.status-windows { background-image: url(../img/icon/img_windows.png); }

.icon-pack.status-error { background-image: url(../img/icon/img_status_error.png); }

.icon-pack.status-info { background-image: url(../img/icon/img_status_info.png); }

.icon-pack.status-info2 { background-image: url(../img/icon/ic_info.png); }

.icon-pack.status-warning { background-image: url(../img/icon/img_status_warning.png); }

.icon-pack.status-backlog { background-image: url(../img/icon/img_status_backlog.png); }

.icon-pack.status-verifying { background-image: url(../img/icon/img_status_verifying.png); }

.icon-pack.delete { background-image: url(../img/icon/ic_delete.png); }

.icon-pack.editable { background-image: url(../img/icon/ic_edit.png); }

.icon-pack.history { background-image: url(../img/icon/ic_time.png); }

.icon-pack.plus-gray { background-image: url(../img/icon/ic_plus_gray.png); }

.icon-pack.plus-white { background-image: url(../img/icon/ic_plus.png); }

.icon-pack.chevron-left { background-image: url(../img/icon/ic_chevron_left.png); }

.icon-pack.chevron-down { background-image: url(../img/icon/ic_chevron_down.png); }

.icon-pack.chevron-up { background-image: url(../img/icon/ic_chevron_up.png); }

.icon-pack.delete-gray { background-image: url(../img/icon/ic_delete_gray.png); }

.icon-pack.img-sub-beta { background-image: url(../img/icon/img_sub_beta.png); }

.icon-pack.img-sub-support { background-image: url(../img/icon/img_sub_support.png); }

.icon-pack.size16 { width: 16px; height: 16px; -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.icon-pack.size18 { width: 18px; height: 18px; -ms-background-size: 18px 18px; -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }

.icon-pack.size20 { width: 20px; height: 20px; -ms-background-size: 20px 20px; -moz-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; }

.icon-pack.size22 { width: 22px; height: 22px; -ms-background-size: 22px 22px; -moz-background-size: 22px 22px; -webkit-background-size: 22px 22px; background-size: 22px 22px; }

.icon-pack.size24 { width: 24px; height: 24px; -ms-background-size: 24px 24px; -moz-background-size: 24px 24px; -webkit-background-size: 24px 24px; background-size: 24px 24px; }

.icon-pack.size50 { width: 50px; height: 50px; -ms-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-background-size: 50px 50px; background-size: 50px 50px; }

.icon-text { display: flex; align-items: center; justify-content: center; }

.icon-text .icon-pack { margin-right: 5px; }

/*main*/
.main { min-width: 1180px; }

.main .main-visual-area { position: relative; width: 100%; height: 900px; background: #000000; overflow: hidden; box-sizing: border-box; }

.main .main-visual-area .back-interaction-banner { position: absolute; top: 0px; left: 50%; width: 2023.5px; height: 900px; z-index: 1; background-image: url(../img/main/interaction_banner.png); background-position: center; -ms-background-size: 2023.5px 970px; -moz-background-size: 2023.5px 970px; -webkit-background-size: 2023.5px 970px; background-size: 2023.5px 970px; transform-origin: 50%; -webkit-transform: translate3d(-50%, 0%, 0) scale(0.9); transform: translate3d(-50%, 0%, 0) scale(0.9); -webkit-animation: mainInteraction 1s ease-in-out forwards; animation: mainInteraction 1s ease-in-out forwards; opacity: 0; }

.main .main-visual-area .back-interaction-banner img { width: 100%; }

.main .main-visual-area .cont-inner { position: relative; z-index: 2; width: 1100px; margin: 0 auto; text-align: left; padding-top: 150px; -webkit-transform: translate3d(0%, 5%, 0); transform: translate3d(0%, 5%, 0); -webkit-animation: mainText 1s ease-in-out forwards; animation: mainText 1s ease-in-out forwards; opacity: 0; }

.main .main-visual-area .cont-inner .text-visual { display: inline-block; }

.main .main-visual-area .cont-inner .text-visual .tit-visual { color: #ffffff; font-size: 57px; font-weight: 900; line-height: 62px; }

.main .main-visual-area .cont-inner .text-visual .desc-visual { color: #ffffff; font-size: 17px; font-weight: 400; line-height: 23px; margin-top: 16px; margin-bottom: 34px; }

.main .main-notice-area { position: relative; z-index: 5; width: 1180px; min-height: 393px; padding: 40px; border-radius: 20px; background: #020204; overflow: hidden; box-sizing: border-box; margin: 0 auto; margin-top: -347px; }

.main .main-notice-area .notice-inner-cont { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; }

.main .main-notice-area .notice-inner-cont div { position: relative; width: 264px; height: 250px; border-radius: 15px; overflow: hidden; }

.main .main-notice-area .notice-inner-cont div a { display: block; padding: 40px 35px 30px; box-sizing: border-box; height: 100%; background: #191926; word-break: keep-all; }

.main .main-notice-area .notice-inner-cont div a:hover { background: #28283A; }

.main .main-notice-area .notice-inner-cont div .notice-day { overflow: hidden; color: rgba(255, 255, 255, 0.9); font-size: 17px; font-weight: 400; line-height: 23px; display: block; margin-bottom: 20px; }

.main .main-notice-area .notice-inner-cont div .notice-text { color: #ffffff; font-size: 19px; font-weight: 500; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.main .main-notice-area .notice-inner-cont div .notice-icon { position: absolute; bottom: 30px; right: 35px; font-size: 0px; }

.main .main-intro-area { padding: 70px 0  60px; }

.main .main-intro-area.eng .intro-list li a { min-height: 294px; }

.main .main-intro-area .cont-inner { width: 1100px; margin: 0 auto; }

.main .main-intro-area .default-header { margin-bottom: 24px; }

.main .main-intro-area .intro-list { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; }

.main .main-intro-area .intro-list li { width: 264px; border-radius: 15px; overflow: hidden; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.02); backdrop-filter: blur(20px); color: rgba(24, 24, 24, 0.9); font-size: 14px; font-weight: 400; line-height: 20px; }

.main .main-intro-area .intro-list li span { display: block; letter-spacing: -0.5px; white-space: normal; overflow-wrap: break-word; word-break: normal; }

.main .main-intro-area .intro-list li span.intro-title { color: #000000; font-size: 19px; font-weight: 700; line-height: 25px; margin-top: 34px; margin-bottom: 10px; letter-spacing: 0px; }

.main .main-intro-area .intro-list li img { width: 60px; vertical-align: top; }

.main .main-intro-area .intro-list li a { display: block; background: #F7F7F7; padding: 40px 34px; box-sizing: border-box; }

.main .main-intro-area .intro-list li a:hover { background: #F1F1F1; }

.main .main-ad-area { width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }

.main .main-ad-area .default-header { margin-bottom: 24px; }

.main .main-ad-area .ad-content { width: 542.5px; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.02); backdrop-filter: blur(20px); }

.main .main-ad-area .ad-content a { display: block; border-radius: 15px; background: #F7F7F7; padding: 34px; box-sizing: border-box; }

.main .main-ad-area .ad-content a:hover { background: #F1F1F1; }

.main .main-ad-area .ad-content a img { vertical-align: top; }

.main .main-ad-area .ad-content a img.ads { width: 121px; }

.main .main-ad-area .ad-content a img.admax { width: 159.5px; }

.main .main-ad-area .ad-content a span { display: block; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 16px; white-space: normal; overflow-wrap: break-word; word-break: normal; }

.main .main-onestop-area { width: 1100px; margin: 60px auto 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }

.main .main-onestop-area .default-header { margin-bottom: 24px; }

.main .main-onestop-area .ad-content { width: 542.5px; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.02); backdrop-filter: blur(20px); }

.main .main-onestop-area .ad-content a { position: relative; display: block; border-radius: 15px; background: #FFFFFF; padding: 33px; box-sizing: border-box; border: 1px solid #DEDEDE; border-radius: 15px; }

.main .main-onestop-area .ad-content a img { vertical-align: top; height: 28px; }

.main .main-onestop-area .ad-content a span { display: block; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 16px; white-space: normal; overflow-wrap: break-word; word-break: normal; }

.main .main-onestop-area .ad-content a.outlink::after { position: absolute; content: ''; right: 33px; top: 35px; display: block; background-image: url(../img/ic_outlink.png); width: 24px; height: 24px; -ms-background-size: 24px 24px; -moz-background-size: 24px 24px; -webkit-background-size: 24px 24px; background-size: 24px 24px; }

.main .main-partners-area { width: 1100px; margin: 60px auto 0px; border-radius: 15px; background: #F7F7F7; overflow: hidden; }

.main .main-partners-area.eng .monoline-gray a { padding: 0px 25px; }

.main .main-partners-area .cont-inner { display: flex; flex-direction: row; align-items: center; }

.main .main-partners-area .cont-inner .img-cont { width: 550px; }

.main .main-partners-area .cont-inner .img-cont img { width: 100%; vertical-align: top; }

.main .main-partners-area .cont-inner .text-cont { width: 550px; text-align: center; }

.main .main-partners-area .cont-inner .text-cont > span { display: block; color: #181818; font-size: 17px; font-weight: 400; line-height: 23px; }

.main .main-partners-area .cont-inner .text-cont > span.title { color: #000000; font-size: 19px; font-weight: 700; line-height: 25px; margin-bottom: 10px; }

.main .main-partners-area .cont-inner .text-cont > span.title span { vertical-align: middle; }

.main .main-partners-area .cont-inner .text-cont > span.title i { vertical-align: middle; }

.main .main-partners-area .cont-inner .text-cont .btn-section { margin-top: 22px; }

.main .main-partners-area .cont-inner .text-cont .btn-section:hover { opacity: 0.7; }

.main footer { margin-top: 70px; }

.about-visual-area { margin-top: 70px; height: 528px; background: #F6F5F6 url(../img/img_about_visual.png) center no-repeat; background-size: 1922px 528px; }

.about-visual-area .cont-inner { width: 921px; margin: 0 auto; }

.about-visual-area .cont-inner .text-visual { display: inline-block; }

.about-visual-area .cont-inner .text-visual .tit-visual { font-size: 38px; font-weight: 700; line-height: 45px; }

.about-visual-area .cont-inner .text-visual .desc-visual { margin-top: 10px; font-size: 26px; font-weight: 200; line-height: 35px; }

.about-visual-area .cont-inner .btn-area { margin-top: 45px; }

.about-visual-area .cont-inner .btn-area a { display: inline-block; width: 150px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; font-weight: 700; text-align: center; border-radius: 5px; background: url(../img/btn_about.png) center no-repeat; }

.about-visual-area.type2 { margin-top: 0; background: #EDEDF1; background-size: 1922px 528px; }

.about-visual-area.type2 .img-visual { float: left; width: 218px; }

.about-visual-area.type2 .img-visual img { width: 100%; }

.about-visual-area.type2 .text-visual { float: right; padding: 100px 0 0; }

.about-visual-area.type2 .desc-text { margin-top: 20px; color: #666666; font-size: 13px; line-height: 21px; }

.about-visual-area.type3 { margin-top: 0; background: #171232; text-align: center; }

.about-visual-area.type3 .text-visual { color: #fff; }

.about-visual-area.type3 .text-visual .desc-text { margin-top: 25px; font-size: 13px; font-weight: 300; }

.about-visual-area.type3 .img-visual { width: 346px; margin: 45px auto 0px; }

.about-visual-area.type3 .img-visual img { width: 100%; }

.about-visual-area.type4 { margin-top: 0; height: auto; background: #EDEDF1; }

.about-visual-area.type4 .cont-inner { height: 549px; background: url(../img/img_about_visual03.png) right no-repeat; background-size: 218px 391px; }

.about-visual-area.type4 .cont-inner .desc-text { margin-top: 35px; color: #666666; font-size: 13px; line-height: 19px; }

.about-visual-area.type4 .cont-bottom { width: 921px; margin: 0 auto; height: 235px; }

.about-visual-area.type4 .cont-bottom ul li { position: relative; float: left; }

.about-visual-area.type4 .cont-bottom ul li .img { position: absolute; left: 0; width: 151px; }

.about-visual-area.type4 .cont-bottom ul li .img img { width: 100%; }

.about-visual-area.type4 .cont-bottom ul li .tit-text { color: #000; font-size: 22px; font-weight: 700; line-height: 26px; }

.about-visual-area.type4 .cont-bottom ul li .desc-text { margin-top: 15px; color: #666; font-size: 13px; line-height: 19px; }

.about-visual-area.type4 .cont-bottom ul li .img { top: 0px; }

.about-visual-area.type4 .cont-bottom ul li .text-area { padding: 15px 0 0 190px; }

.about-visual-area.type4 .cont-bottom ul li:last-child { float: right; }

.about-visual-area.type5 { margin-top: 0; height: 100%; background: none; background-color: #F6F5F6; }

.about-visual-area.type5 .cont-inner { width: 930px; }

.about-visual-area.type5 .cont-inner .clrfix { padding-top: 150px; }

.about-visual-area.type5 .img-visual { float: left; padding-top: 25px; width: 422px; }

.about-visual-area.type5 .img-visual img { width: 100%; }

.about-visual-area.type5 .text-visual { float: right; }

.about-visual-area.type5 .text-visual .desc-text { margin-top: 35px; color: #666; font-size: 13px; line-height: 19px; }

.about-visual-area.type5 .btn-area { margin: 130px 0 85px; text-align: center; }

.about-visual-area.type5 .btn-area a { width: 250px; }

.about-visual-area.type5 .btn-area a.w400 { width: 400px; }

.about-visual-area.type5 .btn-area a.link.red { background: none; background-color: #e9464a; }

.about-visual-area.type5 .btn-area a.link.puple { font-size: 19px; border-radius: 45px; background: none; background-color: #171232; }

.intro-visual-area { height: 528px; background: url(../img/img_intro_visual.png) center no-repeat; background-size: 1922px 528px; }

.intro-visual-area .cont-inner { width: 921px; margin: 0 auto; }

.intro-visual-area .cont-inner .intro-tit { margin-bottom: 60px; font-size: 40px; font-weight: 700; line-height: 45px; text-align: center; }

.intro-visual-area .cont-inner .text-visual { display: inline-block; }

.intro-visual-area .cont-inner .text-visual .tit-visual { font-size: 38px; font-weight: 700; line-height: 45px; }

.intro-visual-area .cont-inner .text-visual .desc-visual { margin-top: 10px; font-size: 26px; font-weight: 200; line-height: 35px; }

.intro-visual-area .cont-inner .desc-text { margin-top: 35px; color: #666666; font-size: 13px; line-height: 24px; }

.intro-visual-area .cont-inner .info-box { position: relative; margin-top: 15px; }

.intro-visual-area .cont-inner .info-box .float-right { position: relative; }

.intro-visual-area .cont-inner .info-box .float-right .btn-area { margin-top: 50px; }

.intro-visual-area .cont-inner .info-box .float-right .down { display: block; padding-left: 10px; text-align: left; color: #0959fa; font-size: 13px; text-decoration: underline; }

.intro-visual-area .cont-inner .info-box .code { width: 200px; }

.intro-visual-area .cont-inner .btn-area { margin-top: 45px; text-align: center; }

.intro-visual-area .cont-inner .btn-area .link { display: inline-block; width: 150px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; font-weight: 700; text-align: center; border-radius: 5px; background: url(../img/btn_about.png) center no-repeat; }

.intro-visual-area.type2 { height: 680px; margin-top: 0; background: none; background-color: #f2f2f5; }

.intro-visual-area.type2 .img-visual { float: left; margin-top: 40px; }

.intro-visual-area.type2 .text-visual { float: left; margin-left: 80px; padding: 32px 0 35px 0; }

.intro-visual-area.type2 .btn-area { margin-top: 65px; }

.intro-visual-area.type3 { margin-top: 0; height: auto; background: none; background: #171232; text-align: center; }

.intro-visual-area.type3 .cont-inner { width: 1150px; padding: 129px 0; }

.intro-visual-area.type3 .text-visual { color: #fff; }

.intro-visual-area.type3 .text-visual .desc-text { margin-top: 20px; font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.8); line-height: 19px; }

.intro-visual-area.type3 .font-area { margin: 70px 0 20px 0; }

.intro-visual-area.type3 .font-area > .float-left, .intro-visual-area.type3 .font-area > .float-right { width: 50%; text-align: center; }

.intro-visual-area.type3 .font-area .tit { margin-bottom: 10px; color: #fff; font-size: 13px; font-weight: 300; }

.intro-visual-area.type3 .font-area .ui.button { color: #fff; border-radius: 20px; }

.intro-visual-area.type3 .text-box { width: 500px; margin: 0 auto 10px; }

.intro-visual-area.type3 .text-box .tit { line-height: 33px; }

.intro-visual-area.type3 img, .intro-visual-area.type3 .img-visual img { width: 500px; background-color: #fff; border-radius: 15px; overflow: hidden; }

.intro-visual-area.type4 { margin-top: 0; height: 460px; background: #4C46B6; color: #ffffff; text-align: center; }

.intro-visual-area.type4 .cont-inner .desc-visual { margin-top: 17px; color: rgba(255, 255, 255, 0.9); }

.intro-visual-area.type4 .cont-inner .desc-text { color: rgba(255, 255, 255, 0.8); line-height: 20px; }

.intro-visual-area.type4 .cont-inner .img-visual { float: right; }

.intro-visual-area.type4 .cont-inner .img-visual img { width: 218px; }

.intro-visual-area.type5 { height: 100%; box-sizing: border-box; padding: 170px 0 100px; margin-top: 0; background: none; background-color: #F6F5F6; }

.intro-visual-area.type5 .cont-inner { width: 930px; }

.intro-visual-area.type5 .cont-inner .intro-tit { margin-bottom: 78px; line-height: 53px; }

.intro-visual-area.type5 .cont-inner .text-visual { width: 490px; }

.intro-visual-area.type5 .cont-inner .desc-text { line-height: 20px; margin-top: 30px; }

.intro-visual-area.type5 .img-visual { float: right; padding-top: 57px; }

.intro-visual-area.type5 .img-visual img { width: 410px; }

.intro-visual-area.type5 .text-visual { float: left; }

.intro-visual-area.type5 .text-visual .btn-area { text-align: left; }

.intro-visual-area.type5 .text-visual .btn-area a { width: auto; padding: 0 32px; }

.intro-visual-area.type5 .text-visual .btn-area a.w460 { width: 460px; }

.intro-visual-area.type5 .text-visual .btn-area a.link.puple { font-size: 19px; border-radius: 45px; background: none; background-color: #171232; font-weight: 500; }

.intro-visual-area.type6 { height: auto; background: none; background-color: #EDEDF1; }

.intro-visual-area.type6 .cont-inner { padding: 0px; }

.intro-visual-area.type6 .cont-inner .vertical-middle { padding: 107px 0px; background: url(../img/intro_visual_area06.png) right 120px no-repeat; background-size: 360px 310px; }

.intro-visual-area.type6 .btn-area { text-align: left; margin-top: 42px; }

.intro-visual-area.type6 .btn-area a.link.puple { width: auto; padding: 0 32px; font-size: 19px; border-radius: 45px; background: none; background-color: #171232; font-weight: 500; }

.intro-visual-area.type6 .desc-text { line-height: 19px; margin-top: 20px; }

.intro-visual-area.type6 .img-visual { width: 360px; float: right; }

.intro-visual-area.type6 .img-visual img { width: 100%; }

.intro-visual-area.type6 .text-visual { float: left; }

.intro-visual-area.type7 { height: auto; background: #F6F5F6; }

.intro-visual-area.type7 .cont-inner { padding: 0px; }

.intro-visual-area.type7 .cont-inner .vertical-middle { padding: 107px 0px; background: url(../img/intro_visual_area07.png) right 120px no-repeat; background-size: 360px 302px; }

.intro-visual-area.type7 .desc-text { line-height: 19px; margin-top: 20px; }

.intro-visual-area.type7 .img-visual { float: right; position: relative; width: 360px; }

.intro-visual-area.type7 .img-visual img { width: 100%; }

.ad-intro-wrap { min-width: 1120px; }

.ad-intro-wrap.eng .icon-body .tit { white-space: nowrap; }

.ad-intro-wrap.eng .swiper-pagination-bullet { white-space: nowrap; }

.ad-intro-wrap.eng .badgeTitle { white-space: nowrap; }

.ad-intro-wrap.eng .ad-intro-title p:first-child { white-space: nowrap; }

.ad-intro-wrap .ad-intro-box { text-align: center; max-width: 1100px; margin: 50px auto; }

.ad-intro-wrap .ad-intro-box img { width: 100%; vertical-align: top; }

.ad-intro-wrap .ad-intro-box .bullet-type-text { background: #EFF0FC; }

.ad-intro-wrap .ad-intro-box .intro-box { position: relative; max-width: 922px; margin: 0 auto; }

.ad-intro-wrap .ad-intro-box .intro-box.mrt30 { margin-top: 30px; }

.ad-intro-wrap .ad-intro-box .intro-box > div { position: absolute; top: 29px; left: 35px; font-size: 19px; line-height: 23px; font-weight: 700; color: #ffffff; text-align: left; letter-spacing: -0.05em; }

.ad-intro-wrap .ad-intro-box .intro-box > div.title02 { top: 24px; }

.ad-intro-wrap .ad-intro-box .intro-box > div.title03 { top: 24px; left: 510px; }

.ad-intro-wrap .ad-intro-box .intro-box > div.title04 { color: #322C82; top: 24px; }

.ad-intro-wrap .ad-intro-box#section3, .ad-intro-wrap .ad-intro-box#section4 { padding-top: 55px; border-radius: 20px; background: #F7F7F7; overflow: hidden; }

.ad-intro-wrap .ad-intro-box.swiper-section { padding-top: 55px; border-radius: 20px; background: #F7F7F7; overflow: hidden; }

.ad-intro-wrap .ad-intro-box.swiper-section .swiper-container { padding-top: 55px; }

.ad-intro-wrap .ad-intro-box.swiper-section .swiper-container .swiper-slide { background: #F7F7F7; }

.ad-intro-wrap .ad-intro-box.swiper-section .swiper-container .swiper-slide img { width: 100%; vertical-align: top; }

.ad-intro-wrap .ad-intro-box.swiper-section .swiper-container .swiper-pagination-bullets { bottom: unset; top: 0px; }

.ad-intro-wrap .ad-intro-box.swiper-section .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { width: auto; min-width: 120px; height: 40px; line-height: 40px; display: inline-block; vertical-align: top; border-radius: 20px; font-size: 16px; font-weight: 400; padding: 0 18px; color: rgba(24, 24, 24, 0.9); background: #E6E6EB; opacity: 1; box-sizing: border-box; }

.ad-intro-wrap .ad-intro-box.swiper-section .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0A132B; color: #ffffff; font-weight: 700; }

.ad-intro-wrap .ad-intro-box .singtep-step ul { display: flex; align-items: center; justify-content: center; }

.ad-intro-wrap .ad-intro-box .singtep-step li { width: 230px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ padding: 10px 0px; box-sizing: border-box; display: flex; align-items: center; text-align: left; justify-content: center; }

.ad-intro-wrap .ad-intro-box .singtep-step li.dash { color: #434343; border-radius: 30px; border: 1px dashed rgba(0, 0, 0, 0.3); margin: 0px 40px; }

.ad-intro-wrap .ad-intro-box .singtep-step li.dash span { background: rgba(0, 0, 0, 0.3); }

.ad-intro-wrap .ad-intro-box .singtep-step li span { border-radius: 20px; overflow: hidden; font-size: 10px; font-weight: 700; line-height: 10px; background: rgba(0, 0, 0, 0.9); color: #ffffff; padding: 4px 8px; box-sizing: border-box; display: inline-block; vertical-align: middle; margin-right: 12px; }

.ad-intro-wrap .ad-intro-box .text-step ul { display: flex; align-items: center; justify-content: center; }

.ad-intro-wrap .ad-intro-box .text-step li { width: 208px; margin-right: 32px; }

.ad-intro-wrap .ad-intro-box .text-step li span { min-width: 110px; border-radius: 20px; overflow: hidden; font-size: 12px; font-weight: 700; line-height: 12px; background: #0A132B; color: #ffffff; padding: 6px 18px; box-sizing: border-box; display: inline-block; vertical-align: middle; }

.ad-intro-wrap .ad-intro-box .text-step li:last-child { margin-right: 0px; }

.ad-intro-wrap .ad-intro-card3n { display: flex; justify-content: center; align-items: center; margin-top: 25px; }

.ad-intro-wrap .ad-intro-card3n div { width: 310px; min-height: 250px; padding-top: 35px; box-sizing: border-box; margin-left: 20px; }

.ad-intro-wrap .ad-intro-card3n div:first-child { margin-left: 0px; }

.ad-intro-wrap .ad-intro-card3n div img { width: 80px; vertical-align: top; margin-bottom: 30px; }

.ad-intro-wrap .ad-intro-card3n div p { font-size: 16px; line-height: 22px; font-weight: 400; }

.ad-intro-wrap .ad-intro-card3n div p:last-child { margin-top: 15px; }

.ad-intro-wrap .ad-intro-card3n div p strong { font-size: 20px; font-weight: 700; line-height: 26px; }

.ad-intro-wrap .ad-intro-ads { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 25px; }

.ad-intro-wrap .ad-intro-ads div { border-radius: 16px; border: 1px solid rgba(0, 0, 0, 0.15); overflow: hidden; box-sizing: border-box; width: 350px; }

.ad-intro-wrap .ad-intro-ads div span { display: block; }

.ad-intro-wrap .ad-intro-ads div.box02 { margin: 0px 20px; }

.ad-intro-wrap .ad-intro-ads div.box04 { margin-top: 24px; }

.ad-intro-wrap .ad-intro-ads div.box05 { margin-top: 24px; margin-left: 20px; margin-right: 20px; }

.ad-intro-wrap .ad-intro-ads div.box06 { margin-top: 24px; }

.ad-intro-wrap .ad-intro-ads div #scroll-button1 .icon-box-top { background: #6C8BF2; }

.ad-intro-wrap .ad-intro-ads div #scroll-button2 .icon-box-top { background: #5652E6; }

.ad-intro-wrap .ad-intro-ads div #scroll-button3 .icon-box-top { background: #4C49D1; }

.ad-intro-wrap .ad-intro-ads div #scroll-button4 .icon-box-top { background: #2D2B87; }

.ad-intro-wrap .ad-intro-ads div #scroll-button5 .icon-box-top { background: #1C1E61; }

.ad-intro-wrap .ad-intro-ads div #scroll-button6 .icon-box-top { background: #18144C; }

.ad-intro-wrap .ad-intro-ads div .icon-box-top { padding: 16px 0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.ad-intro-wrap .ad-intro-ads div .icon-box-top img { width: 60px; vertical-align: top; }

.ad-intro-wrap .ad-intro-ads div .icon-body { text-align: left; padding: 24px 30px 30px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ }

.ad-intro-wrap .ad-intro-ads div .icon-body .tit { font-size: 20px; font-style: normal; font-weight: 700; margin-bottom: 15px; line-height: 26px; }

.ad-intro-wrap .ad-intro-ads div .icon-body .tit .arrow { display: inline-block; text-indent: -999999px; font-size: 0; color: transparent; line-height: 0; background-repeat: no-repeat; background-position: 0px center; background-image: url(../img/ic_chevron_right.png); width: 20px; height: 26px; -ms-background-size: 20px 20px; -moz-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; margin-left: 8px; vertical-align: top; }

.ad-intro-wrap .ad-intro-ads.eng .icon-body span:last-child { white-space: normal; overflow-wrap: break-word; word-break: normal; }

.ad-intro-wrap .intro-visual-area { margin-top: 0; height: 470px; background: #110E39; color: #ffffff; text-align: center; }

.ad-intro-wrap .intro-visual-area .cont-inner { width: 1120px; text-align: left; }

.ad-intro-wrap .desc-visual { margin-top: 17px !important; }

.ad-intro-wrap .ad-intro-title { text-align: center; font-size: 28px; color: #000000; line-height: 39px; font-weight: 700; margin-bottom: 40px; }

.ad-intro-wrap .ad-intro-title .sub-title { font-size: 19px; line-height: 25px; font-weight: 400; margin-top: 10px; color: #181818; }

.ad-intro-wrap .ad-intro-title .sm-sub-title { font-size: 15px; line-height: 21px; font-weight: 400; margin-top: 10px; color: rgba(24, 24, 24, 0.6); }

.ad-intro-wrap .ad-intro-title .sm-sub-title i { vertical-align: middle; margin-right: 8px; }

.ad-intro-wrap .ad-intro-title .sm-sub-title i img { width: 18px; }

.ad-intro-wrap .ad-intro-btnbox { background: #F6F5F6; text-align: center; font-size: 0px; letter-spacing: 0px; padding: 72.5px 0px; }

.ad-intro-wrap .ad-intro-btnbox a { position: relative; display: inline-block; background: #171232; padding: 16px 32px; border-radius: 45px; color: #ffffff; font-size: 19px; line-height: 23px; font-weight: 700; margin: 0px 10px; text-decoration: none; overflow: hidden; }

.ad-intro-wrap .ad-intro-btnbox a.intro-bt01 { padding-left: 64px; }

.ad-intro-wrap .ad-intro-btnbox a.intro-bt01:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 35px; width: 20px; height: 15.5px; background: url(../img/icon_mail.png) center no-repeat; background-size: 20px 15.5px; margin-top: -7px; }

.ad-intro-wrap .ad-intro-btnbox a.intro-bt03 { padding-right: 64px; }

.ad-intro-wrap .ad-intro-btnbox a.intro-bt03:before { content: ''; display: inline-block; position: absolute; top: 50%; right: 37px; width: 14px; height: 18px; background: url(../img/icon_dwl.png) center no-repeat; background-size: 14px 18px; margin-top: -9px; }

.ad-intro-wrap .one-ads-section { border-radius: 20px; background: #130F4D url("../img/ad_intro_icon_bg.png") no-repeat right 0; background-size: 283.5px 246.5px; padding: 50px 70px; box-sizing: border-box; }

.ad-intro-wrap .one-ads-section .ads-title { font-size: 26px; line-height: 35px; color: #ffffff; font-weight: 700; margin-bottom: 30px; }

.ad-intro-wrap .one-ads-section .ads-title .sub-title { font-size: 15px; line-height: 21px; color: rgba(255, 255, 255, 0.9); font-weight: 400; margin-top: 10px; }

.ad-intro-wrap.one-adsmax #section1, .ad-intro-wrap.one-adsmax #section2, .ad-intro-wrap.one-adsmax #section3, .ad-intro-wrap.one-adsmax #section4, .ad-intro-wrap.one-adsmax #section5, .ad-intro-wrap.one-adsmax #section6 { padding-top: 55px; border-radius: 20px; background: #F7F7F7; overflow: hidden; }

.ad-intro-wrap.one-adsmax .cont-inner { background: url(../img/img_about_480.png) right center no-repeat; background-size: 480px 70px; }

.ad-intro-wrap.one-adsmax .cont-inner .text-section { white-space: nowrap; }

.ad-intro-wrap.one-adsmax .ad-intro-ads #scroll-button1 .icon-box-top { background: #6C8BF2; }

.ad-intro-wrap.one-adsmax .ad-intro-ads #scroll-button2 .icon-box-top { background: #5652E6; }

.ad-intro-wrap.one-adsmax .ad-intro-ads #scroll-button3 .icon-box-top { background: #4C49D1; }

.ad-intro-wrap.one-adsmax .ad-intro-ads #scroll-button4 .icon-box-top { background: #2D2B87; }

.ad-intro-wrap.one-adsmax .ad-intro-ads #scroll-button5 .icon-box-top { background: #1C1E61; }

.ad-intro-wrap.one-adsmax .ad-intro-ads #scroll-button6 .icon-box-top { background: #18144C; }

.ad-intro-wrap.one-adsmax .ad-intro-title { margin-bottom: 15px; }

.ad-intro-wrap.one-adsmax #section4 .singtep-step li { width: 208px; padding: 8px 0px; white-space: nowrap; }

.ad-intro-wrap.one-adsmax #section4 .singtep-step li span { margin-right: 8px; }

.ad-intro-wrap.one-adsmax #section4 .singtep-step li:nth-child(2) { margin: 0px 32px; }

.ad-intro-wrap.one-adsmax #section5 .text-step li { white-space: nowrap; }

/* 소개화면 */
.introduce-body { min-width: 1120px; margin: 80px auto; }

.introduce-body .full-banner-section img { width: 100%; }

.introduce-body .introduce-section { max-width: 1100px; margin: 0 auto; }

.introduce-body .introduce-section .title { color: #000000; text-align: center; font-size: 28px; font-style: normal; font-weight: 700; line-height: 39px; }

.introduce-body .introduce-section .title .sub-title { color: #181818; text-align: center; font-size: 19px; font-style: normal; font-weight: 400; line-height: 25px; }

.introduce-body .introduce-section.onestore-app { text-align: center; font-size: 28px; color: #000000; line-height: 39px; font-weight: 700; }

.introduce-body .introduce-section.friendship { border-radius: 20px; background: #130F4D; padding: 50px; margin: 80px auto 0px; box-sizing: border-box; }

.introduce-body .introduce-section.friendship .title { color: #ffffff; }

.introduce-body .introduce-section.friendship .title .sub-title { color: rgba(255, 255, 255, 0.8); }

.introduce-body .introduce-section.friendship .icon-box-4n { margin-top: 42px; display: flex; justify-content: space-between; align-items: center; }

.introduce-body .introduce-section.friendship .icon-box-4n div { color: rgba(255, 255, 255, 0.9); text-align: center; font-size: 17px; font-style: normal; font-weight: 400; line-height: 23px; /* 135.294% */ width: 239px; border-radius: 15px; background: #201B5F; padding: 30px 0px; box-sizing: border-box; }

.introduce-body .introduce-section.friendship .icon-box-4n div i { margin-bottom: 15px; vertical-align: top; }

.introduce-body .introduce-section.various { display: flex; margin-top: 80px; padding-top: 30px; }

.introduce-body .introduce-section.various img { width: 540px; vertical-align: top; }

.introduce-body .introduce-section.various .title { text-align: left; }

.introduce-body .introduce-section.various .sub-title { text-align: left; }

.introduce-body .introduce-section.various .sub-info { position: relative; padding-left: 26px; color: rgba(24, 24, 24, 0.6); font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; /* 140% */ margin-top: 15px; }

.introduce-body .introduce-section.various .sub-info i { position: absolute; top: 50%; left: 0px; transform: translate3d(0%, -50%, 0); }

.introduce-body .introduce-section.various .various-icon-text div { position: relative; padding-left: 100px; height: 80px; }

.introduce-body .introduce-section.various .various-icon-text div:first-child { margin-top: 60px; margin-bottom: 40px; }

.introduce-body .introduce-section.various .various-icon-text div span { display: block; text-align: left; color: #181818; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ }

.introduce-body .introduce-section.various .various-icon-text div .tit { color: #000000; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; /* 130% */ margin-bottom: 10px; }

.introduce-body .introduce-section.various .various-icon-text .icon-wrap { position: absolute; top: 0px; left: 0px; width: 80px; height: 80px; border-radius: 17.143px; background-color: #F7F7F7; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }

.introduce-body .introduce-section.platform { display: flex; align-items: center; justify-content: space-between; border-radius: 15px; background: #0A132B; padding-left: 60px; margin: 80px auto; box-sizing: border-box; }

.introduce-body .introduce-section.platform .title { color: #ffffff; text-align: left; }

.introduce-body .introduce-section.platform .title .sub-title { text-align: left; color: rgba(255, 255, 255, 0.9); }

.introduce-body .introduce-section.platform .title .sub-info { position: relative; padding-left: 26px; margin-top: 15px; color: rgba(255, 255, 255, 0.6); font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; /* 140% */ }

.introduce-body .introduce-section.platform .title .sub-info i { position: absolute; top: 50%; left: 0px; transform: translate3d(0%, -50%, 0); }

.introduce-body .introduce-section.platform .banner img { width: 540px; vertical-align: top; }

.introduce-body .introduce-section.chance { display: flex; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.introduce-body .introduce-section.chance .title { width: 480px; text-align: left; }

.introduce-body .introduce-section.chance .title .sub-title { text-align: left; }

.introduce-body .introduce-section.chance .banner { margin-left: 20px; }

.introduce-body .introduce-section.chance .banner img { width: 540px; vertical-align: top; }

.introduce-body .introduce-section.globalWword { max-width: 980px; margin-top: 40px; }

.introduce-body .introduce-section.globalWword .title { text-align: left; font-size: 20px; line-height: 26px; }

.introduce-body .introduce-section.globalWword .title .sub-title { text-align: left; font-size: 16px; line-height: 22px; }

.introduce-body .introduce-section.globalWword .word-store { padding: 30px 0; }

.introduce-body .introduce-section.globalWword .word-store li { min-width: 480px; border-radius: 15px; border: 1px solid rgba(145, 145, 145, 0.3); padding: 30px 35px; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.introduce-body .introduce-section.globalWword .word-store li > span { font-size: 0; letter-spacing: 0; }

.introduce-body .introduce-section.globalWword .word-store li > span .comming { font-size: 14px; line-height: 20px; white-space: nowrap; }

.introduce-body .introduce-section.globalWword .word-store li a { position: relative; color: #181818; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ padding-right: 25px; margin-left: 25px; }

.introduce-body .introduce-section.globalWword .word-store li a i { position: absolute; top: 50%; right: 0; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.introduce-body .introduce-section.globalWword .word-store li a:after { content: ''; display: inline-block; position: absolute; top: 50%; left: -13px; width: 1px; height: 12px; margin-top: -6px; background: rgba(145, 145, 145, 0.5); }

.introduce-body .introduce-section.globalWword .word-store li a:first-child { margin-left: 0px; }

.introduce-body .introduce-section.globalWword .word-store li a:first-child:after { display: none; }

.introduce-body .introduce-section.globalWword .word-store li img { height: 28px; vertical-align: top; }

.introduce-body .introduce-section.charge .icon-box-4n { display: flex; justify-content: space-between; margin-top: 40px; }

.introduce-body .introduce-section.charge .icon-box-4n div { text-align: left; width: 260px; }

.introduce-body .introduce-section.charge .icon-box-4n div span { display: block; color: rgba(24, 24, 24, 0.9); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; }

.introduce-body .introduce-section.charge .icon-box-4n div span.tit { color: #000000; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px; margin-bottom: 10px; }

.introduce-body .introduce-section.charge .icon-box-4n div img { width: 100%; margin-bottom: 25px; }

.introduce-body .introduce-section.betaGame { display: flex; justify-content: space-between; align-items: center; border-radius: 20px; background: #130F4D; padding-left: 70px; box-sizing: border-box; margin: 70px auto; }

.introduce-body .introduce-section.betaGame .title p { text-align: left; color: #ffffff; }

.introduce-body .introduce-section.betaGame .title p.sub-title { color: rgba(255, 255, 255, 0.9); margin-bottom: 25px; }

.introduce-body .introduce-section.betaGame img { width: 360px; }

.introduce-body .introduce-section.fontGrop .font-area { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; }

.introduce-body .introduce-section.fontGrop .font-area .btn-section { margin-top: 25px; }

.introduce-body .introduce-section.fontGrop .font-area img { width: 353.5px; vertical-align: top; }

.introduce-body .introduce-section.programInfo .icon-box-2n { display: flex; justify-content: space-between; margin-top: 35px; }

.introduce-body .introduce-section.programInfo .icon-box-2n div { text-align: left; width: 537.5px; }

.introduce-body .introduce-section.programInfo .icon-box-2n div p { color: #181818; font-size: 21px; font-style: normal; font-weight: 700; line-height: 27px; /* 128.571% */ padding-bottom: 16px; padding-top: 25px; }

.introduce-body .introduce-section.programInfo .icon-box-2n div ul li { position: relative; color: #181818; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ padding-left: 12px; margin-top: 5px; }

.introduce-body .introduce-section.programInfo .icon-box-2n div ul li:first-child { margin-top: 0px; }

.introduce-body .introduce-section.programInfo .icon-box-2n div ul li:after { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: rgba(24, 24, 24, 0.5); border-radius: 100%; }

.introduce-body .introduce-section.programInfo .icon-box-2n div img { width: 100%; }

.introduce-body .introduce-section.programInfo-tab { padding: 0px; min-height: auto; margin-top: 100px; }

.introduce-body .introduce-section.programInfo-tab .tab { width: 100% !important; }

.introduce-body .introduce-section.programInfo-tab .tab li.on { border-bottom: 0px; }

.introduce-body .introduce-section.programInfo-tab .tb-list-area td { height: 60px !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box { width: 100% !important; padding: 0px 0px 0px !important; background: none !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box .list-type li { margin-top: 0px !important; line-height: 21px !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box .input-group-subtext { color: #919191; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; margin: 10px 0px 0px 10px; }

.introduce-body .introduce-section.programInfo-tab .tab-box .tab-box-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; }

.introduce-body .introduce-section.programInfo-tab .tab-box .tab-box-header .tit { color: #181818; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; }

.introduce-body .introduce-section.programInfo-tab .tab-box .tab-box-header .ico-red { position: relative; color: #919191; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ padding-left: 14px; }

.introduce-body .introduce-section.programInfo-tab .tab-box .tab-box-header .ico-red:before { content: ''; position: absolute; display: inline-block; top: 50%; left: 0; width: 4px; height: 4px; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.introduce-body .introduce-section.programInfo-tab .tab-box.sign table { border-top: 1px solid rgba(145, 145, 145, 0.8) !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board thead th:first-child { padding-left: 20px; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area { background: #F7F7F7 !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area table td { padding: 15px !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area table td .file > label { border-radius: 3px; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area table td input { background: #ffffff; padding: 0px 15px; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area table th { padding: 15px 10px !important; vertical-align: middle !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area table th.text-top { vertical-align: top !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area button.basic { width: 110px; background: #ffffff; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area button.basic.bg-red { background-color: #e9464a; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .hide-area .btn-wrap td { text-align: center !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .board-noti { position: relative; color: #181818; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; /* 140% */ padding-left: 10px; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .board-noti:after { content: '•'; position: absolute; top: 50%; left: 0px; font-size: 13px; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .text-link { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-left: 20px; }

.introduce-body .introduce-section.programInfo-tab .tab-box.board .login-after { padding-top: 40px !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box .no-data { padding: 150px 0px !important; }

.introduce-body .introduce-section.programInfo-tab .tab-box .no-data i { vertical-align: top; }

.introduce-body .introduce-section.programInfo-tab .tab-box .no-data p { color: #181818; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ margin-top: 15px; }

.introduce-body .introduce-section.beta { margin-top: 65px; }

.introduce-body .introduce-section.beta .btn-section { margin-top: 30px; }

.introduce-body .introduce-section.beta img { vertical-align: top; }

.introduce-body .introduce-section.beta-process { display: flex; justify-content: space-between; margin: 50px auto 80px; }

.introduce-body .introduce-section.beta-process div { width: 350px; }

.introduce-body .introduce-section.beta-process div img { width: 100%; vertical-align: top; }

.introduce-body .introduce-section.beta-process div p { color: #181818; font-size: 21px; font-style: normal; font-weight: 700; line-height: 27px; /* 128.571% */ padding: 30px 10px 16px; }

.introduce-body .introduce-section.beta-process div ul li { position: relative; padding-left: 12px; color: #181818; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ margin-top: 5px; }

.introduce-body .introduce-section.beta-process div ul li:first-child { margin-top: 0px; }

.introduce-body .introduce-section.beta-process div ul li:after { position: absolute; top: 8.5px; left: 0px; content: ''; width: 4px; height: 4px; background: rgba(24, 24, 24, 0.5); border-radius: 100%; }

.introduce-body .introduce-section.beta-process.type2 div { width: 538px; }

.introduce-body .introduce-section.betagz-info { margin-bottom: 80px; }

.introduce-body .introduce-section.betagz-info i { vertical-align: top; flex: 0 auto; }

.introduce-body .introduce-section.betagz-info .benefits-cont { border-radius: 20px; background: #130F4D; padding: 45px 50px; display: flex; align-items: center; }

.introduce-body .introduce-section.betagz-info .benefits-cont ul { padding-top: 5px; }

.introduce-body .introduce-section.betagz-info .benefits-cont ul li { position: relative; color: rgba(255, 255, 255, 0.9); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ margin-top: 5px; padding-left: 12px; }

.introduce-body .introduce-section.betagz-info .benefits-cont ul li:after { position: absolute; top: 8.5px; left: 0px; content: ''; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.5); border-radius: 100%; }

.introduce-body .introduce-section.betagz-info .benefits-cont ul li:first-child { margin-top: 0px; }

.introduce-body .introduce-section.betagz-info .faq-cont { border-radius: 20px; background: #130F4D; padding: 50px 50px; margin-top: 20px; display: flex; align-items: center; }

.introduce-body .introduce-section.betagz-info .faq-cont ul li { color: rgba(255, 255, 255, 0.9); font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; }

.introduce-body .introduce-section.betagz-info .inner { display: flex; justify-content: space-between; flex: 1; padding-left: 35px; align-items: center; }

.introduce-body .introduce-section.betagz-info .inner p { color: #ffffff; font-size: 21px; font-style: normal; font-weight: 700; line-height: 27px; /* 128.571% */ margin-bottom: 10px; }

.introduce-body .introduce-section.betaindie-info { margin-top: 70px; margin-bottom: 95px; }

.introduce-body .introduce-section.betaindie-info i { vertical-align: top; flex: 0 auto; }

.introduce-body .introduce-section.betaindie-info .content { border-radius: 20px; background: #130F4D; padding: 50px; display: flex; align-items: center; margin-bottom: 20px; }

.introduce-body .introduce-section.betaindie-info .content ul li { position: relative; color: rgba(255, 255, 255, 0.9); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ }

.introduce-body .introduce-section.betaindie-info .inner { display: flex; justify-content: space-between; flex: 1; padding-left: 35px; align-items: center; }

.introduce-body .introduce-section.betaindie-info .inner p { color: #ffffff; font-size: 21px; font-style: normal; font-weight: 700; line-height: 27px; /* 128.571% */ margin-bottom: 10px; }

.introduce-body .introduce-section.beta-start { border-radius: 20px; background: #4F4BD1 url("../img/ad_intro_icon_bg_beta.png") no-repeat right 0; background-size: 283px 246px; padding: 50px 70px; box-sizing: border-box; }

.introduce-body .introduce-section.beta-start .title { font-size: 26px; line-height: 35px; color: #ffffff; font-weight: 700; margin-bottom: 30px; }

.introduce-body .introduce-section.beta-start .title .sub-title { font-size: 15px; line-height: 21px; color: rgba(255, 255, 255, 0.9); font-weight: 400; margin-top: 10px; }

/* //소개화면 End */
.landing-area { padding: 100px 0; min-height: calc(100vh - 300px); height: calc(100vh  - 300px); }

.landing-area.sub { padding: 100px 0; min-height: calc(100vh - 250px - 300px); height: calc(100vh - 250px - 300px); }

.landing-area.error { padding: 100px 0; min-height: calc(100vh - 200px); height: calc(100vh - 200px); }

.landing-area.error i { margin-bottom: 20px; }

.landing-area.error h2 { color: #000000; text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; /* 130% */ margin-bottom: 10px; }

.landing-area.error p { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ }

.landing-area.error .error-kr { margin-bottom: 40px; }

.landing-area.error .error-en { margin-bottom: 40px; }

.landing-area.system { padding: 100px 0; min-height: calc(100vh - 200px); height: calc(100vh - 200px); }

.landing-area.system i { margin-bottom: 30px; }

.landing-area.system h2 { color: #000000; text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; /* 130% */ margin-bottom: 10px; }

.landing-area.system p { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; /* 140% */ }

.landing-area.system .error-kr { margin-bottom: 40px; }

.landing-area.system .error-en { margin-bottom: 40px; }

.landing-area.system .schedule { width: 580px; padding: 30px 0px; text-align: center; border-radius: 10px; background: #F7F7F7; margin-top: 30px; }

.landing-area.system .schedule span { color: #181818; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; /* 140% */ }

.landing-area.system .schedule span:last-child { color: #000000; font-size: 15px; font-style: normal; font-weight: 700; line-height: 21px; /* 140% */ padding-left: 10px; }

.landing-area.system.sub { min-height: calc(100vh - 280px) !important; height: auto !important; padding: 0px !important; }

.landing-area .cont-inner { text-align: center; }

.landing-area.member-join-error { min-height: calc(100vh - 80px - 130px); height: auto; padding: 80px 0 0; }

.landing-area.member-join-error h2 { color: #000000; text-align: center; font-size: 20px; font-weight: 700; line-height: 26px; /* 130% */ margin: 20px 0px 10px; }

.landing-area.member-join-error p { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-weight: 400; line-height: 21px; /* 140% */ }

.login-area { padding: 100px 0 100px 0; min-height: calc(100vh - 300px); height: calc(100vh  - 300px); }

.login-area .cont-inner .text-2outh { margin: 30px 0 0 -54px; font-size: 18px; text-align: center; }

.login-area .cont-inner.w400 { max-width: 400px; }

.login-area .cont-inner h2 { font-size: 40px; font-weight: 200; text-align: center; }

.login-area .cont-inner .form { margin: 40px 0 20px 0; }

.login-area .cont-inner .form.w300 { width: 300px; margin: 40px auto 20px auto; }

.login-area .cont-inner .form .input { width: 300px; }

.login-area .cont-inner .form .info-text { position: relative; padding-left: 27px; font-size: 12px; color: #e9464a; }

.login-area .cont-inner .form .info-text:before { content: ''; position: absolute; top: 2px; left: 0; width: 17px; height: 17px; background: url(../img/ico_info_04.png) center no-repeat; }

.login-area .cont-inner .form .login-prevention { margin-bottom: 10px; }

.login-area .cont-inner .form .login-prevention .img { display: inline-block; margin-right: 5px; border-radius: 5px; vertical-align: middle; }

.login-area .cont-inner .form .login-prevention .img img { width: 168px; }

.login-area .cont-inner .form .input-group.phone .input input.w215 { width: 215px !important; }

.login-area .cont-inner .form .input-group.phone .input .select-group { display: inline-block; min-width: 80px; width: 80px; background-color: #fff; vertical-align: middle; }

.login-area .cont-inner .form .input-group.phone .input .select-group + .select-group { margin-left: 3px; }

.login-area .cont-inner .form .input-group.phone .input .input-gubun { display: inline-block; margin: 0 2px; color: #919191; vertical-align: middle; }

.login-area .cont-inner .form .input-group.phone .input .input-g3 { display: inline-block; width: 80px; }

.login-area .cont-inner .form .input-group.phone .input .input-g4 { display: inline-block; margin-right: 3px; width: 80px; }

.login-area .cont-inner .form .input-group.phone .phone-confirm { margin-top: 10px; }

.login-area .cont-inner .form .input-group.phone .phone-confirm .input-g1 { margin-right: 15px; font-size: 15px; }

.login-area .cont-inner .form .input-group.phone .phone-confirm .input-g2 { position: relative; }

.login-area .cont-inner .form .input-group.phone .phone-confirm .input-g2 input { padding-right: 50px; width: 200px; }

.login-area .cont-inner .form .input-group.phone .phone-confirm .input-g2 .text-sec { position: absolute; top: 5px; right: 15px; color: #e9464a; font-size: 12px; }

.login-area .cont-inner .form .input-group.phone .phone-confirm .input-g2 + button { margin-left: 3px; }

.login-area .cont-inner .form .input-group.phone .input-foreign .input-g1 { display: inline-block; margin-right: 3px; background-color: #fff; vertical-align: middle; }

.login-area .cont-inner .form .input-group.phone .input-foreign .input-g2 { display: inline-block; width: 200px; }

.login-area .cont-inner .form .input-group.phone .input-foreign .button { margin-left: 3px; }

.login-area .cont-inner .form .input-group + .input-group { margin-top: 10px; }

.login-area .cont-inner .form .checkbox { margin-top: 12px; }

.login-area .cont-inner .login-list { margin-top: 20px; text-align: center; }

.login-area .cont-inner .login-list li { display: inline-block; position: relative; margin: 0 10px; }

.login-area .cont-inner .login-list li:before { content: ''; display: inline-block; position: absolute; top: 7px; left: -10px; width: 1px; height: 15px; background-color: #dedede; }

.login-area .cont-inner .login-list li:first-child { margin-left: 0; }

.login-area .cont-inner .login-list li:first-child:before { display: none; }

.login-area .cont-inner .login-list li:last-child { margin-right: 0; }

.login-area .cont-inner .login-list li a { display: inline-block; color: #919191; font-size: 14px; }

.login-area .cont-inner .bg-box { padding: 15px 20px; font-size: 13px; box-sizing: border-box; border-radius: 5px; background-color: #f7f7f7; }

.login-area .cont-inner .bg-box02 { padding: 40px 35px; font-size: 15px; text-align: center; box-sizing: border-box; border-radius: 5px; background-color: #f7f7f7; }

.login-wrap { min-height: calc(100vh - 140px - 190px); height: auto; padding: 140px 0 60px 0; }

.login-wrap.lock .cont-inner { min-height: 720px; height: auto; max-width: 560px; }

.login-wrap.lock .cont-inner .lock-message { display: flex; align-items: center; border-radius: 10px; background: #F7F7F7; padding: 15px 20px; color: #181818; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 20px; }

.login-wrap.lock .cont-inner .lock-message i { margin-right: 15px; }

.login-wrap.lock .cont-inner .lock-message div { flex: 1; }

.login-wrap.lock .cont-inner .sub-title { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-weight: 400; line-height: 21px; margin-top: 10px; margin-bottom: 30px; }

.login-wrap.lock .email-2outh { text-align: center; margin-bottom: 25px; }

.login-wrap.lock .email-2outh .email-text { border-radius: 10px; background: #F7F7F7; width: 410px; padding: 30px; box-sizing: border-box; color: rgba(24, 24, 24, 0.9); font-size: 15px; font-weight: 400; line-height: 21px; margin-top: 15px; }

.login-wrap.lock .email-2outh .email-text .email { color: #000000; font-size: 15px; font-weight: 700; line-height: 21px; margin-left: 15px; }

.login-wrap.lock .email-confirm { display: flex; align-items: center; justify-content: space-between; }

.login-wrap.lock .email-confirm .input-g2 { flex: 1 1; }

.login-wrap.lock .email-confirm .confirmInput { width: 100% !important; padding: 0 15px !important; }

.login-wrap.lock .email-confirm .text-sec { top: 50% !important; right: 10px !important; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.login-wrap.lock .email-confirm .button.basic { flex: 0 0 auto; width: auto; height: 45px; margin-left: 5px !important; min-width: 110px; }

.login-wrap .cont-inner { height: 510px; padding: 50px 75px 0px 75px; border-radius: 15px; border: 1px solid rgba(145, 145, 145, 0.2); background: #ffffff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03); box-sizing: border-box; }

.login-wrap .cont-inner h2 { color: #000000; font-size: 30px; font-style: normal; font-weight: 700; line-height: 43px; }

.login-wrap .cont-inner .form { margin-top: 30px; }

.login-wrap .cont-inner .form .input-group .input { position: relative; width: 100%; }

.login-wrap .cont-inner .form .input-group .input i { position: absolute; top: 50%; left: 15px; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.login-wrap .cont-inner .form .input-group .input i.icon-error { right: 10px; left: unset; }

.login-wrap .cont-inner .form .input-group .input.capcha input { padding-left: 15px; }

.login-wrap .cont-inner .form .input-group input { padding-left: 42px; height: 45px; border-radius: 3px; border: 1px solid rgba(145, 145, 145, 0.5); font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ width: 410px; }

.login-wrap .cont-inner .form .input-group input::-webkit-input-placeholder { color: #919191; font-size: 14px; }

.login-wrap .cont-inner .form .input-group input:-ms-input-placeholder { color: #919191; font-size: 14px; }

.login-wrap .cont-inner .form .input-group input::placeholder { color: #919191; font-size: 14px; opacity: 1; }

.login-wrap .cont-inner .form .input-group input:focus ~ i.icon-login01 { background-position: -957px -445px; }

.login-wrap .cont-inner .form .input-group input:focus ~ i.icon-login02 { background-position: -980px -445px; }

.login-wrap .cont-inner .message { color: #E9464A; font-size: 13px; font-weight: 400; line-height: 19px; /* 146.154% */ margin-left: 15px; margin-top: 10px; }

.login-wrap .cont-inner .login-prevention { display: flex; align-items: center; font-size: 0; letter-spacing: 0; }

.login-wrap .cont-inner .login-prevention .img { margin-right: 10px !important; vertical-align: top; border-radius: 4px !important; }

.login-wrap .cont-inner .login-prevention .img img { width: 220px !important; vertical-align: top; }

.login-wrap .cont-inner .login-prevention .button { width: 180px; height: 45px; line-height: 45px; color: #181818; text-align: center; font-size: 14px; font-weight: 400; }

.login-errorWrap { min-height: calc(100vh - 80px - 130px); height: auto; padding: 80px 0 0; }

.login-errorWrap .cont-inner h2 { color: #000000; text-align: center; font-size: 20px; font-weight: 700; line-height: 26px; margin-top: 20px; }

.login-errorWrap .cont-inner p { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-weight: 400; line-height: 21px; margin-top: 10px; }

.login-errorWrap .cont-inner .email-text { border-radius: 10px; background: #F7F7F7; width: 500px; padding: 30px; box-sizing: border-box; color: rgba(24, 24, 24, 0.9); font-size: 15px; font-weight: 400; line-height: 21px; margin-top: 30px; }

.login-errorWrap .cont-inner .email-text .email { color: #000000; font-size: 15px; font-weight: 700; line-height: 21px; margin-left: 15px; }

@media only screen and (max-height: 670px) { .login-area, .landing-area, .landing-area.error { height: auto; } }

@media only screen and (max-height: 940px) { .landing-area.sub { height: auto; } }

.password-changeWrap { min-height: calc(100vh - 140px - 190px); height: auto; }

.password-changeWrap h2 { color: #000000; text-align: center; font-size: 30px; font-weight: 700; line-height: 43px; }

.password-changeWrap .password-info-text { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-weight: 400; line-height: 21px; margin: 0px 0px 40px; }

.password-changeWrap .member-join-top .bg-box { border-radius: 15px; background: #F7F7F7 !important; padding: 30px !important; }

.password-changeWrap .member-join-top .bg-box li { color: #181818; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ }

.password-changeWrap .member-join-top .bg-box li:first-child { margin-bottom: 5px; }

.password-changeWrap .member-join-top .bg-box li:before { content: '-'; position: absolute; top: 0; left: 0; color: #181818 !important; font-size: 14px !important; }

.password-changeWrap .check-area .message { display: block !important; }

/*member*/
.member-info-regist { margin-bottom: 55px; }

.member-info-regist.find-pw table { border-bottom: 1px solid rgba(145, 145, 145, 0.3); }

.member-info-regist.find-pw table .text-sec { top: 50% !important; right: 10px !important; transform: translate3d(0%, -50%, 0); }

.member-info-regist .text-regist { position: relative; padding-bottom: 10px; border-bottom: 1px solid rgba(145, 145, 145, 0.8); }

.member-info-regist .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.member-info-regist .text-regist .desc-regist { display: inline-block; position: absolute; top: 0; right: 0; padding-left: 10px; color: #919191; font-size: 14px; }

.member-info-regist .text-regist .desc-regist:before { content: ''; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.member-info-regist .text-regist .desc-line { position: relative; display: inline-block; padding-left: 15px; color: #919191; font-size: 15px; }

.member-info-regist .text-regist .desc-line:before { content: ''; display: inline-block; position: absolute; top: 1px; left: 6px; width: 1px; height: 20px; background-color: rgba(145, 145, 145, 0.6); }

.member-info-regist .text-regist .link { position: absolute; top: 9px; right: 0; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.member-info-regist .input { display: inline-block; position: relative; }

.member-info-regist .input .ico { display: inline-block; position: absolute; top: 9px; right: 10px; width: 17px; height: 17px; text-indent: -999em; background: url("../img/ico_chk_01.png") center no-repeat; background-size: 17px; }

.member-info-regist .input .ico.error { background: url("../img/ico_info_04.png") center no-repeat; background-size: 17px; }

.member-info-regist .w620 { display: inline-block; max-width: 620px !important; }

.member-info-regist .w575 { display: inline-block; min-width: 575px !important; width: 80% !important; }

.member-info-regist .w350 { display: inline-block; min-width: 350px !important; width: 350px !important; }

.member-info-regist .w575 { display: inline-block; min-width: 575px !important; width: 575px !important; }

.member-info-regist .w435 { display: inline-block; min-width: 435px !important; width: 435px !important; }

.member-info-regist .w405 { display: inline-block; min-width: 405px !important; width: 405px !important; }

.member-info-regist .w200 { display: inline-block; min-width: 200px !important; width: 200px !important; }

.member-info-regist .w147 { display: inline-block; min-width: 147px !important; width: 147px !important; }

.member-info-regist .w150 { display: inline-block; min-width: 150px !important; width: 150px !important; }

.member-info-regist .w105 { display: inline-block; min-width: 105px !important; }

.member-info-regist .wFull { width: 100%; }

.member-info-regist .check-area .ico, .member-info-regist .check-area .ico.error { display: none; }

.member-info-regist .check-area .message { display: inline-block; }

.member-info-regist .check-area.state-y .ico { display: block; }

.member-info-regist .check-area.state-y .ico.error { display: none; }

.member-info-regist .check-area.state-y .input input { padding-right: 30px; }

.member-info-regist .check-area.state-n .ico { display: none; }

.member-info-regist .check-area.state-n .ico.error { display: block; }

.member-info-regist .check-area.state-n .input input { padding-right: 30px; }

.member-info-regist .input-group.email .input-g1 { display: inline-block; width: 150px; }

.member-info-regist .input-group.email .input-g1.w125 { width: 125px; }

.member-info-regist .input-group.email .input-g2 { display: inline-block; margin: 0 2px; font-size: 15px; }

.member-info-regist .input-group.email .input-g3 { display: inline-block; width: 200px; }

.member-info-regist .input-group.email .input-g4 { display: inline-block; margin-left: 5px; width: 150px; vertical-align: middle; background-color: #fff; }

.member-info-regist .input-group.outh .checkbox + .checkbox { margin-left: 30px; }

.member-info-regist .input-group.outh .checkbox label:before { background-color: #fff; }

.member-info-regist .input-group .button { font-size: 14px; background-color: #fff; }

.member-info-regist .input-group .selectric .button:after { background-color: #fff; }

.member-info-regist .input-group.phone .input .select-group { display: inline-block; min-width: 80px; width: 80px; background-color: #fff; vertical-align: middle; }

.member-info-regist .input-group.phone .input .select-group + .select-group { margin-left: 3px; }

.member-info-regist .input-group.phone .input .input-gubun { display: inline-block; margin: 0 2px; color: #919191; vertical-align: middle; }

.member-info-regist .input-group.phone .input .input-g3 { display: inline-block; width: 80px; }

.member-info-regist .input-group.phone .input .input-g4 { display: inline-block; margin-right: 3px; width: 80px; }

.member-info-regist .input-group.phone .input .ui.button { vertical-align: middle; }

.member-info-regist .input-group.phone .input-phone-view { position: relative; }

.member-info-regist .input-group.phone .input-phone-view.join .phone-confirm .input-g1 { position: absolute; top: 15px; left: -180px; }

.member-info-regist .input-group.phone .phone-confirm { margin-top: 10px; }

.member-info-regist .input-group.phone .phone-confirm .input-g1 { margin-right: 15px; font-size: 15px; }

.member-info-regist .input-group.phone .phone-confirm .input-g2 { position: relative; }

.member-info-regist .input-group.phone .phone-confirm .input-g2 input { padding-right: 50px !important; width: 200px; }

.member-info-regist .input-group.phone .phone-confirm .input-g2 .text-sec { position: absolute; top: 5px; right: 15px; color: #e9464a; font-size: 12px; }

.member-info-regist .input-group.phone .input-foreign.abroad .input-g1 { flex: 0 0 auto; min-width: auto !important; }

.member-info-regist .input-group.phone .input-foreign.abroad .input-g2 { flex: 1 1; min-width: auto !important; }

.member-info-regist .input-group.phone .input-foreign.abroad .input-g3 { flex: 0 0 auto; min-width: auto !important; }

.member-info-regist .input-group.phone .input-foreign .input-g1 { display: inline-block; margin-right: 5px; min-width: 165px; background-color: #fff; vertical-align: middle; }

.member-info-regist .input-group.phone .input-foreign .input-g2 { display: inline-block; width: 200px; }

.member-info-regist .input-group.phone .input-foreign .button { margin-left: 5px; vertical-align: middle; }

.member-info-regist .input-group.capture .input .input-g1 { display: inline-block; width: 168px; }

.member-info-regist .input-group.capture .input .input-g1.w295 { width: 295px; }

.member-info-regist .input-group.address .input-g1 { display: inline-block; width: 123px; vertical-align: middle; }

.member-info-regist .input-group.address .ui.button { vertical-align: middle; }

.member-info-regist .input-group.address .input-g2, .member-info-regist .input-group.address .input-g3 { margin-top: 10px; width: 350px; }

.member-info-regist .input-group.birth .gubun { display: inline-block; margin: 0 5px; font-size: 15px; }

.member-info-regist .input-group.birth .input-g1 { display: inline-block; width: 150px; vertical-align: middle; }

.member-info-regist .input-group.birth .input-g1.w125 { width: 125px; min-width: auto; }

.member-info-regist .input-group.birth .input-g2, .member-info-regist .input-group.birth .input-g3 { display: inline-block; min-width: 80px; width: 80px; vertical-align: middle; }

.member-info-regist .input-group.business-num .input-g1, .member-info-regist .input-group.business-num .input-g2, .member-info-regist .input-group.business-num .input-g3 { display: inline-block; width: 80px; }

.member-info-regist .input-group.business-num .gubun { display: inline-block; margin: 0 5px; color: #919191; }

.member-info-regist .input-group.company-num .input-g1, .member-info-regist .input-group.company-num .input-g2 { display: inline-block; }

.member-info-regist .input-group.company-num .gubun { padding: 0 3px; }

.member-info-regist .input-group.company-num .gubun-num { display: inline-block; padding: 0 5px; color: #919191; vertical-align: top; }

.member-info-regist .input-group.account .input-g1 .select-group { display: inline-block; vertical-align: middle; }

.member-info-regist .input-group.account .input-g1 .account-user { margin-left: 5px; min-width: 365px; width: 365px; }

.member-info-regist .input-group.account .input-g2 { margin-top: 10px; }

.member-info-regist .input-group.account .input-g2 .bank-auth { display: inline-block; margin-left: 5px; }

.member-info-regist .input-group.account .input-g2 .bank-auth .ui.button { margin-left: 3px; vertical-align: middle; }

.member-info-regist .input-group.account .input-g3 { margin-top: 10px; }

.member-info-regist .input-group.account .input-g3 div.file { display: inline-block; min-width: 433px; width: 433px; }

.member-info-regist .input-group.account .text-account { display: inline-block; padding-right: 30px; }

.member-info-regist .input-group .business-type li { margin-top: 10px; }

.member-info-regist .input-group .business-type li:first-child { margin-top: 0px; }

.member-info-regist .input-group .text-line { position: relative; display: inline-block; padding-left: 16px; min-width: 132px; min-height: 17px; word-break: break-all; }

.member-info-regist .input-group .text-line:before { content: ''; display: inline-block; position: absolute; top: 4px; left: 6px; width: 1px; height: 15px; background-color: #dedede; }

.member-info-regist .account-info .account-tit { white-space: nowrap; padding-right: 10px; }

.member-info-regist .account-info .account-input-list li { margin-top: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; }

.member-info-regist .account-info .account-input-list li:first-child { margin-top: 0px; }

.member-info-regist .account-info .account-input-list .tit { white-space: nowrap; padding-right: 10px; }

.member-info-regist .account-info .account-bank-info ul { margin-top: 5px; }

.member-info-regist .account-info .account-bank-info ul li { color: rgba(24, 24, 24, 0.9); font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; /* 146.154% */ margin-top: 3px; }

.member-info-regist .account-info .account-bank-info ul li:first-child { margin-top: 0px; }

.member-info-regist .account-info .account-bank-info ul li .date { position: relative; padding-right: 10px; margin-right: 10px; }

.member-info-regist .account-info .account-bank-info ul li .date::after { content: ''; width: 1px; height: 16px; position: absolute; top: 50%; right: 0; background: rgba(145, 145, 145, 0.3); -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.member-info-regist .account-info .bank-name { padding-right: 10px; }

.member-info-regist .account-info .account-notice { border-radius: 3px; background: #F7F7F7; padding: 20px; font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; /* 146.154% */ margin-top: 15px; }

.member-info-regist .ui.form .file label { font-size: 14px; }

.member-info-regist .ui.form .label label.comment { display: inline-block; word-break: break-all; position: relative; padding-left: 19px; }

.member-info-regist .ui.form .label label.comment:before { content: ''; display: inline-block; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; background: url(../img/img_reply.png) center no-repeat; }

.member-info-regist .ui.form tr th { height: 65px; }

.member-info-regist .ui.form tr th.h55 { height: 55px; }

.member-info-regist .ui.form tr th.h-auto { height: auto; }

.member-info-regist .ui.form tr td { font-size: 15px; word-break: break-all; }

.member-info-regist .ui.form tr td div { word-break: break-all; }

.member-info-regist .ui.form tr td .word-break-normal { word-break: normal; }

.member-info-regist .ui.form.table-type.agree tr { border-bottom: 1px solid #e1e1e1; }

.member-info-regist .ui.form.table-type.agree tr th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; height: auto; vertical-align: middle; }

.member-info-regist .ui.form.table-type.agree tr td { padding: 15px 0; font-size: 13px; height: auto; text-align: center; vertical-align: middle; }

.member-info-regist .ui.form.table-type.type1 tr { border-bottom: 1px solid #e1e1e1; }

.member-info-regist .ui.form.table-type.type1 th { padding: 0 5px; height: 40px; font-size: 13px; font-weight: 500; text-align: center; vertical-align: middle; }

.member-info-regist .ui.form.table-type.type1 td { padding: 5px; height: 40px; font-size: 12px; text-align: center; vertical-align: middle; }

.member-info-regist .ui.form.table-type.type1 .ui.button { min-width: 70px; }

.member-info-regist .ui.form.table-type.type1.td-h50 td { height: 50px; }

.member-info-regist .ui.form .mail-order { position: relative; padding-top: 15px; }

.member-info-regist .ui.form .mail-order .label-mail { position: absolute; top: 18px; left: -173px; font-size: 15px; }

.member-info-regist .ui.form .mail-order + .mail-order { padding-top: 10px; }

.member-info-regist .ui.form .mail-regist-list { margin-top: -15px; padding-top: 10px; }

.member-info-regist .ui.form .mail-regist-list .radio { display: inline-block; width: 154px; margin-top: 15px; }

.member-info-regist .input-phone-view .label-phone { display: inline-block; position: relative; color: #181818; font-size: 14px; padding-left: 5px; width: 170px; box-sizing: border-box; }

.member-info-regist .input-phone-view .phone-confirm { display: inline-block; }

.member-info-regist .input-phone-view .phone-confirm .ui.button { margin-left: 3px; vertical-align: middle; }

.member-info-regist .ui.form .input-group > .label > label, .member-info-regist .ui.form .text-group > .label > label { font-size: 15px; }

.member-info-regist .text-group textarea { height: 80px; background-color: #fff; }

.member-info-regist .auto-link { margin-left: 5px; font-size: 12px; color: #0959fa; text-decoration: underline; text-underline-position: under; vertical-align: 1px; }

.member-info-regist .auto-close { display: inline-block; margin-left: 5px; vertical-align: 1px; text-indent: -999em; width: 15px; height: 25px; background: url(../img/img_close_03.png) center no-repeat; }

.member-info-regist .phone-agency { display: inline-block; min-width: 54px; }

.member-info-regist .question-box { border-radius: 15px; background: #F7F7F7; padding: 30px 40px 35px 40px; box-sizing: border-box; }

.member-info-regist .question-box p { color: #181818; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; /* 142.857% */ margin-bottom: 15px; }

.member-info-regist .question-box input { border-radius: 3px; border: 1px solid rgba(145, 145, 145, 0.5); background: #ffffff; }

.member-info-regist.temporary .temporary-cont h3 { color: #000000; text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; /* 130% */ margin-top: 20px; margin-bottom: 10px; }

.member-info-regist.temporary .temporary-cont p { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; /* 140% */ }

.member-info-regist.temporary .bg-box { border-radius: 15px; background: #F7F7F7 !important; padding: 30px !important; }

.member-info-regist.temporary .bg-box li { color: #181818; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ }

.member-info-regist.temporary .bg-box li:first-child { margin-bottom: 5px; }

.member-info-regist.temporary .bg-box li:before { content: '-'; position: absolute; top: 0; left: 0; color: #181818 !important; font-size: 14px !important; }

.member-info-regist.temporary .check-area .message { display: block !important; }

.member-center-area.flex { min-height: calc(100vh - 250px - 100px); height: calc(100vh - 250px - 100px); align-items: center; justify-content: center; }

.member-center-area .desc-center { font-size: 18px; font-weight: 300; text-align: center; }

.member-center-area .desc-center.normal { font-weight: 400; word-break: break-all; }

.member-center-area .ui.form { width: 420px; margin: 0 auto; }

.member-center-area .ui.form .input-group > .label { display: inline-block; padding-left: 0; width: 65px; padding-top: 12px; vertical-align: middle; }

.member-center-area .ui.form .input-group > .label label { font-size: 13px; }

.member-center-area .ui.form .input-group .input { display: inline-block; padding: 15px 0; width: calc(100% - 70px); font-size: 15px; vertical-align: middle; word-break: break-all; }

.member-center-area .ui.form .button-area { margin-top: 45px; text-align: center; }

.member-center-area.password-change { margin-top: 80px; }

.member-center-area.password-change .ui.form .input-group > .label { padding: 5px; width: 108px; }

.member-center-area.password-change .ui.form .input-group > .label > label { font-size: 13px; }

.member-center-area.password-change .ui.form .input { padding: 5px 0; width: 300px; }

.member-center-area.email-change { margin-top: 80px; }

.member-center-area.email-change .ui.form { width: 708px; }

.member-center-area.email-change .ui.form .input-group > .label { padding-top: 12px; width: 150px; word-break: break-all; }

.member-center-area.email-change .ui.form .input-group > .label > label { font-size: 13px; }

.member-center-area.email-change .ui.form .input-group.email .input-g1 { width: 125px; }

.member-center-area.email-change .ui.form .input-group.email .input-g3 { width: 195px; }

.member-center-area.email-change .ui.form .input { padding: 5px 0; width: auto; max-width: 504px; min-width: 200px; }

@media only screen and (max-height: 680px) { .member-center-area.flex { height: auto; } }

.member-join-wrap { min-width: 820px; width: 820px; margin: 0 auto; padding-top: 140px; padding-bottom: 70px; min-height: calc(100vh - 140px - 200px); }

.member-join-wrap .button-area { text-align: center; font-size: 0; }

.member-join-wrap .link { color: #0959fa; font-size: 12px; line-height: 17px; text-decoration: underline; text-underline-position: under; }

.member-join-wrap .link.right { display: block; text-align: right; }

.member-join-wrap .title-join { font-size: 40px; font-weight: 200; text-align: center; }

.member-join-wrap .join-title { color: #000000; text-align: center; font-size: 30px; font-weight: 700; line-height: 43px; }

.member-join-wrap .member-join-step { margin: 30px 0px 40px; }

.member-join-wrap .member-join-step ul { display: flex; justify-content: center; text-align: center; }

.member-join-wrap .member-join-step ul li { position: relative; width: 130px; color: rgba(24, 24, 24, 0.5); text-align: center; font-size: 13px; font-weight: 400; line-height: 19px; }

.member-join-wrap .member-join-step ul li.select { color: #181818; text-align: center; font-size: 13px; font-weight: 700; line-height: 19px; }

.member-join-wrap .member-join-step ul li.select .iconBox { background: #0A132B; }

.member-join-wrap .member-join-step ul li.check i { background-position: -33px -377px; }

.member-join-wrap .member-join-step ul li .iconBox { display: flex; width: 50px; height: 50px; padding: 10px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 11px; background: #F7F7F7; box-sizing: border-box; margin: 0 auto 10px; }

.member-join-wrap .member-join-step ul li + li:before { content: ''; display: inline-block; position: absolute; top: 26px; left: -32px; width: 64px; height: 2px; border-radius: 2px; background: rgba(192, 192, 200, 0.35); }

.member-join-wrap .member-join-top { margin: 40px 0 30px 0; }

.member-join-wrap .member-join-top .step-list { text-align: center; }

.member-join-wrap .member-join-top .step-list li { display: inline-block; position: relative; }

.member-join-wrap .member-join-top .step-list li + li { margin-left: 79px; }

.member-join-wrap .member-join-top .step-list li + li:before { content: ''; display: inline-block; position: absolute; top: 50%; left: -45px; transform: translateY(-50%); width: 10px; height: 20px; background: url(../img/img_arrow_right_03.png) center no-repeat; }

.member-join-wrap .member-join-top .step-list li .cont-inner { position: relative; text-align: center; }

.member-join-wrap .member-join-top .step-list li .cont-inner .ico { display: inline-block; display: none; width: 130px; height: 130px; text-indent: -999em; }

.member-join-wrap .member-join-top .step-list li .cont-inner .ico.step01 { background: url("../img/img_join_step01.png") center no-repeat; }

.member-join-wrap .member-join-top .step-list li .cont-inner .ico.step02 { background: url("../img/img_join_step02.png") center no-repeat; }

.member-join-wrap .member-join-top .step-list li .cont-inner .ico.step03 { background: url("../img/img_join_step03.png") center no-repeat; }

.member-join-wrap .member-join-top .step-list li .cont-inner .text-area { color: #919191; }

.member-join-wrap .member-join-top .step-list li .cont-inner .text-area .title-step { font-size: 18px; line-height: 1.1; }

.member-join-wrap .member-join-top .step-list li .cont-inner .text-area .desc-step { font-size: 18px; }

.member-join-wrap .member-join-top .step-list li.on .cont-inner .ico.step01 { background: url("../img/img_join_step01_on.png") center no-repeat; }

.member-join-wrap .member-join-top .step-list li.on .cont-inner .ico.step02 { background: url("../img/img_join_step02_on.png") center no-repeat; }

.member-join-wrap .member-join-top .step-list li.on .cont-inner .ico.step03 { background: url("../img/img_join_step03_on.png") center no-repeat; }

.member-join-wrap .member-join-top .step-list li.on .cont-inner .ico.step03.on-check { background: url("../img/img_member_step03_on.png") center no-repeat; }

.member-join-wrap .member-join-top .step-list li.on .cont-inner .text-area { color: #181818; }

.member-join-wrap .member-join-top .step-list li.on .cont-inner .text-area .title-step { font-weight: 700; }

.member-join-wrap .member-join-top.password { margin: 40px 0 30px 0; }

.member-join-wrap .member-join-top .list-type li { position: relative; padding-left: 10px; }

.member-join-wrap .member-join-top .list-type li:before { content: '-'; position: absolute; top: 0; left: 0; color: #919191; font-size: 15px; }

.member-join-wrap .member-join-top .bg-box { padding: 40px; background-color: #fbfbfb; }

.member-join-wrap .member-content { border-radius: 15px; border: 1px solid rgba(145, 145, 145, 0.2); padding: 35px 40px 40px 40px; box-sizing: border-box; }

.member-join-wrap .member-content h2 { color: #000000; font-size: 20px; font-weight: 700; line-height: 26px; }

.member-join-wrap .member-content h3 { color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; margin-bottom: 30px; }

.member-join-wrap .button + .button { margin-left: 10px; }

.member-join-wrap .bg-box { background-color: #f7f7f7; border-radius: 5px; }

.member-join-wrap .bg-box.pd50 { padding: 50px; }

.member-join-wrap .bg-box.pd40 { padding: 40px; }

.member-join-wrap.step1 .allCheckWrap .checkbox label { padding-left: 38px; font-size: 15px; font-weight: 400; line-height: 21px; }

.member-join-wrap.step1 .select-allText { display: inline-block; }

.member-join-wrap.step1 .select-allText span { display: block; color: rgba(24, 24, 24, 0.9); font-size: 15px; font-weight: 400; line-height: 21px; }

.member-join-wrap.step1 .select-allText span:first-child { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 10px; }

.member-join-wrap.step1 .agree-list { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(145, 145, 145, 0.3); }

.member-join-wrap.step1 .agree-list li { position: relative; display: flex; justify-content: space-between; align-items: center; }

.member-join-wrap.step1 .agree-list li + li { margin-top: 12px; }

.member-join-wrap.step1.terms .agree-list { border-top: 0px; margin: 0; padding: 0; }

.member-join-wrap.step1.terms .agree-info-text { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-weight: 400; line-height: 21px; margin: 0px 0px 40px; }

.member-join-wrap.step1.terms .member-join-top .bg-box { border-radius: 15px; background: #F7F7F7 !important; padding: 30px !important; }

.member-join-wrap.step1.terms .member-join-top .bg-box li { color: #181818; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ }

.member-join-wrap.step1.terms .member-join-top .bg-box li:first-child { margin-bottom: 5px; }

.member-join-wrap.step1.terms .member-join-top .bg-box li:before { content: '-'; position: absolute; top: 0; left: 0; color: #181818 !important; font-size: 14px !important; }

.member-join-wrap.step1.terms .member-content { padding: 40px; }

.member-join-wrap.step3 .member-content .icon-member-joinIcon01 { margin-bottom: 20px; }

.member-join-wrap.step3 .member-content .sub-title { color: rgba(24, 24, 24, 0.9); font-size: 15px; font-weight: 400; line-height: 21px; margin-top: 10px; }

.member-join-wrap.step3 .member-content .mail-info-cot { border-radius: 15px; background: #F7F7F7; height: 95px; padding: 30px 40px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; margin: 30px 0px; }

.member-join-wrap.step3 .member-content .mail-info-cot span:first-child { text-align: right; color: rgba(24, 24, 24, 0.9); font-size: 15px; font-weight: 400; line-height: 21px; }

.member-join-wrap.step3 .member-content .mail-info-cot span:last-child { color: #000000; font-size: 15px; font-weight: 700; line-height: 21px; padding-left: 15px; }

.member-join-wrap.step3 .member-content .mail-info-sub { position: relative; display: flex; align-items: center; text-align: left; padding-top: 20px; border-top: 1px solid rgba(145, 145, 145, 0.2); color: var(--mono-0218181890, rgba(24, 24, 24, 0.9)); font-size: 15px; font-weight: 400; line-height: 21px; /* 140% */ padding-left: 28px; }

.member-join-wrap.step3 .member-content .mail-info-sub i { position: absolute; top: 21px; left: 0px; }

.member-join-wrap.step3 .member-content.payments h2 { margin: 20px 0px 10px; }

.member-join-wrap.step3 .member-content.payments span { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 15px; font-weight: 400; line-height: 21px; /* 140% */ }

.member-join-wrap.step3 .member-content.payments .info-text { display: inline-block; position: relative; margin-top: 10px; margin-bottom: 30px; color: rgba(24, 24, 24, 0.7); text-align: center; font-size: 14px; font-weight: 400; line-height: 20px; padding-left: 38px; }

.member-join-wrap.step3 .member-content.payments .info-text i { position: absolute; top: 50%; left: 10px; transform: translate3d(0%, -50%, 0); }

.member-join-wrap.step3 .bg-box.pd85 { padding: 85px 40px 100px 40px; }

.member-join-wrap.step3 .bg-box p, .member-join-wrap.step3 .bg-box span { word-break: break-all; }

.member-join-wrap.step3 .bg-box .email-list { border-top: 1px solid #e1e1e1; }

.member-join-wrap.step3 .bg-box .email-list > li { position: relative; padding: 0 250px 0 35px; font-size: 15px; border-bottom: 1px solid #e1e1e1; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form { position: relative; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form .title { display: inline-block; position: absolute; top: 20px; left: 0; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form .input-group { display: inline-block; margin-top: 15px; padding-left: 165px; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form .input-group.email .input-g1 { display: inline-block; width: 150px; background-color: #fff; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form .input-group.email .input-g2 { display: inline-block; margin: 0 2px; font-size: 15px; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form .input-group.email .input-g3 { display: inline-block; width: 200px; background-color: #fff; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form .input-group.email .input-g4 { display: inline-block; margin-left: 5px; width: 150px; vertical-align: middle; background-color: #fff; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form .input-group .input input { background-color: #fff; }

.member-join-wrap.step3 .bg-box .email-list > li .ui.form .input-group .input.w529 { width: 529px; }

.member-join-wrap.step3 .bg-box .email-list > li i { position: absolute; top: 0; left: 15px; font-style: normal; }

.member-join-wrap.step3 .bg-box .email-list > li a.button { position: absolute; top: 0; right: 0; min-width: 157px; }

.member-join-wrap.step3 .bg-box .email-list > li:first-child { padding-bottom: 25px; margin: 25px 0 0 0; }

.member-join-wrap.step3 .bg-box .email-list > li:nth-child(2) { padding-bottom: 20px; margin: 20px 0 0 0; }

.member-join-wrap.step3 .bg-box .email-list > li:nth-child(2) a.button { top: -8px; }

.member-join-wrap.step3 .bg-box .email-list > li:nth-child(3) { padding-bottom: 15px; margin: 15px 0 0 0; }

.member-join-wrap.step3 .bg-box .email-list > li:nth-child(3) i { top: 9px; }

.member-join-wrap.step3 .bg-box .email-list > li:nth-child(3) a.button { top: 6px; }

.member-join-wrap.step3 .quick-list { margin-left: -20px; }

.member-join-wrap.step3 .quick-list:after { content: ''; display: block; clear: both; }

.member-join-wrap.step3 .quick-list li { float: left; width: 50%; border-radius: 5px; }

.member-join-wrap.step3 .quick-list li .cont-inner { position: relative; margin-left: 20px; border: 1px solid #e1e1e1; border-radius: 5px; min-height: 185px; box-sizing: border-box; }

.member-join-wrap.step3 .quick-list li .cont-inner .img { position: absolute; top: 20px; left: 20px; }

.member-join-wrap.step3 .quick-list li .cont-inner .text-area { padding: 30px 0 0 130px; }

.member-join-wrap.step3 .quick-list li .cont-inner a.button { position: absolute; bottom: 20px; right: 20px; }

.member-join-wrap.step4 .member-content h2 { padding: 30px 0px; }

.member-join-wrap.step4 .content-inner { display: flex; justify-content: space-between; }

.member-join-wrap.step4 .content-inner div { width: 362.5px; border-radius: 15px; background: #F7F7F7; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.02); box-sizing: border-box; }

.member-join-wrap.step4 .content-inner div a { display: block; position: relative; padding: 18px 30px 18px 105px; }

.member-join-wrap.step4 .content-inner div i { position: absolute; top: 50%; left: 30px; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.member-join-wrap.step4 .content-inner div span { display: block; color: rgba(24, 24, 24, 0.9); font-size: 13px; font-weight: 400; line-height: 19px; }

.member-join-wrap.step4 .content-inner div span.title { margin-bottom: 6px; color: #000000; font-size: 16px; font-weight: 700; line-height: 22px; }

.member-infoText { position: relative; display: flex; padding: 20px; align-items: center; border-radius: 12px; background: #F7F7F7; font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); }

.member-infoText i { margin-right: 10px; }

.member-infoText .link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.reservation-guide-text { position: relative; display: flex; padding: 20px; align-items: center; border-radius: 8px; border: 1px solid #F1F1F1; background: #FBFBFB; font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); }

.reservation-guide-text i { margin-right: 10px; }

.reservation-guide-text .link { color: #0959FA; text-decoration: underline; text-underline-position: under; }

.member-checkBox { padding: 20px 30px; border-radius: 10px; background: #F7F7F7; }

.member-checkBox.emailForm { padding: 29px 30px; }

.member-checkBox .email-basic { display: flex; justify-content: space-between; align-items: center; }

.member-checkBox .email-basic .box01 { position: relative; padding-left: 60px; padding-right: 20px; }

.member-checkBox .email-basic .box01 i { position: absolute; top: 50%; left: 0; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.member-checkBox .email-basic .bg-white { width: 157px; }

.member-checkBox .ui.form { display: flex; align-items: center; }

.member-checkBox .ui.form .input-title { width: 135px; min-width: 135px; }

.member-checkBox .ui.form .input-group { border: 0px; }

.member-checkBox .ui.form .input-group.email .input { display: flex; justify-content: space-between; align-items: center; }

.member-checkBox .ui.form .input span { display: inline-block; }

.member-checkBox .ui.form .input input { background-color: #ffffff; }

.member-checkBox .ui.form .input .input-g1 { min-width: 150px; width: 150px; }

.member-checkBox .ui.form .input .input-g2 { min-width: 25px; text-align: center; }

.member-checkBox .ui.form .input .input-g3 { width: 370px; }

.member-checkBox .ui.form .input .input-g3.wFull { width: 100%; }

.member-checkBox .email-edit { padding-top: 25px; border-top: 1px solid rgba(145, 145, 145, 0.2); margin-top: 20px; }

.member-checkBox .email-edit p { display: flex; align-items: center; margin-bottom: 20px; color: rgba(24, 24, 24, 0.9); font-size: 13px; font-weight: 400; line-height: 19px; }

.member-checkBox .email-edit i { margin-right: 10px; }

.member-checkBox span { display: block; color: rgba(24, 24, 24, 0.9); font-size: 13px; line-height: 19px; }

.member-checkBox span.title { margin-bottom: 6px; color: #000000; font-size: 15px; font-weight: 700; line-height: 21px; }

.member-change-wrap { min-width: 930px; width: 930px; margin: 0 auto 0 auto; padding: 150px 0 100px 0; }

.member-change-wrap .button-area { text-align: center; }

.member-change-wrap .person-tab { width: 100%; height: 50px; border-bottom: 1px solid #a7a7a7; }

.member-change-wrap .person-tab:after { content: ''; display: block; clear: both; }

.member-change-wrap .person-tab li { position: relative; float: left; padding: 0 10px; min-width: 150px; line-height: 48px; margin-left: 2px; color: #919191; font-size: 16px; text-align: center; background-color: #fbfbfb; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer; }

.member-change-wrap .person-tab li .text-desc { display: none; position: absolute; top: 0; left: 160px; width: 550px; padding-left: 15px; font-size: 13px; text-align: left; word-break: break-all; line-height: initial; }

.member-change-wrap .person-tab li .text-desc:before { content: '※'; display: inline-block; position: absolute; top: 0; left: 0; }

.member-change-wrap .person-tab li .close { position: absolute; top: 12px; right: 4px; display: inline-block; width: 25px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.member-change-wrap .person-tab li.on { margin-bottom: -1px; background-color: transparent; border: 1px solid #a7a7a7; border-bottom: 1px solid #f5f5f5; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.member-change-wrap .person-tab li.on span { color: #181818; font-weight: 700; }

.member-change-wrap .person-tab li.on .text-desc { display: block; }

.member-change-wrap .person-tab li:first-child { margin-left: 0; }

.member-change-wrap .person-tab.tab-box { display: none; }

.member-change-wrap .link { color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.member-change-wrap .link.right { display: block; text-align: right; }

.member-change-wrap .title-change { font-size: 40px; font-weight: 200; text-align: center; }

.member-change-wrap .member-change-top { margin: 65px 0 60px 0; }

.member-change-wrap .member-change-top .step-list { text-align: center; }

.member-change-wrap .member-change-top .step-list li { display: inline-block; position: relative; }

.member-change-wrap .member-change-top .step-list li + li { margin-left: 79px; }

.member-change-wrap .member-change-top .step-list li + li:before { content: ''; display: inline-block; position: absolute; top: 51px; left: -45px; width: 10px; height: 20px; background: url(../img/img_arrow_right_03.png) center no-repeat; }

.member-change-wrap .member-change-top .step-list li .cont-inner { position: relative; text-align: center; }

.member-change-wrap .member-change-top .step-list li .cont-inner .ico { display: inline-block; width: 130px; height: 130px; text-indent: -999em; }

.member-change-wrap .member-change-top .step-list li .cont-inner .ico.step01 { background: url("../img/img_member_step01.png") center no-repeat; }

.member-change-wrap .member-change-top .step-list li .cont-inner .ico.step02 { background: url("../img/img_member_step02.png") center no-repeat; }

.member-change-wrap .member-change-top .step-list li .cont-inner .ico.step03 { background: url("../img/img_member_step03.png") center no-repeat; }

.member-change-wrap .member-change-top .step-list li .cont-inner .text-area { margin-top: 20px; color: #919191; }

.member-change-wrap .member-change-top .step-list li .cont-inner .text-area .title-step { font-size: 18px; line-height: 1.1; }

.member-change-wrap .member-change-top .step-list li .cont-inner .text-area .desc-step { font-size: 18px; }

.member-change-wrap .member-change-top .step-list li.on .cont-inner .ico.step01 { background: url("../img/img_member_step01_on.png") center no-repeat; }

.member-change-wrap .member-change-top .step-list li.on .cont-inner .ico.step02 { background: url("../img/img_member_step02_on.png") center no-repeat; }

.member-change-wrap .member-change-top .step-list li.on .cont-inner .ico.step03 { background: url("../img/img_member_step03_on.png") center no-repeat; }

.member-change-wrap .member-change-top .step-list li.on .cont-inner .text-area { color: #181818; }

.member-change-wrap .member-change-top .step-list li.on .cont-inner .text-area .title-step { font-weight: 700; }

.member-change-wrap .member-change-top.password { margin: 40px 0 30px 0; }

.member-change-wrap .member-change-top .list-type li { position: relative; padding-left: 10px; }

.member-change-wrap .member-change-top .list-type li:before { content: '-'; position: absolute; top: 0; left: 0; color: #919191; font-size: 15px; }

.member-change-wrap .member-change-top .bg-box { padding: 40px; background-color: #fbfbfb; }

.member-change-wrap .button + .button { margin-left: 5px; }

.member-change-wrap .bg-box { background-color: #f7f7f7; border-radius: 5px; }

.member-change-wrap .bg-box.pd50 { padding: 50px; }

.member-change-wrap .bg-box.pd40 { padding: 40px; }

.member-change-wrap .bg-box p, .member-change-wrap .bg-box span { word-break: break-all; }

.member-change-wrap .bg-box .style-list li { position: relative; padding-left: 15px; }

.member-change-wrap .bg-box .style-list li:before { content: '-'; position: absolute; top: 1px; left: 0; display: inline-block; }

.member-change-wrap.step1 .bg-box.pd85 { padding: 85px 40px 100px 40px; }

.member-change-wrap.step1 .quick-list { margin-left: -20px; }

.member-change-wrap.step1 .quick-list:after { content: ''; display: block; clear: both; }

.member-change-wrap.step1 .quick-list li { float: left; width: 50%; border-radius: 5px; }

.member-change-wrap.step1 .quick-list li .cont-inner { position: relative; margin-left: 20px; border: 1px solid #e1e1e1; border-radius: 5px; min-height: 185px; box-sizing: border-box; }

.member-change-wrap.step1 .quick-list li .cont-inner .img { position: absolute; top: 20px; left: 20px; }

.member-change-wrap.step1 .quick-list li .cont-inner .text-area { padding: 30px 10px 0 130px; }

.member-change-wrap.step1 .quick-list li .cont-inner a.button { position: absolute; bottom: 20px; right: 20px; }

.member-find-wrap { padding: 140px 0 70px 0; width: 820px; margin: 0 auto; }

.member-find-wrap.middle { min-height: calc(100vh - 140px - 200px); }

.member-find-wrap.middle.flex { width: auto; margin: 0; min-height: calc(100vh - 250px - 100px); height: calc(100vh - 250px - 100px); flex-direction: column; }

.member-find-wrap .title-find { font-size: 40px; font-weight: 200; text-align: center; }

.member-find-wrap .member-findTitle { color: #000000; text-align: center; font-size: 30px; font-weight: 700; line-height: 43px; /* 143.333% */ margin-bottom: 40px; }

.member-find-wrap .ui.tab li.on { border-bottom: 0px; }

.member-find-wrap .text-regist { padding-bottom: 30px; margin-top: 35px; }

.member-find-wrap .text-regist h3 { color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; /* 133.333% */ }

.member-find-wrap .text-regist p { color: rgba(24, 24, 24, 0.9); font-size: 15px; font-weight: 400; line-height: 21px; /* 140% */ margin-top: 10px; }

.member-find-wrap .table-type1 { width: 410px; margin: 0 auto; border-top: 1px solid #919191; table-layout: fixed; }

.member-find-wrap .table-type1 tr { border-bottom: 1px solid #e1e1e1; }

.member-find-wrap .table-type1 th { padding: 13px 0; font-size: 14px; font-weight: 500; text-align: center; }

.member-find-wrap .table-type1 td { padding: 13px 0; font-size: 13px; text-align: center; word-break: break-all; }

.member-find-wrap .table-type2 { width: 415px; margin: 0 auto; table-layout: fixed; }

.member-find-wrap .table-type2 th { font-size: 13px; vertical-align: middle; }

.member-find-wrap .table-type2 td { padding: 5px 0; font-size: 15px; word-break: break-all; }

.member-find-wrap .ui.form .input-group > .label > label, .member-find-wrap .ui.form .text-group > .label > label { font-size: 15px; }

.member-find-wrap .ui.form.find-radioBox { border-radius: 15px; background: #F7F7F7; padding: 25px 40px; display: block; }

.member-find-wrap .ui.form.find-radioBox span.radio { display: flex; align-items: center; height: 44px; color: rgba(24, 24, 24, 0.9); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

.member-find-wrap .ui.form.find-radioBox span.radio span { padding-right: 10px; color: var(--mono-02-black, #000); font-size: 15px; font-style: normal; font-weight: 700; line-height: 21px; }

@media only screen and (max-height: 721px) { .member-find-wrap.middle, .member-find-wrap.flex, .member-find-wrap.flex.middle { height: auto; } }

.member-subaccnt-info.top-fixed-pd { padding-top: 97px; min-width: 800px; }

.member-subaccnt-info .top-group .top-left { float: left; }

.member-subaccnt-info .top-group .top-right { float: right; }

.member-subaccnt-info .button-area { text-align: center; }

.member-subaccnt-info .button-area .button + .button { margin-left: 5px; }

.member-subaccnt-info .table-subaccnt thead th { padding: 12px 0; font-size: 14px; font-weight: 500; text-align: center; }

.member-subaccnt-info .table-subaccnt tr { border-bottom: 1px solid #e1e1e1; }

.member-subaccnt-info .table-subaccnt tbody td { padding: 12px 3px; font-size: 13px; text-align: center; word-break: break-all; }

.member-subaccnt-info .table-subaccnt tbody td .no-data { padding: 153px 0; font-size: 15px; }

.member-subaccnt-info .person-tab { width: 100%; height: 50px; border-bottom: 1px solid #a7a7a7; }

.member-subaccnt-info .person-tab:after { content: ''; display: block; clear: both; }

.member-subaccnt-info .person-tab li { position: relative; float: left; min-width: 150px; padding: 0 10px; line-height: 48px; margin-left: 2px; color: #919191; font-size: 16px; text-align: center; background-color: #fbfbfb; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer; }

.member-subaccnt-info .person-tab li .text-desc { display: none; position: absolute; top: 0; left: 160px; width: 550px; padding-left: 15px; font-size: 13px; text-align: left; word-break: break-all; line-height: initial; }

.member-subaccnt-info .person-tab li .text-desc:before { content: '※'; display: inline-block; position: absolute; top: 0; left: 0; }

.member-subaccnt-info .person-tab li .close { position: absolute; top: 12px; right: 4px; display: inline-block; width: 25px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.member-subaccnt-info .person-tab li.on { margin-bottom: -1px; background-color: transparent; border: 1px solid #a7a7a7; border-bottom: 1px solid #f5f5f5; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.member-subaccnt-info .person-tab li.on span { color: #181818; font-weight: 700; }

.member-subaccnt-info .person-tab li.on .text-desc { display: block; }

.member-subaccnt-info .person-tab li:first-child { margin-left: 0; }

.member-subaccnt-info .person-tab.tab-box { display: none; }

.member-subaccnt-info .link { color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.member-subaccnt-info .link.right { display: block; text-align: right; }

.member-subaccnt-info .infored-text { padding: 25px 20px 25px 95px; }

.member-terminate-info.top-fixed-pd { padding-top: 65px; }

.member-terminate-info .terminate-info-box .bg-box { padding: 30px 20px; box-sizing: border-box; background-color: #f7f7f7; border-radius: 5px; }

.member-terminate-info .terminate-info-box .bg-box .title-info { font-weight: 500; }

.member-terminate-info .terminate-info-box .bg-box .title-info i { font-style: normal; padding-right: 7px; }

.member-terminate-info .terminate-info-box .bg-box .style-list li { position: relative; padding-left: 15px; }

.member-terminate-info .terminate-info-box .bg-box .style-list li:before { content: '-'; position: absolute; top: 1px; left: 0; display: inline-block; }

.member-terminate-info .terminate-radio-group { margin-top: -20px; padding: 20px 0 0 10px; }

.member-terminate-info .terminate-radio-group .radio { margin-top: 20px; }

.member-terminate-info .terminate-radio-group .radio label { padding-left: 30px; font-size: 14px; }

.member-terminate-info .table-terminate th { padding-left: 10px; vertical-align: middle; }

.member-terminate-info .button-area { text-align: center; }

.normal-center-wrap { min-width: 930px; width: 930px; margin: 0 auto 0 auto; padding: 150px 0 100px 0; }

.normal-center-wrap .table-type1 { border-top: 1px solid #a7a7a7; }

.normal-center-wrap .table-type1 tr { border-bottom: 1px solid #e1e1e1; }

.normal-center-wrap .table-type1 thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; }

.normal-center-wrap .table-type1 tbody td { padding: 20px 3px; font-size: 13px; text-align: center; word-break: break-all; }

.normal-center-wrap .table-type1 .no-data { font-size: 15px; }

.normal-center-wrap .table-type1 .no-data.pd150 { padding: 150px 0; }

.normal-center-wrap.middle { min-height: calc(100vh - 250px - 100px); }

@media only screen and (max-height: 890px) { .normal-center-wrap.middle { height: auto; } }

.member-setting-info.top-fixed-pd { padding-top: 97px; }

.member-setting-info .local-setting { width: 1035px; margin: 0 auto; }

.member-setting-info .table-local tr { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }

.member-setting-info .table-local tr th { padding-left: 20px; font-size: 14px; background-color: #fbfbfb; vertical-align: middle; }

.member-setting-info .table-local tr td { padding: 19px 15px 15px 15px; height: 65px; box-sizing: border-box; vertical-align: middle; }

.member-setting-info .w1000 { min-width: 1000px; }

.member-setting-info .member-certification { border-radius: 5px; background: #F7F7F7; padding: 40px 40px 45px; margin-bottom: 60px; }

.member-setting-info .member-certification p { color: rgba(24, 24, 24, 0.9); font-size: 15px; font-weight: 400; line-height: 21px; margin-bottom: 35px; }

.member-setting-info .member-certification .member-step { display: flex; justify-content: space-between; align-items: flex-start; width: 573px; margin: 0 auto; }

.member-setting-info .member-certification .member-step div { position: relative; }

.member-setting-info .member-certification .member-step div:first-child:after { position: absolute; top: 53px; right: -57px; content: ''; display: block; width: 30px; height: 30px; background: url(../img/icon/ic_more_30.png) center center no-repeat; background-size: 30px; }

.member-setting-info .member-certification .member-step div:last-child:after { position: absolute; top: 53px; left: -57px; content: ''; display: block; width: 30px; height: 30px; background: url(../img/icon/ic_more_30.png) center center no-repeat; background-size: 30px; }

.member-setting-info .member-certification .member-step span { display: block; text-align: center; color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 13px; font-weight: 400; line-height: 19px; }

.member-setting-info .member-certification .member-step span:first-child { display: flex; width: 135px; height: 135px; justify-content: center; align-items: center; border-radius: 50%; box-sizing: border-box; overflow: hidden; background: #ffffff; }

.member-setting-info .member-certification .member-step span:last-child { margin-top: 15px; }

.member-setting-info .member-certification .member-step img { width: 85px; }

.member-setting-info .member-line-list { display: table; width: 100%; height: 100%; margin: -5px 0 0 -15px; padding: 0 5px; min-width: 762px; min-height: 210px; }

.member-setting-info .member-line-list:after { content: ''; display: block; clear: both; }

.member-setting-info .member-line-list li { display: table-cell; min-width: 250px; width: 33.3%; height: 100%; border-radius: 3px; }

.member-setting-info .member-line-list li .cont-inner { margin: 5px 0 0 15px; padding: 20px; min-height: 210px; height: 100%; position: relative; border: 1px solid #e1e1e1; border-radius: 3px; box-sizing: border-box; }

.member-setting-info .member-line-list li .cont-inner .top-line { position: relative; padding: 5px 0 15px 45px; font-size: 15px; }

.member-setting-info .member-line-list li .cont-inner .img { position: absolute; top: 0; left: 0; }

.member-setting-info .member-line-list li .cont-inner .desc-line { padding-bottom: 50px; color: #919191; font-size: 13px; }

.member-setting-info .member-line-list li .cont-inner .ui.button { position: absolute; bottom: 20px; right: 20px; }

.member-setting-info .member-bg-list { display: table; height: 100%; margin: -5px 0 0 -15px; padding: 0 5px; min-width: 762px; }

.member-setting-info .member-bg-list:after { content: ''; display: block; clear: both; }

.member-setting-info .member-bg-list li { display: table-cell; height: 100%; min-width: 250px; width: 33.3%; border-radius: 3px; }

.member-setting-info .member-bg-list li .cont-inner { margin: 5px 0 0 15px; padding: 20px; min-height: 210px; height: 100%; position: relative; background-color: #f7f7f7; border-radius: 3px; box-sizing: border-box; }

.member-setting-info .member-bg-list li .cont-inner .top-bg { position: relative; padding: 5px 0 15px 45px; font-size: 15px; }

.member-setting-info .member-bg-list li .cont-inner .img { position: absolute; top: 0; left: 0; }

.member-setting-info .member-bg-list li .cont-inner .desc-bg { padding-bottom: 50px; color: #919191; font-size: 13px; }

.member-setting-info .member-bg-list li .cont-inner .link { position: absolute; bottom: 20px; right: 20px; font-size: 13px; }

.member-setting-info .member-bg-list li .cont-inner .link:after { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: -3px; left: 0; background-color: #181818; }

.member-setting-info .member-bg-list li .cont-inner .link-quick { display: inline-block; color: #0959fa; font-size: 13px; text-decoration: underline; text-underline-position: under; }

.member-setting-info .member-bg-list li .cont-inner .link-quick:after { content: ''; display: inline-block; margin-left: 7px; width: 4px; height: 8px; background: url(../img/img_arrow_right_02.png) center right no-repeat; }

.member-setting-info .bg-box { background-color: #f7f7f7; border-radius: 3px; box-sizing: border-box; }

.member-setting-info .bg-box.pd40 { padding: 40px; }

.member-setting-info .bg-box .cont-inner.w680 { width: 680px; margin: 0 auto; }

.member-setting-info .mt4 { display: block; margin-top: -4px; }

.member-setting-info .list-type li { position: relative; padding-left: 10px; }

.member-setting-info .list-type li:before { content: '-'; position: absolute; top: 0; left: 0; font-size: 13px; }

.normal-cont-wrap { padding: 80px 0 70px 0; }

.normal-cont-wrap.visual-type { padding-top: 0px; }

.normal-cont-wrap.visual-type.eng .normal-wrap.support .support-guide .guide-inner div { height: 254px !important; }

.normal-cont-wrap.middle { min-height: calc(100vh - 270px); }

.normal-cont-wrap.middle.support { padding-bottom: 0; min-height: calc(100vh - 170px); }

.normal-cont-wrap.full { padding-bottom: 0; }

.normal-cont-wrap .tab.terms-tabs li { padding: 0 17px; }

.normal-cont-wrap .normal-top-visual { height: 250px; background-size: 1200px auto; box-sizing: border-box; }

.normal-cont-wrap .normal-top-visual.default-banner-type { display: flex; justify-content: center; width: 100%; min-width: 1120px; height: 310px; background: #020204; text-align: left; padding-top: 120px; box-sizing: border-box; overflow: hidden; }

.normal-cont-wrap .normal-top-visual.default-banner-type .cont-inner { min-width: 1120px; position: relative; left: 10px; }

.normal-cont-wrap .normal-top-visual.default-banner-type .cont-inner .title { text-align: left; font-size: 30px; font-weight: 700; line-height: 43px; color: #ffffff; }

.normal-cont-wrap .normal-top-visual.default-banner-type.notice .cont-inner { background: url("../img/img_notice_bg.png") right 0px no-repeat; background-size: 350px 130px; }

.normal-cont-wrap .normal-top-visual.default-banner-type.support .cont-inner { background: url("../img/img_support_bg.png") right 0px no-repeat; background-size: 350px 130px; }

.normal-cont-wrap .normal-top-visual.default-banner-type .search { max-width: 624px; }

.normal-cont-wrap .normal-top-visual.default-banner-type .search .input-group:hover input { background-color: #28283A; }

.normal-cont-wrap .normal-top-visual.default-banner-type .search input { color: #ffffff; font-size: 18px; line-height: 24px; font-weight: 400 !important; background-color: #202030; border: 0px; border-radius: 8px; overflow: hidden; padding: 0 58px 0 18px; height: 54px; }

.normal-cont-wrap .normal-top-visual.default-banner-type .search input:focus { background-color: #202030; }

.normal-cont-wrap .normal-top-visual.default-banner-type .search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ffffff !important; font-weight: 400 !important; opacity: 1; /* Firefox */ }

.normal-cont-wrap .normal-top-visual.default-banner-type .search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffffff !important; font-weight: 400 !important; }

.normal-cont-wrap .normal-top-visual.default-banner-type .search input::-ms-input-placeholder { /* Microsoft Edge */ color: #ffffff !important; font-weight: 400 !important; }

.normal-cont-wrap .normal-top-visual.default-banner-type .search .button-search { top: 50%; right: 18px; transform: translate3d(0%, -50%, 0); width: 30px; height: 30px; background: none; text-indent: 0; font-size: 0 !important; line-height: 0; }

.normal-cont-wrap .normal-top-visual .title { font-size: 40px; color: rgba(255, 255, 255, 0.8); font-weight: 200; text-align: center; }

.normal-cont-wrap .normal-top-visual.slide { position: relative; height: 397px; background: url(../img/bg_support.png) center no-repeat; background-size: cover; }

.normal-cont-wrap .normal-top-visual.slide .cont-inner { position: relative; width: 1040px; height: 397px; margin: 0 auto; vertical-align: middle; text-align: center; box-sizing: border-box; }

.normal-cont-wrap .normal-top-visual.slide .link-notice { font-size: 18px; font-weight: 400; color: #e9464a; }

.normal-cont-wrap .normal-top-visual.slide .text-notice { max-width: 77%; margin: 0 auto; }

.normal-cont-wrap .normal-top-visual.slide .text-notice a { display: block; color: #fff; font-size: 38px; font-weight: 200; word-break: keep-all; }

.normal-cont-wrap .normal-top-visual.slide .support-slider { height: 352px; }

.normal-cont-wrap .normal-top-visual.slide .support-slider .swiper-slide { display: table; height: 100%; }

.normal-cont-wrap .normal-top-visual.slide .support-slider .swiper-slide .cont-inner { display: table-cell; height: 100%; vertical-align: middle; }

.normal-cont-wrap .normal-top-visual.slide .swiper-button-prev { display: inline-block; left: -14px; width: 15px; height: 15px; margin-top: -12px; padding: 3px; border: solid rgba(255, 255, 255, 0.3); border-width: 0 2px 2px 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.normal-cont-wrap .normal-top-visual.slide .swiper-button-next { display: inline-block; right: -14px; width: 15px; height: 15px; margin-top: -12px; padding: 3px; border: solid rgba(255, 255, 255, 0.3); border-width: 0 2px 2px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.normal-cont-wrap .normal-top-visual.slide .swiper-button-prev:after, .normal-cont-wrap .normal-top-visual.slide .swiper-button-next:after { font-size: 0; }

.normal-cont-wrap .normal-top-visual.slide .swiper-button-prev:focus, .normal-cont-wrap .normal-top-visual.slide .swiper-button-next:focus { outline: none; }

.normal-cont-wrap .normal-top-visual.slide .swiper-pagination { width: 100%; text-align: center; bottom: 30px; }

.normal-cont-wrap .normal-top-visual.slide .swiper-pagination .swiper-pagination-bullet { margin: 0 3px; width: 7px; height: 7px; background: rgba(255, 255, 255, 0.6); }

.normal-cont-wrap .normal-top-visual.slide .swiper-pagination .swiper-pagination-bullet:focus { outline: none; }

.normal-cont-wrap .normal-top-visual.slide .swiper-pagination .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.6); }

.normal-cont-wrap .normal-top-visual.market { padding-top: 105px; height: 604px; background-color: #fef6f6; }

.normal-cont-wrap .normal-top-visual.market .title { color: #181818; font-size: 40px; font-weight: 200; line-height: 50px; }

.normal-cont-wrap .normal-top-visual.market .market-list { display: table; width: 966px; height: 212px; margin: 50px auto 0 auto; }

.normal-cont-wrap .normal-top-visual.market .market-list li { display: table-cell; width: 25%; height: 100%; }

.normal-cont-wrap .normal-top-visual.market .market-list li .cont-inner { margin-left: 25px; padding: 35px 10px 25px 10px; min-height: 212px; height: 100%; background-color: #fff; text-align: center; border-radius: 15px; box-sizing: border-box; }

.normal-cont-wrap .normal-top-visual.market .market-list li .cont-inner .title-market { margin-top: 20px; font-size: 16px; font-weight: 700; line-height: 22px; }

.normal-cont-wrap .normal-top-visual.market .market-list li .cont-inner .desc-market { margin-top: 5px; color: #919191; font-size: 14px; line-height: 19px; }

.normal-cont-wrap .normal-top-visual.ad-intro { padding-top: 105px; padding-bottom: 55px; height: auto; background-color: #fef6f6; }

.normal-cont-wrap .normal-top-visual.ad-intro .title { color: #181818; font-size: 35px; font-weight: 500; line-height: 50px; margin-bottom: 32px; display: flex; align-items: center; justify-content: center; }

.normal-cont-wrap .normal-top-visual.ad-intro .title .logo { width: 52px; height: 52px; margin-right: 16px; margin-bottom: -2px; }

.normal-cont-wrap .normal-top-visual.ad-intro .title .pink-underline { background: linear-gradient(to top, rgba(255, 0, 0, 0.3) 35%, transparent 35%); }

.normal-cont-wrap .normal-top-visual.ad-intro .sub { text-align: center; color: #666; font-size: 26px; font-weight: 300; margin-bottom: 6px; }

.normal-cont-wrap .normal-top-visual.ad-intro .ect { text-align: center; color: #666; font-size: 17px; line-height: 26px; }

.normal-cont-wrap .normal-top-visual.ad-intro .ect .red { color: #e9464a; }

.normal-cont-wrap .normal-top-visual.ad-intro .ect .fs21 { font-size: 21px; }

.normal-cont-wrap .normal-top-visual.ad-intro .ad-list { display: flex; align-items: center; justify-content: center; width: 966px; margin: 50px auto 0 auto; }

.normal-cont-wrap .normal-top-visual.ad-intro .ad-list li { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 35px; }

.normal-cont-wrap .normal-top-visual.ad-intro .ad-list li:first-child { margin-left: 0; }

.normal-cont-wrap .normal-top-visual.ad-intro .ad-list li .cont-inner { width: 210px; height: 210px; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; box-sizing: border-box; background-color: #fff; border: 5px solid #e9464a; margin-bottom: 14px; }

.normal-cont-wrap .normal-top-visual.ad-intro .ad-list li .cont-inner .img { height: 88px; }

.normal-cont-wrap .normal-top-visual.ad-intro .ad-list li .cont-inner .img img { height: 100%; }

.normal-cont-wrap .normal-top-visual.ad-intro .ad-list li .cont-inner .title-ad { margin-top: 20px; font-size: 17px; font-weight: 700; line-height: 22px; }

.normal-cont-wrap .normal-top-visual.ad-intro .ad-list li .desc-ad { font-size: 17px; line-height: 19px; }

.normal-cont-wrap .normal-top-visual.ad-intro .intro-ect { width: 1200px; margin: 0 auto; padding: 0 60px; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: space-between; color: #666666; font-size: 18px; margin-top: 90px; }

.normal-cont-wrap .normal-top-visual.ad-intro .intro-ect .contact .contact-sub { display: flex; align-items: center; }

.normal-cont-wrap .normal-top-visual.ad-intro .intro-ect .contact .contact-sub .ico-contact { display: inline-block; width: 31px; height: 31px; background-position: center; background-size: cover; background-image: url("../img/ico_contact.png"); overflow: hidden; text-indent: -999px; margin-right: 4px; }

.normal-cont-wrap .normal-top-visual.ad-intro .intro-ect .contact .email { list-style: inside; margin-top: 4px; margin-left: 12px; }

.normal-cont-wrap .normal-top-visual.ad-intro .intro-ect .download { background-color: #fff; height: 48px; font-size: 16px; }

.normal-cont-wrap .normal-top-visual.ad-intro .intro-ect .download .download-inner { display: inline-block; min-width: 20px; padding: 0 16px; border-radius: 4px; }

.normal-cont-wrap .normal-top-visual.ad-intro .intro-ect .download .download-inner p { line-height: 48px; float: left; }

.normal-cont-wrap .normal-top-visual.ad-intro .intro-ect .download .download-inner .ico-download { display: inline-block; width: 30px; height: 26px; background-position: center; background-size: cover; background-image: url("../img/ico-download.png"); overflow: hidden; text-indent: -999px; margin: 11px 0 11px 8px; }

.normal-cont-wrap .normal-top-visual.beta { padding-top: 75px; height: 534px; background-color: #fef6f6; }

.normal-cont-wrap .normal-top-visual.beta .title { color: #181818; font-size: 40px; font-weight: 500; line-height: 50px; }

.normal-cont-wrap .normal-top-visual.beta .banner-wrap { width: 743px; margin: 50px auto 0 auto; }

.normal-cont-wrap .normal-top-visual.beta .banner-wrap .cont-inner { width: 743px; height: 248px; overflow: hidden; background-color: #fff; border-radius: 10px; }

.normal-cont-wrap .normal-top-visual.pz-intro { padding-top: 105px; height: calc(100vh + 220px); background-color: #fef6f6; text-align: center; }

.normal-cont-wrap .normal-top-visual.pz-intro .title { color: #181818; font-size: 35px; font-weight: 500; line-height: 50px; margin-bottom: 32px; }

.normal-cont-wrap .normal-top-visual.pz-intro .title .pink-underline { background: linear-gradient(to top, rgba(255, 0, 0, 0.3) 35%, transparent 35%); }

.normal-cont-wrap .normal-top-visual.pz-intro .title .top-dot { position: relative; }

.normal-cont-wrap .normal-top-visual.pz-intro .title .top-dot::before { display: block; content: ""; width: 3.5px; height: 3.5px; border-radius: 50%; background-color: #dc0000; position: absolute; transform: translate(-50%, 0); top: -2px; left: 50%; }

.normal-cont-wrap .normal-top-visual.pz-intro .sub { text-align: center; color: #666; font-size: 26px; font-weight: 300; margin-bottom: 6px; }

.normal-cont-wrap .normal-top-visual.pz-intro .ect { text-align: center; color: #666; font-size: 17px; line-height: 26px; }

.normal-cont-wrap .normal-top-visual.pz-intro .ect .red { color: #dc0000; }

.normal-cont-wrap .normal-top-visual.pz-intro .ect .em { font-weight: 700; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list { display: flex; align-items: center; justify-content: center; width: 1200px; height: 290px; margin: 50px auto 0 auto; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li { display: table-cell; width: 25%; height: 100%; margin-left: 16px; box-sizing: border-box; padding: 10px; background-color: #fff; position: relative; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li:first-child { margin-left: 0; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li::after { display: block; content: ""; width: calc(100% - 30px); height: 260px; position: absolute; top: 20px; left: 20px; background-color: #ebebeb; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li .cont-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 260px; border: 2px solid #ebebeb; background-color: #fff; text-align: center; box-sizing: border-box; margin-right: 10px; margin-bottom: 10px; padding: 0 8px 0 8px; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li .cont-inner .img { height: 88px; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li .cont-inner .img img { height: 100%; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li .cont-inner .line { display: inline-block; width: 80%; height: 1px; background-color: #ebebeb; margin: 15px 0; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li .cont-inner .title-pz { font-size: 16px; font-weight: 700; line-height: 22px; }

.normal-cont-wrap .normal-top-visual.pz-intro .pz-list li .cont-inner .desc-pz { margin-top: 8px; color: #dc0000; font-size: 14px; line-height: 19px; word-break: keep-all; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect { width: 1200px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: space-between; color: #666666; font-size: 16px; margin-top: 80px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .contact .contact-sub { display: flex; align-items: center; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .contact .contact-sub span { font-size: 18px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .contact .contact-sub .ico-contact { display: inline-block; width: 31px; height: 31px; background-position: center; background-size: cover; background-image: url("../img/ico_contact.png"); overflow: hidden; text-indent: -999px; margin-right: 4px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .contact .email { list-style: inside; margin-top: 4px; margin-left: 12px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .download-btn { background-color: #fff; height: 48px; display: block; margin-bottom: 16px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .download-btn .download-inner { display: inline-block; min-width: 20px; padding: 0 16px; border-radius: 4px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .download-btn .download-inner p { line-height: 48px; float: left; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .download-btn .download-inner .ico-download { display: inline-block; width: 25px; height: 24px; background-position: center; background-size: 25px 24px; background-image: url("../img/ico-download.png"); overflow: hidden; text-indent: -999px; margin: 12px 0 12px 8px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .guide-btn { background-color: #fff; height: 48px; display: block; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .guide-btn .guide-inner { display: inline-block; min-width: 20px; padding: 0 16px; border-radius: 4px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .guide-btn p { line-height: 48px; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .guide-btn .guide-wrap { display: flex; align-items: center; }

.normal-cont-wrap .normal-top-visual.pz-intro .intro-ect .guide-btn .ico-right { display: inline-block; width: 7px; height: 14px; background-image: url("../img/img_arrow_right_p.png"); background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; text-indent: -999px; margin-left: 10px; }

.normal-cont-wrap .normal-top-visual.beta { padding-top: 75px; height: 534px; background-color: #fef6f6; }

.normal-cont-wrap .normal-top-visual.beta .title { color: #181818; font-size: 40px; font-weight: 500; line-height: 50px; }

.normal-cont-wrap .normal-top-visual.beta .banner-wrap { width: 743px; margin: 50px auto 0 auto; }

.normal-cont-wrap .normal-top-visual.beta .banner-wrap .cont-inner { width: 743px; height: 248px; overflow: hidden; background-color: #fff; border-radius: 10px; }

.normal-cont-wrap .normal-top-visual.beta-slide { position: relative; height: auto; }

.normal-cont-wrap .normal-top-visual.beta-slide .title { color: #181818; font-size: 28px; font-weight: 700; line-height: 39px; padding-bottom: 40px; }

.normal-cont-wrap .normal-top-visual.beta-slide .cont-inner { position: relative; width: 730px; margin: 0 auto; vertical-align: middle; text-align: center; box-sizing: border-box; }

.normal-cont-wrap .normal-top-visual.beta-slide .support-slider { height: 472px; border-radius: 20px; overflow: hidden; }

.normal-cont-wrap .normal-top-visual.beta-slide .support-slider .swiper-slide { height: 100%; }

.normal-cont-wrap .normal-top-visual.beta-slide .support-slider .swiper-slide .cont-inner { height: 100%; vertical-align: middle; }

.normal-cont-wrap .normal-top-visual.beta-slide .support-slider .swiper-slide .cont-inner a { display: block; width: 100%; height: 100%; }

.normal-cont-wrap .normal-top-visual.beta-slide .support-slider .swiper-slide .cont-inner img { max-width: 730px; width: 100% !important; }

.normal-cont-wrap .normal-top-visual.beta-slide .swiper-button-prev { display: inline-block; left: -90px; width: 60px; height: 60px; background: url("../img/icon/swiper_button2.png") no-repeat 0 0; background-size: 60px 120px; background-position: 0px 0px; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.normal-cont-wrap .normal-top-visual.beta-slide .swiper-button-next { display: inline-block; right: -90px; width: 60px; height: 60px; background: url("../img/icon/swiper_button2.png") no-repeat 0 0; background-size: 60px 120px; background-position: 0px -60px; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }

.normal-cont-wrap .normal-top-visual.beta-slide .swiper-button-prev:after, .normal-cont-wrap .normal-top-visual.beta-slide .swiper-button-next:after { font-size: 0; }

.normal-cont-wrap .normal-top-visual.beta-slide .swiper-button-prev:focus, .normal-cont-wrap .normal-top-visual.beta-slide .swiper-button-next:focus { outline: none; }

.normal-cont-wrap .normal-top-visual.beta-slide .swiper-pagination { right: 30px; bottom: 69px; line-height: 0; font-size: 0; }

.normal-cont-wrap .normal-top-visual.beta-slide .swiper-pagination .swiper-pagination-bullet { margin: 0 2.5px; width: 7px; height: 7px; background: none; background-color: rgba(255, 255, 255, 0.3); opacity: 1; vertical-align: top; box-sizing: border-box; }

.normal-cont-wrap .normal-top-visual.beta-slide .swiper-pagination .swiper-pagination-bullet:focus { outline: none; }

.normal-cont-wrap .normal-top-visual.beta-slide .swiper-pagination .swiper-pagination-bullet-active { background: #ffffff; opacity: 1; }

.normal-cont-wrap .normal-top-visual.beta-slide .shadow-img { font-size: 0; }

.normal-cont-wrap .normal-top-visual.beta-slide .shadow-img img { width: 730px; vertical-align: top; }

.normal-cont-wrap.w1086 { margin: 0 auto; width: 1086px; }

.normal-cont-wrap.w1160 { margin: 0 auto; width: 1160px; }

.normal-cont-wrap .normal-wrap.w1084 { width: 1084px; margin-left: auto; margin-right: auto; }

.normal-cont-wrap .normal-wrap.w1100 { margin-left: auto; margin-right: auto; width: 1100px; }

.normal-cont-wrap .normal-wrap .w942 { margin-left: auto; margin-right: auto; width: 942px; }

.normal-cont-wrap .normal-wrap.support .reference iframe { min-width: 1110px; width: 100%; height: calc(100vh - 176px); }

.normal-cont-wrap .normal-wrap.faq { margin-top: 120px; }

.normal-cont-wrap .normal-wrap.faq .faq-top { position: relative; }

.normal-cont-wrap .normal-wrap.faq .faq-top .ui.search { position: absolute; bottom: -75px; right: 1px; }

.normal-cont-wrap .normal-wrap.faq .faq-top .ui.search input { border: 1px solid #c8c8c8; }

.normal-cont-wrap .normal-wrap.faq .faq-list .no-data { padding: 139px 0; font-size: 15px; text-align: center; }

.normal-cont-wrap .normal-wrap.faq .faq-list li { display: table; width: 100%; height: 60px; table-layout: fixed; border-bottom: 1px solid #e1e1e1; }

.normal-cont-wrap .normal-wrap.faq .faq-list li .cont-inner { display: table-cell; vertical-align: middle; width: 100%; height: 60px; padding: 0 15px; position: relative; box-sizing: border-box; }

.normal-cont-wrap .normal-wrap.faq .faq-list li .cont-inner > a { display: block; }

.normal-cont-wrap .normal-wrap.faq .faq-list li .cont-inner .text-faq { padding-right: 150px; font-size: 15px; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }

.normal-cont-wrap .normal-wrap.faq .faq-list li .cont-inner .text-date { position: absolute; top: 19px; right: 0; font-size: 15px; }

.normal-cont-wrap .normal-wrap.faq .faq-detail { padding: 30px 20px; min-height: 300px; border-bottom: 1px solid #e1e1e1; }

.normal-cont-wrap .normal-wrap.faq .faq-detail .text-title { font-size: 15px; font-weight: 700; }

.normal-cont-wrap .normal-wrap.faq .faq-detail .text-date { padding-top: 5px; font-size: 13px; color: #919191; }

.normal-cont-wrap .normal-wrap.faq .faq-detail .text-detail { margin-top: 20px; font-size: 13px; }

.normal-cont-wrap .normal-wrap.faq .title-faq { font-size: 40px; font-weight: 200; text-align: center; }

.normal-cont-wrap .normal-wrap.faq .ui.tab { margin-top: 40px; padding-right: 240px; border-bottom: 1px solid #919191; }

.normal-cont-wrap .normal-wrap.faq .ui.tab li { padding: 0 13px; }

.normal-cont-wrap .normal-wrap.faq .ui.tab li:first-child { padding-left: 0; }

.normal-cont-wrap .normal-wrap.faq .button-area { margin-top: 60px; text-align: center; }

.normal-cont-wrap .normal-wrap.market { margin-top: 110px; }

.normal-cont-wrap .normal-wrap.market .title-market { font-size: 40px; font-weight: 200; line-height: 46px; text-align: center; }

.normal-cont-wrap .normal-wrap.market .desc-market { margin-top: 32px; color: #919191; font-size: 18px; line-height: 25px; text-align: center; }

.normal-cont-wrap .normal-wrap.market .desc-market02 { margin: 30px auto 0 auto; width: 966px; color: #919191; font-size: 14px; line-height: 19px; }

.normal-cont-wrap .normal-wrap.market .desc-market02 p + p { margin-top: 7px; }

.normal-cont-wrap .normal-wrap.market .tab { padding-top: 80px; width: 970px; margin: 0 auto; }

.normal-cont-wrap .normal-wrap.market .tab-box { padding: 60px 50px; width: 970px; margin: 0 auto; background-color: #fcfcfc; box-sizing: border-box; letter-spacing: -1px; }

.normal-cont-wrap .normal-wrap.market .tab-box .sub-title { position: relative; color: #000; font-size: 25px; line-height: 35px; }

.normal-cont-wrap .normal-wrap.market .tab-box .sub-top { position: absolute; top: -5px; right: -28px; padding-left: 2px; color: #000; font-size: 12px; font-weight: 700; vertical-align: super; }

.normal-cont-wrap .normal-wrap.market .tab-box .fs100 { position: relative; font-size: 100px; font-weight: 700; color: #ebebeb; }

.normal-cont-wrap .normal-wrap.market .tab-box .fs100:after { content: ''; display: block; position: absolute; top: 99px; left: 0; width: 100%; height: 1px; background-color: #d6d6d6; }

.normal-cont-wrap .normal-wrap.market .tab-box .logo { margin: 100px auto 0 0; width: 230px; text-align: center; }

.normal-cont-wrap .normal-wrap.market .tab-box .list-type li { position: relative; padding-left: 10px; }

.normal-cont-wrap .normal-wrap.market .tab-box .list-type li:before { content: '•'; position: absolute; top: 0; left: 0; font-size: 13px; }

.normal-cont-wrap .normal-wrap.market .tab-box .list-type li + li { margin-top: 7px; }

.normal-cont-wrap .normal-wrap.market .tab-box .clrfix.float-2 > .float-left, .normal-cont-wrap .normal-wrap.market .tab-box .clrfix.float-2 .float-right { min-width: 395px; }

.normal-cont-wrap .normal-wrap.market .tab-box .mrl90 { margin-left: 90px; }

.normal-cont-wrap .normal-wrap.market .tab-box .w205 { display: inline-block; min-width: 205px; }

.normal-cont-wrap .normal-wrap.market .tab-box .round-area { margin-top: 55px; padding: 35px; font-size: 15px; background-color: #fff; border-radius: 50px; border: 1px solid #dcdcdc; }

.normal-cont-wrap .normal-wrap.market .tab-box .tab-float .float-left.left { width: 200px; }

.normal-cont-wrap .normal-wrap.market .tab-box .tab-float .float-left.right { width: 570px; }

.normal-cont-wrap .normal-wrap.market .tab-box .tab-float.tab3 .float-left.left { width: 240px; }

.normal-cont-wrap .normal-wrap.market .tab-box .tab-float.tab3 .float-left.right { width: 535px; }

.normal-cont-wrap .normal-wrap.beta { margin-top: 60px; }

.normal-cont-wrap .normal-wrap.beta .title-beta { font-size: 40px; font-weight: 200; line-height: 46px; text-align: center; }

.normal-cont-wrap .normal-wrap.beta .desc-beta { margin-top: 32px; color: #919191; font-size: 18px; line-height: 25px; text-align: center; }

.normal-cont-wrap .normal-wrap.beta .tab { padding-top: 50px; width: 960px; margin: 0 auto; }

.normal-cont-wrap .normal-wrap.beta .tab-box { padding: 60px 50px; width: 960px; margin: 0 auto; background-color: #fcfcfc; box-sizing: border-box; letter-spacing: -1px; }

.normal-cont-wrap .normal-wrap.beta .tab-box h5 { position: relative; margin-top: 35px; color: #000; font-size: 18px; font-weight: 700; }

.normal-cont-wrap .normal-wrap.beta .tab-box h5:after { content: ''; display: block; position: absolute; left: 0; bottom: -10px; width: 100%; height: 2px; background-color: #000; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type > li { position: relative; padding-left: 10px; line-height: 25px; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type > li:before { content: '•'; position: absolute; top: 0; left: 0; font-size: 13px; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type > li + li { margin-top: 5px; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type.type2 > li { position: relative; padding-left: 10px; line-height: 25px; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type.type2 > li:before { content: '-'; position: absolute; top: 0; left: 0; font-size: 13px; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type.type3 > li { position: relative; padding-left: 30px; line-height: 25px; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type.type3 > li:before { content: ''; position: absolute; display: inline-block; top: 5px; left: 0; width: 17px; height: 17px; background: url(../img/ico_about_04.png) center no-repeat; background-size: 17px; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type.type4 > li { position: relative; padding-left: 20px; line-height: 25px; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type.type4 > li:before { display: none; }

.normal-cont-wrap .normal-wrap.beta .tab-box .list-type.type4 > li .ico { position: absolute; display: inline-block; top: 0; left: 0; font-size: 15px; }

.normal-cont-wrap .normal-wrap.mpa { padding-top: 105px; }

.normal-cont-wrap .normal-wrap.mpa .title { color: #181818; font-size: 38px; font-weight: 500; line-height: 50px; text-align: center; }

.normal-cont-wrap .normal-wrap.mpa .tab { padding-top: 80px; width: 960px; margin: 0 auto; }

.normal-cont-wrap .normal-wrap.mpa .ui.tab.tab-5 li { width: 17%; }

.normal-cont-wrap .normal-wrap.mpa .ui.tab.tab-5 li:first-child { width: 32%; }

.normal-cont-wrap .normal-wrap.mpa .tab-box { padding: 60px 50px; width: 960px; margin: 0 auto; background-color: #fcfcfc; box-sizing: border-box; letter-spacing: -1px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box h5 { position: relative; margin-top: 35px; color: #000; font-size: 18px; font-weight: 700; }

.normal-cont-wrap .normal-wrap.mpa .tab-box h5:after { content: ''; display: block; position: absolute; left: 0; bottom: -10px; width: 100%; height: 2px; background-color: #000; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .list-type > li { position: relative; padding-left: 10px; line-height: 25px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .list-type > li:before { content: '•'; position: absolute; top: 0; left: 0; font-size: 13px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .list-type > li + li { margin-top: 5px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box.sign .search input { background-color: #fff; }

.normal-cont-wrap .normal-wrap.mpa .tab-box.sign table { border-top: 1px solid #919191; }

.normal-cont-wrap .normal-wrap.mpa .tab-box.sign table td input, .normal-cont-wrap .normal-wrap.mpa .tab-box.sign table td textarea { background-color: #fff; }

.normal-cont-wrap .normal-wrap.mpa .tab-box.sign table .scroll-box { background-color: #fff; border-radius: 3px; border: 1px solid #c8c8c8; box-sizing: border-box; padding: 15px; height: 200px; overflow-y: scroll; }

.normal-cont-wrap .normal-wrap.mpa .tab-box.sign .button-area { text-align: center; }

.normal-cont-wrap .normal-wrap.mpa .tab-box.sign .login-after { padding-top: 50px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box.sign .login-after .ui th { height: 65px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .login-before { border-bottom: 1px solid rgba(145, 145, 145, 0.3); height: 440px; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .login-before p { color: #181818; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ margin: 15px 0px 40px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .table .input-group { border-bottom: 0; border-top: 1px solid #dedede; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .table .input-group:last-child { border-bottom: 1px solid #dedede; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .table .open-button:not(.text-link) { display: inline-block; width: 16px; height: 35px; cursor: pointer; text-indent: -999em; background: url(../img/img_arrow_down.png) center no-repeat; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .table .open-button:not(.text-link).on { background: url(../img/img_arrow_up.png) center no-repeat; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area { background-color: #fff; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area .radio-group input:checked:disabled + label:before { background-image: none !important; border-radius: 50%; background-color: #cfcfcf; box-sizing: border-box; padding: 8px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area .radio-group input:checked:disabled + label::after { background-image: none !important; width: 7px; height: 7px; top: 8px; left: 8px; border-radius: 50%; background-color: #fff; z-index: 10; opacity: 1; cursor: default; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area table tr:last-child { border-bottom: 0 !important; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area table .input-group { border-top: 0; border-bottom: 1px solid #dedede; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area table th { padding-top: 16px; padding-bottom: 10px; font-size: 13px; vertical-align: top; box-sizing: border-box; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area table td { padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; font-size: 13px; text-align: left; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area table td label { font-size: 13px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area table td .w250 { max-width: 300px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area.tab4-list .hide-area .btn-wrap td { padding: 20px 0 24px 0; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table { table-layout: fixed; border-top: 1px solid #919191; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr { border-bottom: 1px solid #dedede; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr th { font-size: 14px; font-weight: 500; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr td { font-size: 13px; padding: 0 3px; word-break: break-all; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr td .ellipsis { display: block; overflow: hidden; margin: 0 auto; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr td .no-data { padding: 125px 0; font-size: 15px; text-align: center; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr td .ui.button { line-height: 30px; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr td, .normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr th { height: 50px; text-align: center; vertical-align: middle; }

.normal-cont-wrap .normal-wrap.mpa .tab-box .tb-list-area .table tr .test-n { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.normal-cont-wrap .normal-wrap.mpa .search-result { position: absolute; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; top: 66px; left: 0; width: 100%; min-height: 221px; max-height: 221px; }

.normal-cont-wrap .normal-wrap.mpa .search-result.inquire { top: 65px; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list { min-height: 100px; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list li + li { margin-top: 15px; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list li a { display: block; box-sizing: border-box; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.normal-cont-wrap .normal-wrap.mpa .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.normal-cont-wrap .normal-wrap.notice .table-type td p.ellipsis { cursor: pointer; }

.normal-cont-wrap .normal-wrap .table-type { table-layout: fixed; }

.normal-cont-wrap .normal-wrap .table-type .attach td:first-child { font-weight: bold; }

.normal-cont-wrap .normal-wrap .table-type tr { border-bottom: 1px solid #e1e1e1; }

.normal-cont-wrap .normal-wrap .table-type td { padding: 0 5px; height: 60px; font-size: 15px; text-align: center; vertical-align: middle; }

.normal-cont-wrap .normal-wrap .table-type th { padding: 0 5px; height: 50px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; }

.normal-cont-wrap .normal-wrap .table-type .no-data { padding: 150px 0; font-size: 15px; text-align: center; }

.normal-cont-wrap .normal-wrap.notice-page { /* 공지사항 게시판 상세 */ /* 검색결과 없을때 */ }

.normal-cont-wrap .normal-wrap.notice-page .attach td:first-child { font-weight: normal !important; }

.normal-cont-wrap .normal-wrap.notice-page td { height: 140px; padding: 0px; }

.normal-cont-wrap .normal-wrap.notice-page td a { display: block; }

.normal-cont-wrap .normal-wrap.notice-page td a:hover { opacity: 0.6; }

.normal-cont-wrap .normal-wrap.notice-page td .border-inner { width: 100%; table-layout: fixed; display: table; }

.normal-cont-wrap .normal-wrap.notice-page td .border-inner .border-day-cell { vertical-align: top; display: table-cell; width: 110px; text-align: right; }

.normal-cont-wrap .normal-wrap.notice-page td .border-inner .border-info-cell { position: relative; vertical-align: top; display: table-cell; padding: 0px 110px 0px 65px; text-align: left; }

.normal-cont-wrap .normal-wrap.notice-page td .border-inner .border-info-cell .border-sub-text { color: rgba(24, 24, 24, 0.9); font-size: 14px; font-weight: 400; line-height: 20px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.normal-cont-wrap .normal-wrap.notice-page td .border-inner .border-info-cell .border-sub-text .word { color: #E9464A; font-size: 14px; font-weight: 400; line-height: 20px; }

.normal-cont-wrap .normal-wrap.notice-page td .border-inner .border-info-cell .border-title { color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; }

.normal-cont-wrap .normal-wrap.notice-page td .border-inner .border-info-cell .border-title .word { color: #E9464A; font-size: 18px; font-weight: 700; line-height: 24px; }

.normal-cont-wrap .normal-wrap.notice-page td .border-inner .border-info-cell .border-detail { position: absolute; top: 50%; right: 20px; margin-top: -11px; }

.normal-cont-wrap .normal-wrap.notice-page.simple td { height: 65px; }

.normal-cont-wrap .normal-wrap.notice-page.simple td .border-title { margin-bottom: 0px !important; font-size: 15px !important; font-weight: 400 !important; line-height: 21px !important; }

.normal-cont-wrap .normal-wrap.notice-page .board-detail { padding: 35px 0px; border-top: 1px solid rgba(145, 145, 145, 0.8); border-bottom: 1px solid rgba(145, 145, 145, 0.3); }

.normal-cont-wrap .normal-wrap.notice-page .board-detail-title { color: #181818; font-size: 24px; font-weight: 700; line-height: 31px; }

.normal-cont-wrap .normal-wrap.notice-page .board-detail-info { padding: 15px 0px 40px; }

.normal-cont-wrap .normal-wrap.notice-page .board-detail-info span { position: relative; padding-left: 25px; color: rgba(24, 24, 24, 0.9); font-size: 16px; font-weight: 400; line-height: 22px; }

.normal-cont-wrap .normal-wrap.notice-page .board-detail-info span i { position: absolute; top: 50%; left: 0; margin-top: -8px; }

.normal-cont-wrap .normal-wrap.notice-page .board-detail-info span.day { padding-right: 10px; margin-right: 10px; }

.normal-cont-wrap .normal-wrap.notice-page .board-detail-info span.day:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 0px; width: 1px; height: 12px; background-color: rgba(145, 145, 145, 0.5); margin-top: -6px; }

.normal-cont-wrap .normal-wrap.notice-page .no-data { min-height: 440px; border-top: 1px solid rgba(145, 145, 145, 0.8); border-bottom: 1px solid rgba(145, 145, 145, 0.3); text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; }

.normal-cont-wrap .normal-wrap.notice-page .no-data p { margin-top: 15px; color: #181818; text-align: center; font-size: 16px; font-weight: 400; line-height: 22px; }

.normal-cont-wrap .normal-wrap.notice-page .no-data img { width: 100px; }

.normal-cont-wrap .normal-wrap.support .support-guide .guide-inner { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; text-align: left; }

.normal-cont-wrap .normal-wrap.support .support-guide .guide-inner div { width: 208px; height: 210px; }

.normal-cont-wrap .normal-wrap.support .support-guide .guide-inner div i { margin-bottom: 28px; }

.normal-cont-wrap .normal-wrap.support .support-guide .guide-inner div a { display: flex; flex-direction: column; background: #F7F7F7; padding: 28px 24px 30px 24px; box-sizing: border-box; border-radius: 15px; width: 100%; height: 100%; }

.normal-cont-wrap .normal-wrap.support .support-guide .guide-inner div a:hover { background: #F1F1F1; }

.normal-cont-wrap .normal-wrap.support .support-guide .guide-inner div a .text span { display: block; margin-top: 10px; color: rgba(24, 24, 24, 0.9); font-size: 14px; font-weight: 400; line-height: 20px; overflow: hidden; }

.normal-cont-wrap .normal-wrap.support .support-guide .guide-inner div a .text span:first-child { color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; margin-top: 0px; }

.normal-cont-wrap .normal-wrap.support .support-guide-sub .guide-sub-inner { display: flex; justify-content: space-between; flex-direction: row; }

.normal-cont-wrap .normal-wrap.support .support-guide-sub .guide-sub-inner div { width: 542.5px; }

.normal-cont-wrap .normal-wrap.support .support-guide-sub .guide-sub-inner div a { display: flex; align-items: center; background: #F7F7F7; padding: 0 25px; box-sizing: border-box; border-radius: 15px; width: 100%; height: 100%; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.02); backdrop-filter: blur(20px); color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; min-height: 90px; }

.normal-cont-wrap .normal-wrap.support .support-guide-sub .guide-sub-inner div a i { margin-right: 25px; }

.normal-cont-wrap .normal-wrap.support .support-guide-sub .guide-sub-inner div a:hover { background: #F1F1F1; }

.normal-cont-wrap .normal-wrap.support .support-guide-sub p { position: relative; color: #000000; font-size: 14px; font-weight: 400; line-height: 20px; padding-left: 38px; margin-top: 30px; }

.normal-cont-wrap .normal-wrap.support .support-guide-sub p a { color: #000000; }

.normal-cont-wrap .normal-wrap.support .support-guide-sub p i { position: absolute; top: 50%; left: 10px; transform: translate3d(0%, -50%, 0); }

.normal-cont-wrap .normal-wrap .search-result-list .title-result { font-size: 15px; }

.normal-cont-wrap .normal-wrap .search-result-list .no-data { padding: 100px 0; text-align: center; }

.normal-cont-wrap .normal-wrap .search-result-list .no-data p { margin-top: 30px; font-size: 15px; }

.normal-cont-wrap .normal-wrap .search-result-list .word { color: #0959fa; font-weight: 700; }

.normal-cont-wrap .normal-wrap .search-result-list .cont-result { font-size: 13px; margin-top: 20px; }

.normal-cont-wrap .normal-wrap .search-result-list li { padding: 30px 0; border-bottom: 1px solid #e1e1e1; }

.normal-cont-wrap .normal-wrap .board-detail { padding: 30px 20px; border-top: 1px solid #919191; border-bottom: 1px solid #e1e1e1; box-sizing: border-box; }

.normal-cont-wrap .normal-wrap .board-detail .title-board { font-size: 15px; font-weight: 700; word-break: break-all; }

.normal-cont-wrap .normal-wrap .board-detail .sub-title li { display: inline-block; position: relative; font-size: 13px; color: #919191; }

.normal-cont-wrap .normal-wrap .board-detail .sub-title li + li { padding-left: 10px; }

.normal-cont-wrap .normal-wrap .board-detail .sub-title li + li:before { content: ''; display: inline-block; position: absolute; top: 5px; left: 3px; width: 1px; height: 10px; background-color: #e1e1e1; }

.normal-cont-wrap .normal-wrap .board-detail .cont-detail { padding-top: 30px; }

.normal-cont-wrap .normal-wrap .board-detail td { height: auto !important; }

.normal-cont-wrap .normal-wrap .board-detail td a { display: inline-block !important; }

.normal-cont-wrap .normal-wrap .support-list { margin-left: -20px; }

.normal-cont-wrap .normal-wrap .support-list li { float: left; width: 20%; border-radius: 10px; }

.normal-cont-wrap .normal-wrap .support-list li > a { display: block; margin-left: 20px; border: 1px solid #dedede; border-radius: 10px; }

.normal-cont-wrap .normal-wrap .support-list li > a:hover { border: 0; box-shadow: 2px 5px 15px 0px rgba(0, 0, 0, 0.1); }

.normal-cont-wrap .normal-wrap .support-list li > a:hover .ico-arrow { background: url(../img/ico_intro_arrow_h.png) no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro { position: relative; height: 200px; padding: 20px 0 0 20px; border-radius: 10px; box-sizing: border-box; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro .tit { font-size: 20px; line-height: 1.2; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro .ico-arrow { display: block; margin-top: 20px; width: 14px; height: 12px; background: url(../img/ico_intro_arrow.png) no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico1 { background: url(../img/ico_support_01.png) 95px 125px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico2 { background: url(../img/ico_support_02.png) 75px 121px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico3 { background: url(../img/ico_support_03.png) 89px 109px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico4 { background: url(../img/ico_support_04.png) 80px 123px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico5 { background: url(../img/ico_support_05.png) 90px 112px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico6 { background: url(../img/ico_support_11.png) 85px 106px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico7 { background: url(../img/ico_support_07.png) 88px 123px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico8 { background: url(../img/ico_support_08.png) 86px 123px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico9 { background: url(../img/ico_support_09.png) 86px 131px no-repeat; }

.normal-cont-wrap .normal-wrap .support-list li .box-intro.ico10 { background: url(../img/ico_support_10.png) 78px 115px no-repeat; }

.normal-cont-wrap .normal-wrap .support-legal { margin-top: 80px; background-color: #f7f7f7; }

.normal-cont-wrap .normal-wrap .support-legal .cont-inner { width: 942px; margin: 0 auto; padding: 30px 0; box-sizing: border-box; }

.normal-cont-wrap .normal-wrap .support-legal .cont-inner .tit-legal { float: left; padding-top: 6px; font-size: 20px; font-weight: 400; line-height: 1.3; }

.normal-cont-wrap .normal-wrap .support-legal .cont-inner .legal-list { float: left; margin-left: 50px; }

.normal-cont-wrap .normal-wrap .support-legal .cont-inner .legal-list li.btn-box { display: inline-block; min-width: 360px; border: 1px solid #d8d8d8; border-radius: 3px; background: url(../img/ico_intro_arrow_02.png) calc(100% - 20px) center no-repeat; }

.normal-cont-wrap .normal-wrap .support-legal .cont-inner .legal-list li.btn-box + li { margin-left: 17px; }

.normal-cont-wrap .normal-wrap .support-legal .cont-inner .legal-list li.btn-box > a { display: block; padding: 0 56px 0 20px; font-size: 17px; line-height: 60px; }

.normal-cont-wrap .normal-wrap .support-legal .cont-inner .legal-list li.list-desc { margin-left: 0 !important; padding-top: 10px; }

.normal-cont-wrap .normal-wrap .support-legal .cont-inner .legal-list li.list-desc a { font-weight: 700; }

.normal-cont-wrap .normal-wrap .support-search { width: 942px; margin: 0px auto 50px; }

.normal-cont-wrap .normal-wrap .support-search input { padding-bottom: 20px; }

.normal-cont-wrap .normal-wrap .support-search input::-webkit-input-placeholder { font-size: 25px; font-weight: 200; }

.normal-cont-wrap .normal-wrap .support-search input::-ms-input-placeholder { font-size: 25px; font-weight: 200; }

.normal-cont-wrap .normal-wrap .support-search input::placeholder { font-size: 25px; font-weight: 200; }

.normal-cont-wrap .terms-area { margin: 45px 0 0 0; }

.normal-cont-wrap .terms-area .terms-top { padding-bottom: 40px; border-bottom: 1px solid #e1e1e1; }

.normal-cont-wrap .terms-area .terms-top .w230.select-group, .normal-cont-wrap .terms-area .terms-top .w230.ui.dropdown, .normal-cont-wrap .terms-area .terms-top .w230.ui.dropdown .ui.button { display: inline-block; min-width: 250px; width: 250px; }

.normal-cont-wrap .terms-area .terms-top .w300.select-group, .normal-cont-wrap .terms-area .terms-top .w300.ui.dropdown, .normal-cont-wrap .terms-area .terms-top .w300.ui.dropdown .ui.button { display: inline-block; min-width: 300px; width: 300px; }

.normal-cont-wrap .terms-area .terms-top .ui.dropdown .ui.button.basic { padding-left: 15px; padding-right: 38px; }

.normal-cont-wrap .terms-area .terms-top .ui.dropdown .dropdown-items { min-height: 60px; max-height: 500px; overflow-y: auto; }

.normal-cont-wrap .terms-area .terms-top .select-terms { padding: 40px 0 0 0; }

.normal-cont-wrap .terms-area .tit-terms { font-size: 30px; font-weight: 700; line-height: 43px; }

.normal-cont-wrap .terms-area .desc-terms { margin-top: 10px; font-size: 15px; font-weight: 400; line-height: 21px; }

.normal-cont-wrap .terms-area .desc-terms a.fblue { color: rgba(24, 24, 24, 0.9) !important; }

.normal-cont-wrap .terms-area .cont-inner { padding-top: 40px; line-height: 1.6; }

.normal-cont-wrap .terms-area .table-type { table-layout: fixed; }

.normal-cont-wrap .terms-area .table-type tr { border-bottom: 1px solid #e1e1e1; }

.normal-cont-wrap .terms-area .table-type td { padding: 5px; height: 40px; font-size: 14px; text-align: center; vertical-align: middle; }

.normal-cont-wrap .terms-area .table-type th { padding: 0 5px; height: 40px; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; }

.normal-cont-wrap .terms-area .table-type .border-left { border-left: 1px solid #e1e1e1; }

.normal-cont-wrap .terms-area .table-type .border-right { border-right: 1px solid #e1e1e1; }

.normal-cont-wrap .terms-area .list-type li { position: relative; padding-left: 10px; }

.normal-cont-wrap .terms-area .list-type li:before { content: '-'; position: absolute; top: 0; left: 0; font-size: 15px; }

.normal-cont-wrap .terms-area .list-type.type2 li { padding-left: 10px; }

.normal-cont-wrap .terms-area .list-type.type2 li:before { content: '•'; position: absolute; top: 0; left: 0; font-size: 15px; }

.qna-mailto { position: relative; color: #000000; font-size: 14px; font-weight: 400; line-height: 20px; padding-left: 38px; }

.qna-mailto a { color: #000000; }

.qna-mailto i { position: absolute; top: 50%; left: 10px; transform: translate3d(0%, -50%, 0); }

/* 회원 */
.login-area .udp-agree { text-align: center; }

.login-area .udp-agree .bg-gray { padding: 40px; }

.login-area .udp-agree .bg-gray p { line-height: 20px; }

.login-area .udp-agree .bg-gray + .btn-area .button + .button { margin-left: 6px; }

.login-area .search-id-email { width: 100%; padding: 0 140px 60px 140px; }

.login-area .search-id-email .ui.line-info { margin-top: 55px; }

.login-area .search-id-email .ui.line-info .title-line { font-weight: 700; }

.login-area .search-id-email .ui.line-info .info-line .desc-info { line-height: 30px; }

.login-area .search-id-email .ui.line-info:after { content: ''; display: block; clear: both; }

.login-area .search-id-email table tr.email td .input { width: 100%; }

.login-area .search-id-email table tr.email td .input > span { display: inline-block; }

.login-area .search-id-email table tr.email td .input > span.input-g1 { width: 150px; }

.login-area .search-id-email table tr.email td .input > span.input-g3 { width: 200px; }

.login-area .search-id-email table tr.email td .input .input-g4 { display: inline-block; width: 150px; vertical-align: middle; }

.login-area .search-id-email table tr.email td .login-prevention + div span.text-input { margin-left: 7px; }

.login-area .search-id-email .register-id-search table td span.input { display: inline-block; width: 200px; }

.login-area .search-id-email .register-id-search table td.verifi-area .phone-num .select-group { display: inline-block; width: 165px; vertical-align: middle; }

.login-area .search-id-email .register-id-search table td.verifi-area span.text-input { margin-left: 8px; }

.login-area .search-pw table { margin-top: 15px !important; }

.login-area .search-pw table tr.input-group { border-bottom: 0; }

.login-area .search-pw table tr.input-group th { padding: 0 !important; font-size: 13px; vertical-align: middle !important; }

.login-area .search-pw table tr.input-group td { padding: 7px !important; font-size: 15px; vertical-align: middle !important; }

.login-area .search-pw-complete .img-area { margin-top: 35px; text-align: center; }

.login-area .search-pw-complete .img-area img { width: 180px; }

.login-area .search-pw-complete p.text-center { line-height: 20px; }

@media only screen and (max-height: 670px) { .normal-cont-wrap.middle { height: auto; } }

/*지적재산권 팝업*/
.conditions-wrap { box-sizing: border-box; }

.conditions-wrap .cont-inner { position: relative; box-sizing: border-box; }

.conditions-wrap .conditions-top { position: relative; padding: 22px 20px; background-color: rgba(255, 255, 255, 0.5); box-sizing: border-box; }

.conditions-wrap .conditions-top .title { display: inline-block; font-size: 17px; color: #000; }

.conditions-wrap .conditions-top .ico_back { display: inline-block; margin-right: 5px; width: 25px; height: 25px; background: url(../img/img_back_black.png) center no-repeat; background-size: 20px 16px; text-indent: -999em; }

.conditions-wrap .conditions-top ul li { display: inline-block; position: relative; }

.conditions-wrap .conditions-top ul li .logo { display: inline-block; width: 120px; background: url(../img/ico_onstore.png) center no-repeat; background-size: 120px auto; text-indent: -9999em; vertical-align: middle; }

.conditions-wrap .conditions-top ul li + li { margin-left: 20px; }

.conditions-wrap .conditions-top ul li + li:before { content: ''; display: inline-block; position: absolute; top: 10px; left: -13px; width: 6px; height: 10px; background: url(../img/img_arrow_right_p03.png) center left no-repeat; background-size: 6px auto; }

.conditions-wrap .conditions-cont { padding: 20px; }

.conditions-wrap .conditions-cont .list-type li { position: relative; padding-left: 10px; }

.conditions-wrap .conditions-cont .list-type li:before { content: '-'; position: absolute; top: 0; left: 0; font-size: 15px; }

.conditions-wrap .conditions-cont .list-type.type2 li { padding-left: 10px; }

.conditions-wrap .conditions-cont .list-type.type2 li:before { content: '•'; position: absolute; top: -3px; left: 0; font-size: 15px; }

.conditions-wrap .conditions-cont img { width: 100%; max-width: 669px; }

.layer-pop .member-confirm-type { text-align: center; }

.layer-pop .member-confirm-type .button { position: absolute; bottom: 25px; left: 50%; transform: translate(-50%, 0); background-color: #fff; }

.layer-pop .member-confirm-type .title-confirm { font-size: 16px; font-weight: 500; }

.layer-pop .member-confirm-type .cont-inner { position: relative; min-height: 185px; }

.layer-pop .member-confirm-type .cont-inner p { word-break: keep-all; }

.layer-pop .terms-scroll-wrap { font-size: 13px; word-wrap: keep-word; }

.layer-pop .terms-scroll-wrap strong { font-weight: 700; }

.layer-pop .member-regist-pop tr th, .layer-pop .member-regist-pop tr td { padding: 19px 10px 15px 10px; font-size: 15px; }

.layer-pop .member-regist-pop .w90 { width: 90px; min-width: auto !important; }

.layer-pop .member-regist-pop .w110 { width: 110px !important; }

.layer-pop .member-regist-pop .w120 { width: 120px !important; }

.layer-pop .member-regist-pop .w130 { width: 130px !important; }

.layer-pop .member-regist-pop .w140 { min-width: 140px; width: 140px !important; }

.layer-pop .member-regist-pop .w145 { width: 145px !important; }

.layer-pop .member-regist-pop .w350 { width: 350px !important; }

.layer-pop .member-regist-pop .d-inline { display: inline-block; vertical-align: middle; }

.layer-pop .member-regist-pop.ui.form .input-group > .label, .layer-pop .member-regist-pop.ui.form .text-group > .label { margin-bottom: 10px; padding: 0; width: auto; }

.layer-pop .member-regist-pop.ui.form .input { padding: 0; }

.layer-pop .member-regist-pop.ui.form .input .w125 { width: 125px !important; }

.layer-pop .member-regist-pop.ui.form .input .w150 { width: 150px !important; }

.layer-pop .member-regist-pop.ui.form input { background-color: #fff; }

.layer-pop .member-regist-pop.ui.form .input-group + .input-group { margin-top: 15px; }

.layer-pop .member-regist-pop.ui.form .search-result { position: absolute; top: 45px; left: 0; width: 100%; min-height: 221px; max-height: 221px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list { min-height: 100px; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list li + li { margin-top: 15px; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list li a { display: block; box-sizing: border-box; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.layer-pop .member-regist-pop.ui.form .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.layer-pop .member-regist-pop.ui.form .input-group.email .input-g1 { display: inline-block; width: 150px; }

.layer-pop .member-regist-pop.ui.form .input-group.email .input-g2 { display: inline-block; margin: 0 2px; font-size: 15px; }

.layer-pop .member-regist-pop.ui.form .input-group.email .input-g3 { display: inline-block; width: 187px; }

.layer-pop .member-regist-pop.ui.form .input-group.email .input-g4 { display: inline-block; margin-left: 3px; width: 150px; vertical-align: middle; background-color: #fff; }

.layer-pop .member-regist-pop.ui.form .input-group.outh .checkbox + .checkbox { margin-left: 15px; }

.layer-pop .member-regist-pop.ui.form .input-group.outh .checkbox label:before { background-color: #fff; }

.layer-pop .member-regist-pop.ui.form .input-group.date .date-group { display: inline-block; }

.layer-pop .member-regist-pop.ui.form .input-group.date .date-group .ui.calendar { display: inline-block; min-width: 125px; width: 125px; }

.layer-pop .member-regist-pop.ui.form .input-group.date .date-group .ui.calendar.time { margin-left: 3px; min-width: 55px; width: 55px; }

.layer-pop .member-regist-pop.ui.form .input-group.date .gubun { padding: 0 3px; }

.layer-pop .member-regist-pop.ui.form .input-group.search .ui.search.border-rw { position: relative; }

.layer-pop .member-regist-pop.ui.form .input-group .button { font-size: 14px; background-color: #fff; }

.layer-pop .member-regist-pop.ui.form .input-group .selectric .button:after { background-color: #fff; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input .select-group { display: inline-block; min-width: 78px; width: 78px; background-color: #fff; vertical-align: middle; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input .select-group + .select-group { margin-left: 3px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input .select-group.input-g2 { min-width: 75px; width: 75px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input .input-gubun { display: inline-block; color: #919191; vertical-align: middle; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input .input-g3 { display: inline-block; width: 68px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input .input-g4 { display: inline-block; margin-right: 3px; width: 68px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .phone-confirm { margin-top: 10px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .phone-confirm .input-g1 { margin-right: 15px; font-size: 15px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .phone-confirm .input-g2 { position: relative; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .phone-confirm .input-g2 input { padding-right: 50px; width: 200px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .phone-confirm .input-g2 .text-sec { position: absolute; top: 5px; right: 15px; color: #e9464a; font-size: 12px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .phone-confirm .input-g2 + button { margin-left: 3px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .phone-confirm .input-g2 + button + button { margin-left: 3px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input-foreign .input-g1 { display: inline-block; min-width: 145px; margin-right: 3px; background-color: #fff; vertical-align: middle; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input-foreign .input-g2 { display: inline-block; width: 170px; }

.layer-pop .member-regist-pop.ui.form .input-group.phone .input-foreign .button { margin-left: 3px; }

.layer-pop .member-regist-pop.ui.form .text-group textarea { height: 80px; background-color: #fff; }

.layer-pop .member-regist-pop.ui.form .text-group textarea.w100 { height: 100px; }

.layer-pop .member-regist-pop.ui.form .text-group textarea.h150 { height: 150px; }

.layer-pop .member-regist-pop.ui.form .text-group textarea.h220 { height: 220px; }

.layer-pop .member-regist-pop.ui.form .charge-list li + li { margin-top: 10px; }

.layer-pop .member-regist-pop.ui.form .charge-list li .add-charge { display: inline-block; margin-left: 2px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_plus_g.png) center no-repeat; background-size: 13px auto; }

.layer-pop .member-regist-pop.ui.form .charge-list li .minus-charge { display: inline-block; margin-left: 5px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_minus.png) center no-repeat; background-size: 13px auto; }

.layer-pop .email-adredit-area { margin-top: 20px; }

.layer-pop .email-adredit-area .ui.form .input-group > .label { padding-left: 3px; width: 95px; }

.layer-pop .email-adredit-area .ui.form .input-group.email .input-g1 { display: inline-block; width: 120px; }

.layer-pop .email-adredit-area .ui.form .input-group.email .input-g2 { display: inline-block; margin: 0 2px; font-size: 15px; }

.layer-pop .email-adredit-area .ui.form .input-group.email .input-g3 { display: inline-block; width: 140px; }

.layer-pop .email-adredit-area .ui.form .input-group.email .input-g4 { display: inline-block; margin-left: 3px; width: 140px; vertical-align: middle; background-color: #fff; }

.layer-pop .email-adredit-area .ui.form .input-group .button { font-size: 14px; background-color: #fff; }

.layer-pop .email-adredit-area .ui.form .input-group .selectric .button:after { background-color: #fff; }

.layer-pop .email-adredit-area .ui.form .input-group td { padding: 14px 0; }

.layer-pop .post-adress-pop .bg-box { margin-top: 20px; }

.layer-pop .post-adress-pop .bg-box .radio { display: inline-block; margin-bottom: 20px; }

.layer-pop .post-adress-pop .bg-box .radio + .radio { margin: 0 0 0 50px; }

.layer-pop .post-adress-pop .bg-box .input-group.search { position: relative; }

.layer-pop .post-adress-pop .bg-box .input-group.search .input { padding-right: 86px; }

.layer-pop .post-adress-pop .bg-box .input-group.search .ui.button { position: absolute; top: 0; right: 0; }

.layer-pop .post-adress-pop .bg-box .load-adress-area { margin-bottom: 5px; }

.layer-pop .post-adress-pop .bg-box .load-adress-area .tit { display: inline-block; font-size: 13px; }

.layer-pop .post-adress-pop .bg-box .load-adress-area .select-group { display: inline-block; margin-left: 3px; vertical-align: middle; }

.layer-pop .post-adress-pop .bg-box .load-adress-area .selectric .label { background-color: #fff; }

.layer-pop .post-adress-pop .post-result { margin-top: 20px; }

.layer-pop .post-adress-pop .post-result .table-result { border-top: 1px solid #919191; table-layout: fixed; }

.layer-pop .post-adress-pop .post-result .table-result .no-data { padding: 184px 0; font-size: 15px; }

.layer-pop .post-adress-pop .post-result .table-result .scroll-wrap { height: 420px; overflow-y: auto; }

.layer-pop .post-adress-pop .post-result .table-result .scroll-wrap.h210 { height: 210px; }

.layer-pop .post-adress-pop .post-result .table-result thead th { padding: 10px 0; font-size: 13px; font-weight: 500; text-align: center; }

.layer-pop .post-adress-pop .post-result .table-result tbody td { padding: 10px 0; font-size: 12px; text-align: center; word-break: break-all; }

.layer-pop .post-adress-pop .post-result .table-result tr { border-bottom: 1px solid #e1e1e1; }

.layer-pop .post-adress-pop .post-result .pagination { margin-top: 50px; }

.layer-pop .notice-product-search { position: relative; }

.layer-pop .notice-product-search .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.layer-pop .notice-product-search .ui.button { margin-left: 3px; }

.layer-pop .notice-product-search .input-group { display: inline-block; padding: 0 0 0 155px; width: 50%; }

.layer-pop .table-type.type1 th { padding: 0 5px; height: 40px; font-size: 13px; font-weight: 500; text-align: center; vertical-align: middle; }

.layer-pop .table-type.type1 td { padding: 0 5px; height: 40px; font-size: 12px; text-align: center; vertical-align: middle; }

.layer-pop .table-type.type1 .ui.button { min-width: 70px; }

.layer-pop .calculate-pop .info-icon-wrap { position: relative; color: rgba(24, 24, 24, 0.7); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ padding-left: 28px; display: inline-block; margin: 0 auto; }

.layer-pop .calculate-pop .info-icon-wrap i { position: absolute; top: 1px; left: 0px; }

.layer-pop .calculate-pop .qna-mailto { justify-content: center; border-radius: 5px; background: #F7F7F7; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.02); backdrop-filter: blur(20px); padding: 20px 0px; color: #181818; font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; }

.sup { padding-left: 2px; color: #000; font-size: 12px; font-weight: 700; vertical-align: super; }

/* 상단 공통 소개 영역, 광고센터, 상생 등 Start */
.top-intro-set { display: flex; justify-content: center; width: 100%; min-width: 1120px; height: 410px; background: #110E39; color: #ffffff; padding-top: 106px; box-sizing: border-box; overflow: hidden; }

.top-intro-set.one-ads .cont-inner { background: url(../img/img_ads_logo.png) right center no-repeat; background-size: 460px 80px; }

.top-intro-set.introduce { background: #0B0917; }

.top-intro-set.introduce .cont-inner { background: url(../img/img_about_370_2.png) right 0px no-repeat; background-size: 370px 250px; }

.top-intro-set.introduce-case { background: #463DAE; }

.top-intro-set.introduce-case .cont-inner { background: url(../img/img_about_370_3.png) right 0px no-repeat; background-size: 370px 250px; }

.top-intro-set.mpa { background: #362E96; }

.top-intro-set.mpa .cont-inner { background: url(../img/img_about_370_4.png) right 0px no-repeat; background-size: 370px 250px; }

.top-intro-set.betaGZ { background: #4F4BD1; }

.top-intro-set.betaGZ .cont-inner { background: url(../img/img_about_370_5.png) right 0px no-repeat; background-size: 370px 250px; }

.top-intro-set.indieGZ { background: #5E49DA; }

.top-intro-set.indieGZ .cont-inner { background: url(../img/img_about_370_6.png) right 0px no-repeat; background-size: 370px 250px; }

.top-intro-set .cont-inner { width: 1120px; height: 250px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: relative; left: 10px; }

.top-intro-set .text-section { margin-bottom: 35px; }

.top-intro-set .text-section .tit { font-size: 30px; font-weight: 700; line-height: 43px; color: #ffffff; margin-bottom: 20px; }

.top-intro-set .text-section .desc { font-size: 19px; font-style: normal; font-weight: 400; line-height: 25px; color: rgba(255, 255, 255, 0.8); }

.top-intro-set .table-css { width: 1120px; max-height: 205px; margin: 0 auto; text-align: left; }

.top-intro-set .table-css .cell { vertical-align: middle; }

.top-intro-set .top-banner { width: 370px; }

.top-intro-set .top-banner img { width: 100%; }

/* 상단 공통 소개 영역, 광고센터, 상생 등 End */
/* keyframes Start */
@-webkit-keyframes mainText { 0% { opacity: 0;
    -webkit-transform: translate3d(0%, 5%, 0);
    transform: translate3d(0%, 5%, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0); } }

@keyframes mainText { 0% { opacity: 0;
    -webkit-transform: translate3d(0%, 5%, 0);
    transform: translate3d(0%, 5%, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0); } }

@keyframes mainInteraction { 0% { opacity: 0;
    transform: translate3d(-50%, 0%, 0) scale(0.9); }
  100% { opacity: 1;
    transform: translate3d(-50%, 0%, 0) scale(1); } }

/* keyframes End */
/** 구조개편 컴포넌트 css Start **/
/* 텍스트 + 아이콘 button */
.btn-default { display: flex; align-items: center; justify-content: center; border: 1px solid #C8C8C8; background: #ffffff; color: #181818; font-size: 14px; font-style: normal; font-weight: 400; border-radius: 3px; padding: 0px 10px 0px 10px; height: 35px; box-sizing: border-box; }

.btn-default.w150 { min-width: 150px !important; width: auto !important; padding: 0 13px !important; }

.btn-default.w300 { min-width: 300px !important; width: auto !important; padding: 0 13px !important; }

.btn-default.h40 { height: 40px; }

.btn-default.h50 { height: 50px; }

.btn-default.red { background: #E9464A; color: #ffffff; padding: 0px 16px 0px 12px; border: 0px; box-sizing: border-box; font-size: 16px; }

.btn-default.red i { margin-right: 4px; }

.btn-default.red:disabled { color: #181818; background-color: #f1f1f1; }

.btn-default.red-line { color: #E9464A; padding: 0px 16px 0px 12px; border: 1px solid #E9464A; box-sizing: border-box; font-size: 16px; }

.btn-default.red-line i { margin-right: 4px; }

.btn-default .icon-pack { vertical-align: top; margin-right: 2px; }

/* 안내 영역 */
.info-guidebox-wrap { margin-bottom: 50px; /* 단일 안내 박스 */ /* 회색 안내 박스 */ /* 확인 안내 박스 */ /* 에러 안내 박스 */ }

.info-guidebox-wrap > div { margin-top: 12px; }

.info-guidebox-wrap > div:first-child { margin-top: 0px; }

.info-guidebox-wrap.toggle .title { padding-right: 30px; }

.info-guidebox-wrap.toggle .info-guidebox-btn { position: absolute; right: 20px; top: 20px; }

.info-guidebox-wrap.toggle .info-guidebox-btn button.btn-default { padding: 0; width: 20px; height: 20px; border: 0 none; outline: 0 none; background: transparent; }

.info-guidebox-wrap.toggle .info-guidebox-btn button.btn-default i.icon-pack { margin: 0; }

.info-guidebox-wrap.toggle .list-type-wrap.hidden { display: none; }

.info-guidebox-wrap.toggle > div { position: relative; }

.info-guidebox-wrap .icon-pack { vertical-align: top; }

.info-guidebox-wrap .info-guidebox-gray { position: relative; padding: 20px; border-radius: 8px; border: 1px solid #F1F1F1; background: #FBFBFB; font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); }

.info-guidebox-wrap .info-guidebox-gray i { margin-right: 10px; flex: 0 0 auto; }

.info-guidebox-wrap .info-guidebox-gray .title { display: flex; align-items: center; color: #181818; font-size: 13px; font-style: normal; font-weight: 700; line-height: 19px; /* 146.154% */ padding-bottom: 4px; }

.info-guidebox-wrap .info-guidebox-gray .list-type { border-top: 1px solid #DEDEDE; padding-top: 12px; margin-top: 12px; }

.info-guidebox-wrap .info-guidebox-gray .list-type li { font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ margin-top: 2px; }

.info-guidebox-wrap .info-guidebox-gray .list-type li:first-child { margin-top: 0px; }

.info-guidebox-wrap .info-guidebox-gray .list-type-wrap { border-top: 1px solid #DEDEDE; padding-top: 12px; margin-top: 12px; }

.info-guidebox-wrap .info-guidebox-gray .list-type-wrap .list-type { padding-top: 0px; margin-top: 0px; border-top: 0px; }

.info-guidebox-wrap .info-guidebox-gray .list-type-wrap .text-type { font-size: 12px; line-height: 17px; }

.info-guidebox-wrap .info-guidebox-gray .link { color: #0959FA; text-decoration: underline; text-underline-position: under; }

.info-guidebox-wrap .info-guidebox-yellow { position: relative; padding: 20px; border-radius: 8px; border: 1px solid rgba(223, 158, 0, 0.25); background: rgba(243, 188, 56, 0.08); font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); }

.info-guidebox-wrap .info-guidebox-yellow i { margin-right: 10px; flex: 0 0 auto; }

.info-guidebox-wrap .info-guidebox-yellow .title { display: flex; align-items: center; color: #181818; font-size: 13px; font-style: normal; font-weight: 700; line-height: 19px; /* 146.154% */ padding-bottom: 4px; }

.info-guidebox-wrap .info-guidebox-yellow .list-type { border-top: 1px solid rgba(223, 158, 0, 0.2); padding-top: 12px; margin-top: 12px; }

.info-guidebox-wrap .info-guidebox-yellow .list-type li { font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ padding-top: 2px; }

.info-guidebox-wrap .info-guidebox-yellow .list-type li:first-child { padding-top: 0px; }

.info-guidebox-wrap .info-guidebox-yellow .list-type-wrap { border-top: 1px solid rgba(223, 158, 0, 0.2); padding-top: 12px; margin-top: 12px; }

.info-guidebox-wrap .info-guidebox-yellow .list-type-wrap p { font-size: 12px; line-height: 17px; margin-bottom: 8px; }

.info-guidebox-wrap .info-guidebox-yellow .list-type-wrap .list-type { padding-top: 0px; margin-top: 0px; border-top: 0px; }

.info-guidebox-wrap .info-guidebox-yellow .link { color: #0959FA; text-decoration: underline; text-underline-position: under; }

.info-guidebox-wrap .info-guidebox-red { position: relative; padding: 20px; border-radius: 8px; border: 1px solid rgba(233, 70, 74, 0.25); background: rgba(233, 70, 74, 0.08); font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); }

.info-guidebox-wrap .info-guidebox-red i { margin-right: 10px; flex: 0 0 auto; }

.info-guidebox-wrap .info-guidebox-red .title { display: flex; align-items: center; color: #181818; font-size: 13px; font-style: normal; font-weight: 700; line-height: 19px; /* 146.154% */ padding-bottom: 4px; }

.info-guidebox-wrap .info-guidebox-red .list-type { border-top: 1px solid rgba(233, 70, 74, 0.2); padding-top: 12px; margin-top: 12px; }

.info-guidebox-wrap .info-guidebox-red .list-type p { font-size: 12px; line-height: 17px; margin-bottom: 8px; }

.info-guidebox-wrap .info-guidebox-red .list-type li { font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ padding-top: 2px; }

.info-guidebox-wrap .info-guidebox-red .list-type li:first-child { padding-top: 0px; }

.info-guidebox-wrap .info-guidebox-red .list-type-wrap { border-top: 1px solid rgba(233, 70, 74, 0.2); padding-top: 12px; margin-top: 12px; }

.info-guidebox-wrap .info-guidebox-red .list-type-wrap p { font-size: 12px; line-height: 17px; margin-bottom: 8px; }

.info-guidebox-wrap .info-guidebox-red .list-type-wrap .list-type { padding-top: 0px; margin-top: 0px; border-top: 0px; }

.info-guidebox-wrap .info-guidebox-red .link { color: #0959FA; text-decoration: underline; text-underline-position: under; }

/* 상품현황 상단 filter 영역 */
.filter-panel-wrap .time-zone { color: #919191; text-align: right; font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; /* 146.154% */ padding: 20px 0 16px; }

.filter-panel-wrap .filter-panel .time-zone { padding: 0px; display: flex; align-items: flex-end; }

.filter-panel { display: flex; justify-content: space-between; }

.filter-panel.full { box-sizing: border-box; }

.filter-panel.full .search-more-area { width: 100%; }

.filter-panel.full .search-more-area .border-rw { width: 100%; }

.filter-panel.full .search-more-area .border-rw .input-group input { height: 35px; font-size: 13px; line-height: 35px; }

.filter-panel.full .search-more-area .search-result { width: 100%; }

.filter-panel .dropdown-area { display: flex; align-items: flex-start; justify-content: flex-start; }

.filter-panel .dropdown-area .dropdown { width: 150px; margin-right: 5px; }

.filter-panel .dropdown-area .dropdown .button { display: inline-block; vertical-align: middle; width: 100%; }

.filter-panel .search-more-area { position: relative; display: flex; align-items: center; }

.filter-panel .search-more-area .search .input-group input { padding: 0 42px 0px 15px; }

.filter-panel .search-more-area .search-result { position: absolute; top: 45px; right: 0; width: 420px; min-height: 360px; max-height: 360px; z-index: 3; padding: 16px !important; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.filter-panel .search-more-area .search-result.h230 { min-height: 230px !important; max-height: 230px !important; }

.filter-panel .search-more-area .search-result.left { left: 0; right: auto; }

.filter-panel .search-more-area .search-result .result-list { min-height: 100px; }

.filter-panel .search-more-area .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.filter-panel .search-more-area .search-result .result-list li + li { margin-top: 16px; }

.filter-panel .search-more-area .search-result .result-list li a { display: block; box-sizing: border-box; }

.filter-panel .search-more-area .search-result .result-list li .cont-inner { position: relative; min-height: 56px !important; box-sizing: border-box; }

.filter-panel .search-more-area .search-result .result-list li .cont-inner .img { position: absolute; top: 0 !important; left: 0 !important; width: 56px !important; height: 56px !important; margin: 0px !important; background-repeat: no-repeat; background-position: center center; display: block; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.filter-panel .search-more-area .search-result .result-list li .cont-inner .img img { width: 100% !important; border: 0px !important; border-radius: 0px !important; }

.filter-panel .search-more-area .search-result .result-list li .cont-inner .img::after { position: absolute; content: ''; left: 0; top: 0; width: 56px; height: 56px; border: 1px solid rgba(0, 0, 0, 0.05); -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-sizing: border-box; }

.filter-panel .search-more-area .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 68px !important; font-size: 13px; word-break: break-all; }

.filter-panel .search-more-area .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 2px; font-size: 13px; color: #919191; word-break: break-all; }

.filter-panel.table .dropdown-area { flex: 0 0 auto; margin-right: 10px; }

.filter-panel.table .dropdown-area .dropdown { margin-right: 0; }

.filter-panel.table .search-more-area { flex: 1 1; }

.filter-panel.table .search-more-area .search-wrap { position: relative; width: 100%; max-width: 350px; }

.filter-panel.table .search-more-area .search-wrap .ui.search.w240 { width: 100%; }

.filter-panel.table .search-more-area .search-wrap .search-result { width: 100%; }

/* table 영역 */
.table-area { margin-bottom: 20px; }

.table-area .product-title-field { padding: 16px 0px 12px; min-height: 35px; display: flex; align-items: center; justify-content: space-between; }

.table-area .product-title-field .product-title { width: 100%; }

.table-area .product-title-field .product-title span { font-size: 18px; font-weight: 700; line-height: 24px; /* 133.333% */ }

.table-area .product-title-field .product-title button { margin-left: 5px; vertical-align: top; }

.table-area .product-title-field .product-title input { max-width: 575px; height: 35px; width: 100%; border: 1px solid #C8C8C8; outline: none; padding: 8px 15px; font-size: 13px; line-height: 19px; display: inline-block; box-sizing: border-box; border-radius: 3px; background: #ffffff; color: #181818; }

.table-area .product-title-field .osAdder { display: flex; flex: 0 0 auto; margin-left: 16px; }

.table-area .status-table { table-layout: fixed; border-top: 1px solid #DEDEDE; }

.table-area .status-table thead tr { border-bottom: 0px !important; }

.table-area .status-table tr { border-bottom: 1px solid #DEDEDE; }

.table-area .status-table tr th, .table-area .status-table tr td { text-align: center; vertical-align: middle; box-sizing: border-box; }

.table-area .status-table tr th { background: #F7F7F7; padding: 10px 3px; font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; /* 146.154% */ height: 40px; }

.table-area .status-table tr th:first-child { text-align: left; padding: 10px 19px; }

.table-area .status-table tr td { font-size: 14px; line-height: 20px; padding: 12px 3px; word-break: break-all; font-size: 14px; }

.table-area .status-table tr td:first-child { text-align: left; padding: 12px 16px; font-size: 15px; }

.table-area .status-table tr td.delete-area { padding: 12px 0px; text-align: right; }

.table-area .status-table tr td.delete-area button.delete-btn { width: 32px; height: 32px; border: 1px solid #C8C8C8; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; }

.table-area .status-table tr td.delete-area button.delete-btn span { vertical-align: top; }

.table-area .status-table tr td .prod-wrapper { display: flex; align-items: center; }

.table-area .status-table tr td .prod-wrapper .prod-img { display: flex; position: relative; width: 68px; height: 68px; flex: 0 0 auto; overflow: hidden; margin-right: 16px; background-repeat: no-repeat; background-position: center center; display: block; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.table-area .status-table tr td .prod-wrapper .prod-img::after { position: absolute; content: ''; left: 0; top: 0; width: 68px; height: 68px; border: 1px solid rgba(0, 0, 0, 0.05); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-sizing: border-box; }

.table-area .status-table tr td .prod-wrapper .prod-name { display: flex; flex: 1 1; padding: 10px 0px; box-sizing: border-box; }

.table-area .status-table tr td .prod-wrapper .prod-name .inner { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 3줄 이상이면 말줄임 표시 */ overflow: hidden; text-overflow: ellipsis; line-height: 21px; /* 줄 간격 설정 */ max-height: 63px; /* 3줄 높이 설정 (line-height * 줄 수) */ }

/* 본문영역 공통 css */
.content.no-data { display: flex; flex-direction: column; padding-bottom: 0px !important; }

.content.no-data .content-fixed-co { flex: 1; /* 나머지 공간을 차지 */ display: flex; justify-content: center; /* 수평 중앙 정렬 */ align-items: center; /* 수직 중앙 정렬 */ }

.content.no-data .no-items-message { margin-top: 0px; padding: 60px 0 70px 0; }

.content.no-data .content-inner { margin-top: 0px; }

.content.no-header .content-inner { margin-top: 60px; }

.content .content-inner { margin-top: 30px; }

.content .content-inner .link { color: #0959FA; text-decoration-line: underline; text-underline-position: under; }

.content .no-items-message { text-align: center; margin-top: 160px; }

.content .no-items-message h2 { font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; /* 130% */ margin-top: 30px; }

.content .no-items-message p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ margin-top: 10px; }

.content .no-items-message p .link { font-size: 15px; font-weight: 400; line-height: 21px; /* 140% */ }

.content .no-items-message button { margin: 48px auto 0px; }

.content .no-items-message .app-main-img img { width: 180px; }

/* 스크롤시 관련 css */
.content .content-fixed-co { min-width: 100%; /*min-height:100%;*/ background-color: #ffffff; box-sizing: border-box; display: block; }

.content-fixed-top { position: fixed; top: 80px; left: 300px; padding: 0; min-width: 800px; width: calc(100% - 300px); background-color: #ffffff; z-index: 302; }

.content-fixed-top .box { position: relative; z-index: 1; padding: 40px 60px 40px 60px; display: flex; }

.content-fixed-top .box.thumbnail-type .text_co .title span { font-size: 21px; line-height: 27px; /* 128.571% */ }

.content-fixed-top .line { height: 2px; background-color: rgba(145, 145, 145, 0.15); /*opacity:0; will-change: opacity;*/ margin: 0 60px; }

.content-fixed-top .left { flex: 1 1; display: flex; overflow: hidden; }

.content-fixed-top .left .pic_co { flex: 0 0 auto; display: flex; align-self: center; will-change: opacity, transform, width, height; }

.content-fixed-top .left .pic_co .thumbnail { margin: 0 20px 0 0; }

.content-fixed-top .left .pic_co .thumbnail span { position: relative; width: 88px; height: 88px; background-repeat: no-repeat; background-position: center center; display: block; border-radius: 12px; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.content-fixed-top .left .pic_co .thumbnail span::after { position: absolute; content: ''; left: 0; top: 0; width: 88px; height: 88px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 12px; box-sizing: border-box; }

.content-fixed-top .left .text_co { flex: 1 1; display: flex; overflow: hidden; flex-direction: column; align-self: center; }

.content-fixed-top .left .text_co .badges { margin: 0; will-change: opacity, transform, height; }

.content-fixed-top .left .text_co .badges > div { margin: 0 0 6px 0; font-size: 0px; letter-spacing: 0px; }

.content-fixed-top .left .text_co .badges span { padding: 2px 5px 3px; font-size: 12px; color: #5E5E78; font-weight: 700; line-height: 17px; font-style: normal; border-radius: 3px; border: 1px solid rgba(94, 94, 120, 0.5); display: inline-block; margin-left: 4px; }

.content-fixed-top .left .text_co .badges span:first-child { margin-left: 0px; }

.content-fixed-top .left .text_co .subtitle { margin: 0; will-change: opacity, transform, height; }

.content-fixed-top .left .text_co .subtitle > div { margin: 8px 0 0 0; }

.content-fixed-top .left .text_co .subtitle span { font-size: 15px; font-weight: 400; line-height: 21px; }

.content-fixed-top .left .text_co .title { margin: 0; }

.content-fixed-top .left .text_co .title span { font-size: 23px; color: #181818; font-weight: 700; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; will-change: font-size, line-height; }

.content-fixed-top .right { margin: 0 0 0 16px; flex: 0 0 auto; display: flex; flex-direction: column; justify-content: flex-end; }

.content-fixed-top .right .utils { transform: translate3d(0, -4px, 0); will-change: transform; display: flex; }

.content-fixed-top .right .utils .dropdown { width: 200px; }

.content-fixed-top .right .utils .dropdown .button { width: 100%; background-color: #fff; }

.content-fixed-top .right .utils .dropdown .dropdown-items a { padding-left: 22px; }

.content-fixed-top .right .utils .history-btn { margin-left: 8px; width: auto; white-space: nowrap; }

.content-fixed-top .right .utils .history-btn button { width: 35px; height: 35px; border-radius: 3px; border: 1px solid #C8C8C8; }

.content-fixed-top .right .utils .history-btn button span { vertical-align: top; }

.content-fixed-top .right .top-btn-area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; }

.content-fixed-top .right .top-btn-area button { margin-left: 5px; }

.content-fixed-top .right .top-btn-area button:first-child { margin-left: 0px; }

.content-fixed-top .hidden { transform-origin: left center; }

.content-fixed-top .hidden.badges { transform-origin: left bottom; }

.content-fixed-top .hidden.subtitle { transform-origin: left top; }

.content-fixed-top.fixed-space .box { padding: 40px 60px 40px 60px !important; }

.content-fixed-top.fixed-space .left .text_co .title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; }

.content-fixed-top.fixed-space .left .text_co .title > span:first-child { font-size: 23px !important; line-height: 30px !important; }

.content-fixed-top.fixed-space .btn-default.red { padding: 0px 10px !important; min-width: 115px; }

.content-fixed-top.fixed-space .btn-default.red.time-btn { padding: 0 14px !important; }

.content-fixed-top.fixed-space .btn-default.red.time-btn span { position: relative; padding-left: 11px; margin-left: 10px; }

.content-fixed-top.fixed-space .btn-default.red.time-btn span:before { position: absolute; content: ""; display: inline-block; width: 1px; height: 16px; top: 50%; left: 0; background: rgba(255, 255, 255, 0.3); margin-top: -8px; }

.content-fixed-top.fixed-space .featured { font-size: 16px !important; line-height: 22px !important; color: #8B92E8 !important; padding-left: 22px; background: url(../img/icon_featured.png) 0 center no-repeat; background-size: 20px; margin-left: 16px; }

.content-fixed-top.static-top { position: relative; top: 0; left: 0; width: 100%; min-width: auto; }

.content-fixed-top.static-top .box { padding: 40px 0px 40px 0px; align-items: center; justify-content: space-between; }

.content-fixed-top.static-top .line { height: 2px; background-color: rgba(145, 145, 145, 0.15); margin: 0; }

.content-fixed-top.static-top .right { margin: 0 0 0 40px; flex: 0 0 auto; display: flex; }

.utils .dropdown .button { width: 100%; background-color: #fff; padding-left: 33px; }

.utils .dropdown .dropdown-items a { padding-left: 22px; }

.utils .dropdown .color-gray { padding-left: 0px !important; }

.content-fixed-area { position: fixed; bottom: 0px; left: 300px; padding: 0; min-width: 800px; width: calc(100% - 300px); border-bottom: 1px solid rgba(222, 222, 222, 0); background-color: #ffffff; z-index: 302; }

.content-fixed-area .inner { margin: 0 0; padding: 24px 60px 32px; border-top: 1px solid #F1F1F1; display: flex; }

.content-fixed-area .left { flex: 1 1; display: flex; }

.content-fixed-area .left .text { display: flex; align-items: center; }

.content-fixed-area .left .text i { flex: 0 0 auto; display: flex; margin-right: 10px; }

.content-fixed-area .left .text strong { flex: 1 1; display: flex; align-self: center; flex-direction: column; font-size: 13px; color: #181818; font-weight: 400; line-height: 19px; }

.content-fixed-area .right { flex: 0 0 auto; display: flex; align-self: center; margin: 0 0 0 20px; }

.content-fixed-area .right button { margin-left: 12px; }

.content-fixed-area .right button:first-child { margin-left: 0px; }

.content-fixed-top.out { /*.line { opacity:1; }*/ }

.content-fixed-top.out .box { padding-top: 24px; padding-bottom: 24px; }

.content-fixed-top.out .hidden { display: none; }

.content-fixed-top.out .left .text_co .title span { font-size: 20px; line-height: 26px; }

.content-fixed-top.out .right .utils { transform: translate3d(0, 0, 0); }

.content-fixed-top.ty2.out .left .text_co .title span { font-size: 20px; line-height: 26px; }

.content-fixed-top.ty2 .left .text_co .title span { font-size: 30px; color: #181818; font-weight: 700; line-height: 43px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.content-fixed-top.ty2.left .text_co .subtitle span { font-size: 17px; color: #919191; font-weight: 400; line-height: 23px; }

/* 평점 및 리뷰 */
.review-os-title { display: flex; align-items: center; margin-bottom: 10px; }

.review-os-title button { display: flex; flex: 0 0 auto; }

.review-os-title .title { font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; /* 133.333% */ margin-left: 10px; }

/** 구조개편 컴포넌트 css End **/
/** 검증 요청 판매 정보 **/
.salesinfo-from-wrap { margin-top: 30px; }

.salesinfo-from-wrap .salesinfo-form-ti { position: relative; padding: 20px 91px 20px 30px; background-color: #FBFBFB; display: flex; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-ti-left { flex: 1 1; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-ti-left h2 { font-size: 16px; line-height: 22px; font-weight: 700; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-ti-left span { font-size: 13px; color: #919191; line-height: 19px; font-weight: 400; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-ti-right { margin: 0 0 0 20px; flex: 0 0 auto; display: flex; align-items: center; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-ti-right .salesinfo-form-lang { position: relative; margin: 0 15px 0 0; font-size: 14px; line-height: 20px; display: flex; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-ti-right .tootip-box { left: auto; right: -32px; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-ti-right .tootip-box:before { left: auto; right: 29px; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-btn { position: absolute; right: 30px; top: 50%; height: 35px; padding: 0 0 0 21px; transform: translate3d(0, -50%, 0); }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-btn button.btn-default { padding: 7px 0 8px 0; border: 0 none; outline: 0 none; background: transparent; }

.salesinfo-from-wrap .salesinfo-form-ti .salesinfo-form-btn:before { position: absolute; content: ''; left: 0; top: 7px; width: 1px; height: 20px; background: #DEDEDE; display: block; }

.salesinfo-from-wrap .salesinfo-form-co { padding: 40px 30px 40px 30px; border: 1px solid #F1F1F1; border-top-width: 0; }

.salesinfo-from-wrap .salesinfo-form-co .text-regist { border-bottom-color: #A7A7A7; }

.salesinfo-from-wrap .salesinfo-form-co .text-regist h3.title-regist { font-size: 14px; line-height: 20px; }

.salesinfo-from-wrap .salesinfo-form-co.hidden { display: none; }

/** 검증 요청 판매 정보 End **/
.in-app-info-wrap { padding: 60px 0 70px 0; text-align: center; }

.in-app-info-wrap h2 { font-size: 20px; line-height: 26px; font-weight: 700; }

.in-app-info-wrap p { margin: 10px 0 0 0; font-size: 16px; line-height: 22px; }

.in-app-info-wrap p .link { margin: 0 4px; font-size: 15px; color: #0959FA; line-height: 21px; text-decoration: underline; text-underline-position: under; }

.in-app-info-wrap button.btn-default { margin: 30px auto 0 auto; }

.in-app-info-wrap .app-main-img { width: 600px; margin: 80px auto 0 auto; }

.in-app-info-wrap .app-main-img img { width: 100%; }

.guidebox-text-box { padding-bottom: 50px; }

.guidebox-text-box .guidebox-text-item { display: flex; margin-top: 5px; }

.guidebox-text-box .guidebox-text-item:first-child { margin-top: 0; }

.guidebox-text-box .left-icon { flex: 0 0 auto; margin: 0 10px 0 0; }

.guidebox-text-box .right-co { font-size: 13px; line-height: 19px; flex: 1 1; }

.guidebox-text-box .guidebox-text-gray { position: relative; padding: 20px; border-radius: 8px; border: 1px solid #F1F1F1; background: #FBFBFB; font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); }

.guidebox-text-box .guidebox-text-yellow { position: relative; padding: 20px; border-radius: 8px; border: 1px solid rgba(223, 158, 0, 0.25); background: rgba(243, 188, 56, 0.08); font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); }

.guidebox-text-box .guidebox-text-red { position: relative; padding: 20px; border-radius: 8px; border: 1px solid rgba(233, 70, 74, 0.25); background: rgba(233, 70, 74, 0.08); font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); }

.guidebox-text-box + .info-guidebox-wrap { margin-top: 12px; }

/*apps*/
.app-product-regist { min-height: calc(100vh - 250px - 100px); height: calc(100vh - 250px - 100px); align-items: center; }

.app-product-regist .cont-inner { padding: 20px 0 40px 0; text-align: center; }

.app-product-regist .cont-inner .text-regist { font-size: 16px; font-weight: 300; line-height: 25px; margin: 30px 0 40px 0; }

.app-product-regist.flex-base { padding: 40px 0; min-height: 100%; height: 100%; box-sizing: border-box; justify-content: center; }

@media only screen and (max-height: 670px) { .app-product-regist { height: auto; } }

.app-nodata-textSet h2 { color: #000000; text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; /* 130% */ margin: 20px 0px 10px; }

.app-nodata-textSet p { color: rgba(24, 24, 24, 0.9); text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ }

.summary-area { padding-top: 41px; }

.summary-area .info-summary-table tr { border-bottom: 1px solid #dedede; }

.summary-area .info-summary-table tr:first-child { border-top: 1px solid #dedede; }

.summary-area .info-summary-table tr td:first-child { padding-left: 20px; font-size: 14px; background-color: #fbfbfb; }

.summary-area .info-summary-table tr td { padding: 0; height: 65px; box-sizing: border-box; }

.summary-area .info-summary-table tr td .text-summary { font-size: 13px; text-align: center; }

.summary-area .info-summary-table tr td .num-summary { font-size: 14px; font-weight: 700; text-align: center; }

.before-bg:before { content: ""; display: block; position: absolute; top: -90px; left: -10px; background-color: #fff; width: 150%; height: 280px; z-index: -1; }

.product-sub-none { margin: 0 60px; padding: 0 0 100px 0; }

.product-apps-area .top-group { position: relative; }

.product-apps-area .top-group .top-left { float: left; }

.product-apps-area .top-group .top-right { float: right; }

.product-apps-area .top-group .top-right .ui.dropdown, .product-apps-area .top-group .top-right .ui.dropdown .button { min-width: 150px; }

.product-apps-area .top-group .desc-top { display: block; margin-top: 5px; color: #919191; font-size: 13px; text-align: right; }

.product-apps-area .top-group .desc-top span + span { padding-left: 13px; }

.product-apps-area .top-group .desc-top.text-left { text-align: left; color: #e9464a; font-weight: 500; }

.product-apps-area .top-group .ui.search.border-rw { position: relative; display: inline-block; margin-left: 3px; vertical-align: middle; }

.product-apps-area .top-group .search-result { position: absolute; top: 45px; left: 0; width: 100%; min-height: 221px; max-height: 221px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.product-apps-area .top-group .search-result .result-list { min-height: 100px; }

.product-apps-area .top-group .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.product-apps-area .top-group .search-result .result-list li + li { margin-top: 15px; }

.product-apps-area .top-group .search-result .result-list li a { display: block; box-sizing: border-box; }

.product-apps-area .top-group .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.product-apps-area .top-group .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.product-apps-area .top-group .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.product-apps-area .top-group .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.product-apps-area .top-group .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.product-apps-area.flex-base { min-height: calc(100vh - 110px - 230px); flex-direction: column; justify-content: center; }

.product-apps-area .card-list-group { padding-top: 20px; margin-top: -30px; }

.product-apps-area .card-list-group:after { content: ""; display: block; clear: both; }

.product-apps-area .card-list-group > li { float: left; margin: 30px 40px 0 0; width: 242px; border-radius: 5px; }

.product-apps-area .card-list-group > li:first-child { margin-left: 0; }

.product-apps-area .card-list-group > li .card-box { position: relative; border: 1px solid #f4f4f4; border-bottom: 0; border-radius: 10px; }

.product-apps-area .card-list-group > li .card-box a { display: inline-block; min-height: 30px; height: auto; }

.product-apps-area .card-list-group > li .card-box.no .status-card { border-bottom: 1px solid #f0f0f0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.product-apps-area .card-list-group > li .card-box .top-card { position: relative; }

.product-apps-area .card-list-group > li .card-box .top-card .img { position: absolute; top: 20px; left: 15px; width: 90px; border: 1px solid #f0f0f0; border-radius: 10px; }

.product-apps-area .card-list-group > li .card-box .top-card .app-info-card { padding: 27px 15px 25px 117px; min-height: 130px; box-sizing: border-box; display: table; height: 92px; }

.product-apps-area .card-list-group > li .card-box .top-card .app-info-card .cont-inner { display: table-cell; vertical-align: middle; }

.product-apps-area .card-list-group > li .card-box .top-card .app-info-card .title-card { max-height: 42px; font-size: 15px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.product-apps-area .card-list-group > li .card-box .top-card .app-info-card .text-num, .product-apps-area .card-list-group > li .card-box .top-card .app-info-card .text-date { color: #919191; font-size: 13px; line-height: 19px; }

.product-apps-area .card-list-group > li .card-box .status-card { border-top: 1px solid #f0f0f0; }

.product-apps-area .card-list-group > li .card-box .status-card ul { display: table; width: 100%; height: 60px; vertical-align: middle; /*-webkit-justify-content: space-between; justify-content: space-between;*/ }

.product-apps-area .card-list-group > li .card-box .status-card ul li { position: relative; display: table-cell; width: 50%; height: 100%; vertical-align: middle; text-align: center; }

.product-apps-area .card-list-group > li .card-box .status-card ul li + li:before { content: ""; display: inline-block; position: absolute; top: 27px; left: 0; width: 1px; height: 10px; background-color: #dedede; }

.product-apps-area .card-list-group > li .card-box .status-card ul li .text-status { position: relative; display: inline-block; max-width: 60%; padding-left: 15px; font-size: 13px; text-align: left; }

.product-apps-area .card-list-group > li .card-box .status-card ul li .text-status.black:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 10px; height: 10px; background-color: #181818; border-radius: 50%; }

.product-apps-area .card-list-group > li .card-box .status-card ul li .text-status.yellow:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 10px; height: 10px; background-color: #f3bc38; border-radius: 50%; }

.product-apps-area .card-list-group > li .card-box .status-card ul li .text-status.green:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 10px; height: 10px; background-color: #00b06c; border-radius: 50%; }

.product-apps-area .card-list-group > li .card-box .status-card ul li .text-status.red:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 10px; height: 10px; background-color: #e9464a; border-radius: 50%; }

.product-apps-area .card-list-group > li .card-box .release-card { padding: 12px 15px; background-color: #f7f7f7; box-sizing: border-box; min-height: 73px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-store { font-size: 13px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list { margin-top: 5px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li { position: relative; display: inline-block; margin-left: 10px; color: #919191; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li:first-child { margin-left: 0; margin-right: 5px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li + li:before { content: ""; display: inline-block; position: absolute; top: 9px; left: -10px; width: 1px; height: 10px; background-color: #d8d8d8; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li a { display: inline-block; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .release-status { color: #919191; font-size: 13px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .ui.checkbox input[type="checkbox"] { top: 4px; width: 18px; height: 18px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .release.checkbox input:checked ~ label:before { background-position: 0 -22px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .release.checkbox label { display: inline-block; padding-left: 20px; line-height: 18px; text-indent: -999em; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .release.checkbox label:before, .product-apps-area .card-list-group > li .card-box .release-card .release-list > li .release.checkbox label:after { top: 1px; width: 18px; height: 18px; background-size: 18px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .dropdown-box { right: auto; left: 0; top: 30px; min-width: 100px; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .dropdown-box .dropdown-items { min-width: auto; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .release-link { color: #919191; font-size: 13px; font-weight: 700; vertical-align: baseline; }

.product-apps-area .card-list-group > li .card-box .release-card .release-list > li .release-link:after { content: ""; display: inline-block; margin-left: 3px; width: 4px; height: 8px; background: url(../img/img_arrow_right_02.png) center no-repeat; }

.product-apps-area .card-list-group.type2 .card-box { border: 1px solid #f1f1f1 !important; }

.product-apps-area .card-list-group.type2 .card-box .status-card { border-bottom: 1px solid #f1f1f1 !important; border-radius: 0px !important; }

.product-apps-area .card-list-group.type2 .card-box .status-card ul { padding: 0px !important; font-size: 14px; }

.product-apps-area .card-list-group.type2 .card-box .star-area { padding: 16px 16px 27px !important; font-size: 0px; }

.product-apps-area .card-list-group.type2 .card-box .star-area .point-star { line-height: 0px; }

.product-apps-area .card-list-group.type2 .card-box .star-area .point-star .point { height: 14px !important; }

.product-apps-area .card-list-group.type2 .card-box .star-area .link { min-height: auto; margin-top: 5px; color: #181818; }

.product-apps-area .card-list-group.type2 .card-box .star-area .text-point { vertical-align: middle; display: inline-block; }

.product-apps-area .card-list-group.type2 .top-card { display: flex; align-items: flex-start; padding: 20px 16px; box-sizing: border-box; }

.product-apps-area .card-list-group.type2 .img { display: flex; position: relative !important; top: 0px !important; left: 0px !important; width: 90px; height: 90px; flex: 0 0 auto; overflow: hidden; margin-right: 12px; border: 0px !important; background-repeat: no-repeat; background-position: center center; display: block; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.product-apps-area .card-list-group.type2 .img::after { position: absolute; content: ''; left: 0; top: 0; width: 90px; height: 90px; border: 1px solid rgba(0, 0, 0, 0.05); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-sizing: border-box; }

.product-apps-area .card-list-group.type2 .app-info-card { padding: 0px !important; height: auto !important; min-height: auto !important; }

.product-apps-area .select-group.type { margin: 0 auto; min-width: 100px !important; width: 100px !important; text-align: left; }

.product-apps-area .select-group.type .selectric-items ul { text-align: left; }

.product-apps-area .no-data { padding-top: 80px; text-align: center; }

.product-apps-area .no-data .desc { margin-top: 15px; font-size: 16px; }

.top-fixed-area { position: fixed; top: 80px; left: 300px; min-width: 800px; width: calc(100% - 300px); background-color: #fff; z-index: 302; padding: 0; }

.top-fixed-area.before-bg:before { top: -66px; left: -60px; }

.top-fixed-area .product-state-box { position: relative; padding: 20px; min-width: 700px; min-height: 185px; box-sizing: border-box; border-radius: 5px; background-color: #fbfbfb; }

.top-fixed-area .product-state-box .app-info { position: relative; padding: 15px 0 0 107px; height: 92px; box-sizing: border-box; }

.top-fixed-area .product-state-box .app-info .img { position: absolute; top: 0; left: 0; border: 1px solid #e7e7e7; border-radius: 10px; }

.top-fixed-area .product-state-box .app-info .text-box .title-app { font-size: 22px; line-height: 28px; padding-bottom: 6px; }

.top-fixed-area .product-state-box .app-info .text-box .title-app.badge { display: flex; }

.top-fixed-area .product-state-box .app-info .text-box .title-app .title-icon { display: flex; align-items: center; flex-direction: row; }

.top-fixed-area .product-state-box .app-info .text-box .title-app .title-icon i { display: inline-block; vertical-align: top; padding: 0px 5px; height: 19px; line-height: 19px; font-size: 13px; font-weight: 700; margin-left: 4px; border-top-left-radius: 0px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; font-style: normal; }

.top-fixed-area .product-state-box .app-info .text-box .title-app .title-icon i.betaCon { background: #8E85FE; border: 1px solid #8E85FE; color: #ffffff; }

.top-fixed-area .product-state-box .app-info .text-box .title-app .title-icon i.cryptoCon { border: 1px solid #4B469C; color: #4B469C; }

.top-fixed-area .product-state-box .app-info .text-box .app-range li { position: relative; float: left; margin-left: 10px; color: #919191; font-size: 14px; }

.top-fixed-area .product-state-box .app-info .text-box .app-range li:first-child { margin-left: 0; }

.top-fixed-area .product-state-box .app-info .text-box .app-range li + li:before { content: "/"; display: inline-block; position: absolute; top: 0; left: -8px; color: #919191; font-size: 14px; }

.top-fixed-area .product-state-box .button-area { margin-top: 20px; }

.top-fixed-area .product-state-box .button-area .dropdown { display: inline-block; width: 150px; vertical-align: bottom; text-align: left; background-color: #fff; }

.top-fixed-area .product-state-box .button-area .dropdown .dropdown-items { padding-top: 12px; }

.top-fixed-area .product-state-box .button-area .dropdown .dropdown-items li:first-child { padding-top: 8px; }

.top-fixed-area .product-state-box .button-area .dropdown .ui.button { font-size: 13px; width: 100%; background-color: #fff; }

.top-fixed-area .product-state-box .button-area .button.basic { font-size: 14px; min-width: 110px; vertical-align: middle; }

.top-fixed-area .product-state-box .button-area .left { float: left; }

.top-fixed-area .product-state-box .button-area .right { float: right; }

.top-fixed-area .product-state-box .button.info { position: absolute; right: 15px; top: 32px; background-color: #fff; }

.top-fixed-area .product-state-box .button.info + .app-info { padding-right: 160px; }

.top-fixed-area .product-state-box .button.exe { position: absolute; right: 170px; top: 32px; background-color: #fff; z-index: 5; }

.top-fixed-area .product-state-box .tootip-group { top: 3px; }

.top-fixed-area .product-state-box .button.exe + .button.info + .app-info { padding-right: 300px; }

.top-fixed-area.on.before-bg:before { height: 188px; }

.top-fixed-area.on .fixed-toogle .fixed-open-button { background: url(../img/img_arrow_down02.png) #c8c8c8 center 6px no-repeat; }

.top-fixed-area.on .product-state-box { padding-left: 0; min-height: auto; background-color: transparent; border-bottom: 1px solid #c8c8c8; border-radius: 0; }

.top-fixed-area.on .product-state-box .button-area { display: none; }

.top-fixed-area.on .product-state-box .button.info, .top-fixed-area.on .product-state-box .button.exe { display: none; }

.top-fixed-area.on .product-state-box .button.exe + .button.info + .app-info { padding-right: 0px; }

.top-fixed-area.on .product-state-box .app-info { padding: 0; height: auto; }

.top-fixed-area.on .product-state-box .app-info img, .top-fixed-area.on .product-state-box .app-info .app-range { display: none; }

.top-fixed-area .fixed-toogle { text-align: center; }

.top-fixed-area .fixed-toogle .fixed-open-button { display: inline-block; width: 50px; height: 20px; background: url(../img/img_arrow_up03.png) #c8c8c8 center 6px no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-indent: -999em; }

.top-fixed-area .product-info-box { text-align: right; margin: 40px 0 15px 0; }

.top-fixed-area .product-info-box .ui.button { min-width: 110px; }

.top-fixed-area .product-info-box .ui.button + .ui.button { margin-left: 5px; }

.product-info-regist { position: relative; padding-top: 60px; }

.product-info-regist.top-line table { border-top: 1px solid #919191; }

.product-info-regist.pd150 { padding-bottom: 150px; }

.product-info-regist.top-fixed-pd { padding-top: 265px; }

.product-info-regist.top-fixed-pd.on { padding-top: 168px; }

.product-info-regist.top-fixed-pd.scroll { padding-top: 316px; }

.product-info-regist.top-fixed-pd.scroll.on { padding-top: 198px; }

.product-info-regist .ui.dropdown, .product-info-regist .ui.dropdown .button { display: inline-block; vertical-align: middle; width: 185px; }

.product-info-regist .ui.dropdown.w100 { width: 100%; }

.product-info-regist .select-group { display: inline-block; vertical-align: middle; width: 185px; }

.product-info-regist .select-group.w235 { width: 235px; }

.product-info-regist .regist-description { margin-bottom: 60px; padding: 20px; background-color: #f7f7f7; box-sizing: border-box; }

.product-info-regist .regist-description .text-description { font-size: 13px; }

.product-info-regist .regist-description .link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.product-info-regist .btn-right { position: absolute; right: 0; top: 0; }

.product-info-regist .text-regist { position: relative; padding-bottom: 10px; border-bottom: 1px solid #919191; }

.product-info-regist .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.product-info-regist .text-regist .link { position: absolute; top: 9px; right: 0; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.product-info-regist .text-regist .desc-regist { position: absolute; top: 2px; right: 0; display: inline-block; padding-left: 10px; color: #919191; font-size: 14px; }

.product-info-regist .text-regist .desc-regist.ico-red:before { content: ""; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.product-info-regist .text-regist .desc-regist.top0 { top: 0; }

.product-info-regist .text-regist.ty1 .button.prev { padding: 0 10px 0 15px; min-width: 70px; height: 35px; font-size: 14px; line-height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; display: inline-block; }

.product-info-regist .text-regist.ty1 .button.prev::before { content: ''; display: inline-block; margin-right: 7px; width: 7px; height: 11px; background: url(../img/img_arrow_left02.png) center left no-repeat; }

.product-info-regist .ui.form .exter-pay-area .radio { display: inline-block; margin: 0 25px 5px 0; }

.product-info-regist .ui.form tr th { height: 65px; }

.product-info-regist .ui.form tr th.veralign-middle { padding-top: 15px; }

.product-info-regist .ui.form tr th.bg { background-color: #FBFBFB; }

.product-info-regist .ui.form tr td { padding: 15px; min-height: 65px; font-size: 15px; box-sizing: border-box; word-break: break-all; }

.product-info-regist .ui.form tr td ul.site-list.line li { border-top: 1px solid rgba(145, 145, 145, 0.3); padding-top: 15px; margin-top: 15px; }

.product-info-regist .ui.form tr td ul.site-list.line li:first-child { padding-top: 0px; margin-top: 0px; border-top: 0px; }

.product-info-regist .ui.form .text-noline-group tr:first-child td { padding-top: 0px; }

.product-info-regist .ui.form .text-noline-group tr td { padding: 10px 0px 0px 0px; }

.product-info-regist .ui.form .button.add { margin-top: 35px; }

.product-info-regist .ui.form .icon-img-list { margin: -5px 0 0 -3px; }

.product-info-regist .ui.form .icon-img-list li { display: inline-block; position: relative; margin: 5px 0 0 3px; }

.product-info-regist .ui.form .icon-img-list li.flex-end { display: flex; align-items: center; }

.product-info-regist .ui.form .icon-img-list li .image img { width: 92px; height: 92px; }

.product-info-regist .ui.form .icon-img-list li .image label { width: 92px; height: 92px; }

.product-info-regist .ui.form .icon-img-list li .image .button-close { display: inline-block; position: absolute; top: 0; right: 0; width: 25px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-info-regist .ui.form .icon-img-list li .image .button-close.ty2 { padding: 6px; width: 15px; height: 15px; background: url(../img/img_close_05.png) center no-repeat; background-size: 15px; }

.product-info-regist .ui.form .input-group > .label > label, .product-info-regist .ui.form .text-group > .label > label { font-size: 15px; }

.product-info-regist .ui.form .video-add-area { position: relative; width: 100%; }

.product-info-regist .ui.form .video-add-area .cell { vertical-align: top; }

.product-info-regist .ui.form .video-add-area .label { width: 155px; }

.product-info-regist .ui.form .video-add-area .label label { padding: 0; font-size: 15px; }

.product-info-regist .ui.form .video-add-area .button-area { width: 155px; left: 0; bottom: 0; text-align: left; }

.product-info-regist .ui.form .video-add-area + .video-add-area { padding-top: 15px; border-top: 1px solid #e1e1e1; }

.product-info-regist .ui.form .video-add-area.ty1 { padding: 15px 12px; width: 100%; display: flex; box-sizing: border-box; }

.product-info-regist .ui.form .video-add-area.ty1 .cell { flex: 1 1; }

.product-info-regist .ui.form .video-add-area.ty1 .label { flex: 0 0 auto; padding-top: 4px; width: 163px; padding-right: 15px; }

.product-info-regist .ui.form .video-add-area.ty1 .label .button-area { left: 12px; bottom: 15px; }

.product-info-regist .ui.form .video-list { position: relative; }

.product-info-regist .ui.form .video-list:after { position: absolute; bottom: 2px; left: -20px; display: block; width: calc(100% + 30px); height: 1px; background-color: #e1e1e1; }

.product-info-regist .ui.form .video-list li { position: relative; display: block; width: 100%; padding: 0 45px 0 120px; height: 131px; background-color: #f7f7f7; border-radius: 3px; box-sizing: border-box; }

.product-info-regist .ui.form .video-list li .video { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; vertical-align: middle; text-align: left; }

.product-info-regist .ui.form .video-list li .video .img-upload { position: absolute; left: 60px; top: 45px; display: inline-block; }

.product-info-regist .ui.form .video-list li .video .img-upload .ico-upload { display: block; margin-bottom: 10px; width: 32px; height: 36px; text-indent: -999em; background: url(../img/icon/ic_file_upload.png) center no-repeat; background-size: 32px 36px; }

.product-info-regist .ui.form .video-list li .video .img-update { position: absolute; left: 65px; top: 45px; display: inline-block; }

.product-info-regist .ui.form .video-list li .video .img-update .ico-update { display: block; margin-bottom: 10px; width: 32px; height: 36px; text-indent: -999em; background: url(../img/icon/ic_file_update.png) center no-repeat; background-size: 32px 36px; }

.product-info-regist .ui.form .video-list li .video .img-update .ico-multi { display: block; margin-bottom: 10px; width: 32px; height: 36px; text-indent: -999em; background: url(../img/icon/ic_file_multi.png) center no-repeat; background-size: 32px 36px; }

.product-info-regist .ui.form .video-list li .video .button-close { display: none; position: absolute; top: -14px; right: -14px; width: 20px; height: 20px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-info-regist .ui.form .video-list li .video .desc-file { color: #919191; font-size: 13px; }

.product-info-regist .ui.form .video-list li .video .desc-file.link { margin-top: 2px; }

.product-info-regist .ui.form .video-list li .video .desc-file.link span { position: relative; display: inline-block; font-size: 12px; cursor: pointer; }

.product-info-regist .ui.form .video-list li .video .desc-file.link span:before { content: ""; display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba(145, 145, 145, 0.6); }

.product-info-regist .ui.form .video-list li.on .video .img-upload .button-close { display: block; }

.product-info-regist .ui.form .video-list li.on .video .img-upload .ico-upload { background: url(../img/img_file_upload_02.png) center no-repeat; }

.product-info-regist .ui.form .video-list li.on .desc-file { color: #181818; font-size: 13px; }

.product-info-regist .ui.form .video-list li.on .desc-file.link { color: #919191; text-decoration: none; }

.product-info-regist .ui.form .video-list li.loading .video .desc-file { color: #181818; font-size: 13px; }

.product-info-regist .ui.form .video-list li.loading .video .desc-file img { width: 370px; }

.product-info-regist .ui.form .video-list li.loading .video .desc-file.link { position: relative; margin: 12px auto 0 0; width: 370px; height: 4px; border-radius: 30px; border: 1px solid #c4c4c4; text-indent: -999em; }

.product-info-regist .ui.form .video-list li.loading .video .desc-file.link:before { content: ""; display: block; position: absolute; top: 0; left: -1px; width: 372px; height: 4px; border-radius: 50px; transition: 0.4s linear; animation: progressAnimation infinite 2s; background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }

@keyframes progressAnimation { 0% { width: 0;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }
  100% { width: 372px;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); } }

@-webkit-keyframes progressAnimation { 0% { width: 0;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }
  100% { width: 372px;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); } }

.product-info-regist .ui.form .video-list li.ty1 { height: 125px; background: #fff; border: 1px solid #DEDEDE; border-radius: 3px; }

.product-info-regist .ui.form .video-list li.ty1 .video .desc-file { font-size: 12px; line-height: 17px; }

.product-info-regist .ui.form .video-list li.ty1 .video .desc-file.fs13 { line-height: 19px; color: #181818; }

.product-info-regist .ui.form .video-list li.ty1 .video .desc-file.link .button { padding: 5px 10px; min-width: 80px; font-size: 13px; color: #181818; line-height: 20px; box-sizing: border-box; border: 1px solid #C8C8C8; border-radius: 3px; display: inline-block; }

.product-info-regist .ui.form .video-list li.ty1 .video .desc-file.link .button:before { display: none; }

.product-info-regist .ui.form .video-list li.ty2 { height: 104px; }

.product-info-regist .ui.form .video-list li.ty2 .img-upload { top: 50%; transform: translate3d(0, -50%, 0); }

.product-info-regist .ui.form .video-list li.ty2 .img-upload i { margin: 0 !important; }

.product-info-regist .ui.form .video-list li + li { margin-top: 15px; }

.product-info-regist .ui.form .video-preview { position: relative; padding-bottom: 15px; }

.product-info-regist .ui.form .video-preview:after { content: ""; position: absolute; bottom: 2px; left: -20px; display: block; width: calc(100% + 30px); height: 1px; background-color: #e1e1e1; }

.product-info-regist .ui.form .video-preview.array { padding-top: 15px; margin-bottom: 15px !important; }

.product-info-regist .ui.form .video-preview.array:first-child { padding-top: 0; }

.product-info-regist .ui.form .video-preview.array:last-child { margin-bottom: 0 !important; }

.product-info-regist .ui.form .video-preview.array:last-child:after { display: none; }

.product-info-regist .ui.form .video-preview .video-upload { position: relative; }

.product-info-regist .ui.form .video-preview .video-upload .desc-file { position: relative; display: inline-block; padding-left: 22px; font-size: 14px; word-break: break-all; }

.product-info-regist .ui.form .video-preview .video-upload .desc-file:before { content: ""; display: inline-block; position: absolute; top: 2px; left: 0; width: 15px; height: 18px; background: url(../img/img_file_upload_03.png) center left no-repeat; }

.product-info-regist .ui.form .video-preview .video-upload .button-close { display: inline-block; width: 25px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-info-regist .ui.form .video-preview .video-area { margin-top: 10px; }

.product-info-regist .ui.form .video-preview .video-area video { display: inline-block; width: 512px; height: 289px; }

.product-info-regist .ui.form .video-preview .video-preview-list { padding-top: 0; }

.product-info-regist .ui.form .video-preview .video-preview-list ul li { height: 79px; vertical-align: top; margin-top: 10px; }

.product-info-regist .ui.form .video-preview .video-preview-list ul li .preview img { height: 79px; vertical-align: top; }

.product-info-regist .ui.form .video-preview.ty1 { padding-bottom: 0; }

.product-info-regist .ui.form .video-preview.ty1 .video-area { max-width: 515px; width: 100%; margin-bottom: 15px; }

.product-info-regist .ui.form .video-preview.ty1 .video-area .video-inner { position: relative; max-width: 515px; width: 100%; padding: 0 0 56% 0; display: block; }

.product-info-regist .ui.form .video-preview.ty1 .video-area .video-inner video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

.product-info-regist .ui.form .video-preview.ty1:after { bottom: -15px; }

.product-info-regist .ui.form .video-preview-list { padding: 15px 0 0 0; }

.product-info-regist .ui.form .video-preview-list .text-input { margin-top: 0; }

.product-info-regist .ui.form .video-preview-list .text-input + .preview-img-list { padding-top: 10px; }

.product-info-regist .ui.form .product-search { position: relative; margin-left: 3px; display: inline-block; vertical-align: middle; }

.product-info-regist .ui.form .product-search .input { min-width: initial; width: 177px; padding-right: 87px; }

.product-info-regist .ui.form .product-search .ui.button { position: absolute; top: 0; right: 0; }

.product-info-regist .ui.form .preview-img-list { margin: -3px 0 0 0; }

.product-info-regist .ui.form .preview-img-list li { display: inline-block; position: relative; margin: 3px 0 0 0; height: 84px; overflow: hidden; }

.product-info-regist .ui.form .preview-img-list li .preview { position: relative; height: 84px; border-radius: 3px; box-sizing: border-box; }

.product-info-regist .ui.form .preview-img-list li .preview:hover { cursor: pointer; }

.product-info-regist .ui.form .preview-img-list li .preview .ico-upload { display: none; }

.product-info-regist .ui.form .preview-img-list li .preview img { height: 84px; border-radius: 3px; }

.product-info-regist .ui.form .preview-img-list li .preview .button-close { display: inline-block; position: absolute; top: 0; right: 0; width: 25px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-info-regist .ui.form .preview-img-list li.no-img { width: 140px; background-color: #f7f7f7; border-radius: 3px; }

.product-info-regist .ui.form .preview-img-list li.no-img .ico-upload { display: block; padding-top: 25px; color: rgba(145, 145, 145, 0.6); font-size: 12px; font-style: normal; text-align: center; }

.product-info-regist .ui.form .preview-img-list li.no-img .ico-upload:before { content: ""; display: block; margin: 0 auto 5px auto; width: 15px; height: 15px; background: url(../img/ico_btn_plus_02.png) center no-repeat; }

.product-info-regist .ui.form .preview-img-list li.on { border: 2px solid #da4446; border-radius: 5px; }

.product-info-regist .ui.form .preview-img-list li.on .ico-upload { display: none; }

.product-info-regist .ui.form .preview-img-list li.on:after { content: ""; display: inline-block; position: absolute; top: -1px; left: -1px; width: 20px; height: 20px; background: url(../img/ico_preview_sel.png) center no-repeat; }

.product-info-regist .ui.form .screenshot-upload { display: block; width: 567px; text-align: center; min-height: 150px; border-radius: 3px; }

.product-info-regist .ui.form .screenshot-upload.disabled .file.screenshot > label { background-color: #e9e9e9; border: 0; }

.product-info-regist .ui.form .screenshot-upload .file.screenshot { display: inline-block; text-align: left; }

.product-info-regist .ui.form .screenshot-upload .file.screenshot > label, .product-info-regist .ui.form .screenshot-upload .file.screenshot > button { position: relative; min-width: 70px; cursor: initial; }

.product-info-regist .ui.form .screenshot-upload .img-upload { position: relative; display: inline-block; margin-top: 25px; }

.product-info-regist .ui.form .screenshot-upload .img-upload .ico-upload { display: block; margin-bottom: 10px; width: 30px; height: 36px; text-indent: -999em; background: url(../img/img_file_upload.png) center no-repeat; }

.product-info-regist .ui.form .screenshot-upload .button-close { display: none; position: absolute; top: -14px; right: -14px; width: 20px; height: 20px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-info-regist .ui.form .screenshot-upload .desc-file { color: #919191; font-size: 13px; }

.product-info-regist .ui.form .screenshot-upload .desc-file.link span { position: relative; display: inline-block; }

.product-info-regist .ui.form .screenshot-upload .desc-file.link span:before { content: ""; display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba(145, 145, 145, 0.6); }

.product-info-regist .ui.form .screenshot-img-list { margin: 0 0 0 0; width: 567px; text-align: left; }

.product-info-regist .ui.form .screenshot-img-list + .screenshot-img-list { margin-top: -7px; }

.product-info-regist .ui.form .screenshot-img-list li { display: inline-block; position: relative; height: 112px; border-radius: 5px; overflow: hidden; }

.product-info-regist .ui.form .screenshot-img-list li.no-img { width: 112px; }

.product-info-regist .ui.form .screenshot-img-list li.no-img label { width: 112px; height: 112px; }

.product-info-regist .ui.form .screenshot-img-list li .file { height: 112px; border-radius: 5px; vertical-align: bottom; text-align: center; overflow: hidden; }

.product-info-regist .ui.form .screenshot-img-list li .file img { height: 112px; box-sizing: border-box; }

.product-info-regist .ui.form .screenshot-img-list li .file .select-chk { position: absolute; left: 6px; top: 6px; width: 23px; height: 23px; }

.product-info-regist .ui.form .screenshot-img-list li .file .select-chk label { font-size: 0; color: transparent; padding-left: 0; width: 23px; height: 23px; display: block; background: transparent; }

.product-info-regist .ui.form .screenshot-img-list li .file.image { height: 112px; border-radius: 5px; vertical-align: bottom; text-align: center; overflow: hidden; }

.product-info-regist .ui.form .screenshot-img-list li .file.image img { height: 112px; box-sizing: border-box; }

.product-info-regist .ui.form .screenshot-img-list li .file-chk { position: absolute; top: 5px; left: 5px; width: 23px; height: 23px; z-index: 1; }

.product-info-regist .ui.form .screenshot-img-list li .file-chk label:after { background: url(../img/img_checkbox.png) #fff 0 0 no-repeat; border-radius: 3px; }

.product-info-regist .ui.form .screenshot-img-list li .button-close { display: inline-block; position: absolute; top: 0; right: 0; width: 25px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-info-regist .ui.form .screenshot-img-list.ty1 { width: 100%; }

.product-info-regist .ui.form .screenshot-img-list.ty1 + .text-input { margin-top: 4px; }

.product-info-regist .ui.form .graphic-cell { display: table-cell; vertical-align: bottom; }

.product-info-regist .ui.form .graphic-cell .list { margin: -10px 0 0 -10px; }

.product-info-regist .ui.form .graphic-cell .list:after { content: ""; display: block; clear: both; }

.product-info-regist .ui.form .graphic-cell li { float: left; margin: 10px 0 0 10px; }

.product-info-regist .ui.form .graphic-cell li .image .button-close { display: inline-block; position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-info-regist .ui.form .thumb-list { margin-left: -5px; }

.product-info-regist .ui.form .thumb-list li { display: inline-block; margin-left: 5px; }

.product-info-regist .ui.form .thumb-list li a { display: block; }

.product-info-regist .ui.form .thumb-list li img { max-height: 150px; border: 1px solid #e1e1e1; }

.product-info-regist .ui.form textarea { height: 120px; }

.product-info-regist .ui.form .inquiry-method { position: relative; }

.product-info-regist .ui.form .inquiry-method .select-group, .product-info-regist .ui.form .inquiry-method .ui.dropdown, .product-info-regist .ui.form .inquiry-method .ui.dropdown button { display: inline-block; min-width: 300px; width: 300px; vertical-align: middle; }

.product-info-regist .ui.form .inquiry-method .link { display: inline-block; margin-left: 5px; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.product-info-regist .ui.form .inquiry-method .button-area { margin-top: -15px; text-align: right; }

.product-info-regist .product-info-list > li { border-bottom: 1px solid #dedede; }

.product-info-regist .product-info-list > li .cont-inner { position: relative; min-height: 60px; padding: 20px 0; color: #181818; font-size: 15px; box-sizing: border-box; }

.product-info-regist .product-info-list > li > .title-line { padding: 20px 0; min-height: 60px; }

.product-info-regist .product-info-list .title-line { position: relative; color: #181818; font-size: 15px; box-sizing: border-box; }

.product-info-regist .product-info-list .binary-package-table { border-top: 1px solid #dedede; }

.product-info-regist .product-info-list .binary-package-table tr { border-bottom: 1px solid #dadada; }

.product-info-regist .product-info-list .binary-package-table tr td { padding: 8px 5px; min-height: 35px; vertical-align: top; box-sizing: border-box; }

.product-info-regist .product-info-list .binary-package-table .link-package { text-decoration: underline; text-underline-position: under; }

.product-info-regist .product-info-list .binary-package-table .link-apk-result { display: inline-block; margin-top: 10px; padding: 0 10px; min-width: 90px; height: 30px; font-size: 14px; line-height: 28px; text-align: center; background-color: #fff; border: 1px solid #c4c4c4; border-radius: 3px; box-sizing: border-box; }

.product-info-regist .product-info-list .info-box { padding: 30px 20px; margin-bottom: 15px; color: #181818; font-size: 13px; line-height: 19px; box-sizing: border-box; background-color: #f7f7f7; }

.product-info-regist .product-info-list .title-package { margin-bottom: 5px; font-size: 13px; font-weight: 700; }

.product-info-regist + .product-info-regist { padding-top: 80px; }

.product-info-regist .bg-box { background-color: #f7f7f7; border-radius: 5px; }

.product-info-regist .bg-box.pd20 { padding: 20px; }

.product-info-regist.pop .scroll-wrap { max-height: 700px; overflow-y: auto; }

.product-info-regist.pop .ui.form .screenshot-img-list { margin: 0; }

.product-info-regist.pop .ui.form .screenshot-img-list li { margin: 0; }

.product-info-regist.cate .select-group, .product-info-regist.cate .ui.dropdown, .product-info-regist.cate .ui.dropdown .button { display: inline-block; vertical-align: middle; width: 185px; }

.product-info-regist.cate .select-group.w235, .product-info-regist.cate .ui.dropdown.w235, .product-info-regist.cate .ui.dropdown .button.w235 { width: 235px; }

.product-info-regist.cate .select-group.w235 .button, .product-info-regist.cate .ui.dropdown.w235 .button, .product-info-regist.cate .ui.dropdown .button.w235 .button { width: 235px; }

.product-info-regist.cate .ui.dropdown .button { overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }

.product-info-regist.cate .grade { display: inline-block; width: 67px; line-height: 19px; }

.product-info-regist.cate .label.bg-gray { font-size: 14px; width: 215px; vertical-align: middle; }

.product-info-regist.cate .ui.form .w185 { width: 185px; }

.product-info-regist td p.text-info:first-child { margin-top: 0px; }

.product-info-regist td p.text-info { margin-top: 10px; }

.product-info-regist td p.nation { font-weight: bold; }

.product-info-regist td p .link { color: #0959FA; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ text-decoration-line: underline; }

.product-info-regist .text-info { font-size: 15px; }

.product-info-regist .text-info .display-block { line-height: 17px; }

.product-info-regist .text-info .link { margin-left: 5px; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.product-info-regist .text-info.dh2 { padding-right: 11px; }

.product-info-regist .text-info.dh2 > span { position: relative; }

.product-info-regist .text-info.dh2 > span:first-child { padding-right: 11px; margin-right: 10px; }

.product-info-regist .text-info.dh2 > span:first-child:before { content: ""; position: absolute; width: 1px; height: 16px; background: rgba(145, 145, 145, 0.3); top: 50%; margin-top: -8px; right: 0; }

.product-info-regist.search .keyword-list { margin: -5px 0 0 -3px; }

.product-info-regist.search .keyword-list li { display: inline-block; width: 138px; margin: 5px 0 0 3px; }

.product-info-regist.search .keyword-list.view li { margin-left: 30px; width: auto; }

.product-info-regist.search .keyword-list.view li:first-child { margin-left: 0; }

.product-info-regist.colinfo .radio { display: inline-block; min-width: 96px; }

.product-info-regist.proinfo .site-list > li { position: relative; }

.product-info-regist.proinfo .site-list > li + li { margin-top: 10px; }

.product-info-regist.proinfo .site-list > li .select-group { position: absolute; top: 0; left: 0; width: 157px; }

.product-info-regist.proinfo .site-list > li .site-input { position: relative; margin-left: 162px; }

.product-info-regist.proinfo .site-list > li .site-input input { padding-right: 35px; }

.product-info-regist.proinfo .site-list > li .site-input .button-close { position: absolute; top: 0; right: 0; width: 35px; height: 35px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-info-regist.proinfo .site-list > li .title { display: inline-block; margin-right: 20px; min-width: 85px; }

.product-info-regist.resource .button-area { position: absolute; bottom: 20px; left: 20px; }

.product-info-regist.resource .button-area.ty1 button.button { margin-top: 10px; }

.product-info-regist.verify .link-vertify { position: absolute; top: 5px; right: 0; color: #0959fa; font-size: 12px; text-decoration: underline; }

.product-info-regist.verify .link-guide { position: absolute; top: 4px; right: 0; color: #919191; font-size: 13px; font-weight: 700; }

.product-info-regist.verify .link-guide:before { content: ""; display: inline-block; margin: 0 3px 3px 0; width: 14px; height: 14px; vertical-align: middle; background: url(../img/ico_info_01.png) center no-repeat; background-size: 14px; }

.product-info-regist.verify .link-guide:after { content: ""; display: inline-block; margin-left: 5px; width: 4px; height: 8px; vertical-align: middle; background: url(../img/img_arrow_right_02.png) center no-repeat; }

.product-info-regist.verify .ui.calendar { display: inline-block; width: 130px; }

.product-info-regist.verify .ui.calendar.time { margin-left: 3px; width: 109px; }

.product-info-regist.verify .ui.calendar.time input { padding-left: 12px; }

.product-info-regist.verify .ui.calendar.all { margin-left: 8px; }

.product-info-regist.verify .text-calendar { display: inline-block; font-size: 15px; }

.product-info-regist.verify .bg-box { padding: 13px 15px; font-size: 13px; background-color: #f7f7f7; border-radius: 3px; }

.product-info-regist.verify .ui.ico-text { font-size: 15px; }

.product-info-regist.verify .product-verify-info + .product-verify-info { padding-top: 80px; }

.product-info-regist.verify .product-verify-info textarea { height: 72px; }

.product-info-regist.verify .product-verify-info .ui.form .label > label { font-size: 15px; }

.product-info-regist.verify .reserve-state-list li { position: relative; margin-top: 15px; }

.product-info-regist.verify .reserve-state-list li:after { content: ""; display: block; clear: both; }

.product-info-regist.verify .reserve-state-list li:first-child { margin-top: 0; }

.product-info-regist.verify .reserve-state-list li .button.reserve { float: left; margin-right: 15px; }

.product-info-regist.verify .reserve-state-list li .text-state { float: left; color: #919191; font-size: 12px; }

.product-info-regist.verify .reserve-state-list.ty1 li { display: flex; }

.product-info-regist.verify .reserve-state-list.ty1 li > span { flex: 0 0 auto; }

.product-info-regist.verify .reserve-state-list.ty1 li > span a { padding: 6px 17px 6px 17px; font-size: 13px; line-height: 19px; border: 1px solid #C8C8C8; border-radius: 3px; }

.product-info-regist.verify .reserve-state-list.ty1 li > span a:before { width: 20px; height: 20px; -ms-background-size: 20px 20px; -moz-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; }

.product-info-regist.verify .reserve-state-list.ty1 li > span a.ico-green::before { background-image: url(../img/icon/img_status_complete.png); }

.product-info-regist.verify .reserve-state-list.ty1 li > span a.ico-black::before { background-image: url(../img/icon/img_status_pending.png); }

.product-info-regist.verify .reserve-state-list.ty1 li > span a.ico-red::before { background-image: url(../img/icon/img_status_error.png); }

.product-info-regist.verify .reserve-state-list.ty1 li > p.text-state { flex: 1 1; font-size: 12px; line-height: 17px; }

.product-info-regist.popupTy1 .text-regist { padding-top: 4px; }

.product-info-regist.popupTy1 .text-regist .title-regist { font-size: 14px; line-height: 20px; }

.product-info-regist.price .link-price { display: inline-block; margin-left: 5px; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; vertical-align: middle; height: 22px; }

.product-info-regist.price .ui.form .radio + .radio { margin-left: 25px; }

.product-info-regist.price .ui.form .store-list li { position: relative; padding: 7px 0 7px 45px; font-size: 14px; word-break: break-all; }

.product-info-regist.price .ui.form .store-list li + li { margin-top: 15px; }

.product-info-regist.price .ui.form .store-list li.tstore:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -17px; width: 35px; height: 35px; vertical-align: middle; background: url(../img/logo_tstore.png) center no-repeat; }

.product-info-regist.price .ui.form .store-list li.kt:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -17px; width: 35px; height: 35px; vertical-align: middle; background: url(../img/logo_kt.png) center no-repeat; }

.product-info-regist.price .ui.form .store-list li.lguplus:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -17px; width: 35px; height: 35px; vertical-align: middle; background: url(../img/logo_lguplus.png) center no-repeat; }

.product-info-regist.payment-detail .inapp-test-wrap .no-data { padding: 165px 0; font-size: 14px; text-align: center; }

.product-info-regist.payment-detail .inapp-test-wrap table.list { table-layout: fixed; }

.product-info-regist.payment-detail .inapp-test-wrap table.list td { word-break: break-all; }

.product-info-regist.payment-detail .inapp-test-wrap table.list th { font-size: 12px; }

.product-info-regist.payment-detail .inapp-test-wrap table.list .button.basic { line-height: 28px; min-width: 70px; }

.product-info-regist.payment-detail .inapp-test-wrap .ui.calendar { display: inline-block; }

.product-info-regist.payment-detail .inapp-test-wrap .search .condition { position: relative; }

.product-info-regist.payment-detail .inapp-test-wrap .search .condition .select-group { margin-right: 3px; vertical-align: middle; }

.product-info-regist.payment-detail .inapp-test-wrap .search .condition .input-group.input-btn .input { min-width: auto; }

.product-info-regist.payment-detail .inapp-test-wrap .search .input-group > .label { background-color: #fbfbfb; background-clip: padding-box; }

.product-info-regist.payment-detail .inapp-test-wrap .bg-box { padding: 20px; background-color: #f7f7f7; border-radius: 5px; }

.product-info-regist.payment-detail .inapp-test-wrap .list-type li { position: relative; padding-left: 10px; }

.product-info-regist.payment-detail .inapp-test-wrap .list-type li:before { content: "-"; position: absolute; top: 0; left: 0; font-size: 13px; }

.product-info-regist.payment-detail .inapp-test-wrap .ui.form .label label { font-size: 14px; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area table { table-layout: fixed; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area table td { word-break: break-all; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-check .no-data { padding: 122px 0; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-check tr { border-bottom: 1px solid #e1e1e1; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-check th { font-size: 14px; vertical-align: middle; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-check td { font-size: 14px; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-check td .radio { display: inline-block; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-check td .radio + .radio { margin-left: 55px; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-check td .input-btn .input { padding-right: 85px; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-check td .input-btn .button { position: absolute; top: 0; right: 0; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-info { border-top: 1px solid #919191; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-info thead th { padding: 13px 0; font-size: 14px; font-weight: 500; height: auto; text-align: center; vertical-align: middle; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-info tr { border-bottom: 1px solid #e1e1e1; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-info tbody td { padding: 9px 0; min-height: auto; font-size: 13px; text-align: center; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-info tbody td .select-group { min-width: 110px; text-align: left; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .table-result-info tbody td .button.basic { min-width: 70px; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .result-top { position: relative; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .result-top h5 { display: inline-block; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .result-top .desc-top { color: #919191; font-size: 13px; vertical-align: 2px; }

.product-info-regist.payment-detail .inapp-test-wrap .result-area .result-top .button-area { position: absolute; top: 0; right: 0; }

.product-info-regist.payment-detail .inapp-detail-wrap .detail-top { position: relative; }

.product-info-regist.payment-detail .inapp-detail-wrap .detail-top .button { display: inline-block; width: 70px; height: 35px; line-height: 33px; font-size: 14px; border: 1px solid #c8c8c8; }

.product-info-regist.payment-detail .inapp-detail-wrap .detail-top .button.prev:before { content: ""; display: inline-block; margin-right: 5px; width: 7px; height: 11px; background: url(../img/img_arrow_left02.png) center left no-repeat; }

.product-info-regist.payment-detail .inapp-detail-wrap .detail-top .title-top { display: inline-block; margin-left: 8px; font-size: 18px; font-weight: 500; }

.product-info-regist.payment-detail .inapp-detail-wrap .detail-top .tootip-group { position: absolute; top: 8px; right: 0; }

.product-info-regist.payment-detail .inapp-detail-wrap .detail-top .tootip-group .link-tootip { font-size: 12px; }

.product-info-regist.payment-detail .inapp-detail-wrap .table-detail { table-layout: fixed; margin-top: 20px; border-top: 1px solid #919191; }

.product-info-regist.payment-detail .inapp-detail-wrap .table-detail th, .product-info-regist.payment-detail .inapp-detail-wrap .table-detail td { font-size: 15px; vertical-align: middle; word-break: break-all; }

.product-info-regist.payment-detail .inapp-detail-wrap .table-detail th { padding-left: 10px; }

.product-info-regist.payment-detail .inapp-detail-wrap .table-detail tr { border-bottom: 1px solid #e1e1e1; }

.product-info-regist.sn-key { padding-top: 0; }

.product-info-regist.sn-key .sn-box { margin-top: 10px; padding: 0 32px; font-size: 13px; }

.product-info-regist.sn-key .sn-box .list-type li { position: relative; padding-left: 10px; word-break: break-all; }

.product-info-regist.sn-key .sn-box .list-type li:before { content: "•"; position: absolute; top: 0; left: 0; font-size: 13px; }

.product-info-regist.sn-key .sn-box .list-type.type2 li { padding-left: 0; list-style: decimal; list-style-position: inside; }

.product-info-regist.sn-key .sn-box .list-type.type2 li:before { display: none; }

.product-info-regist.sn-key .sn-box .list-type.type3 li { padding-left: 0; list-style: lower-alpha; list-style-position: inside; }

.product-info-regist.sn-key .sn-box .list-type.type3 li:before { display: none; }

.product-info-regist.sn-key .sn-box .ui.dropdown .ui.button, .product-info-regist.sn-key .sn-box .ui.dropdown .dropdown-box { width: 360px; }

.product-info-regist.sn-key .sn-box .ui.dropdown .dropdown-box { max-height: 160px; overflow-y: auto; }

.product-info-regist.sn-key .sn-box .ui.file { vertical-align: 1px; }

.product-info-regist.sn-key .sn-box .ui.file label:before, .product-info-regist.sn-key .sn-box .ui.file label:after { display: none; }

.product-info-regist.sn-key .sn-box .bg-box { margin: 20px 0 15px 0; padding: 20px; background-color: #f7f7f7; border-radius: 3px; box-sizing: border-box; min-height: 100px; }

.product-info-regist.sn-key .sn-box .bg-box .text-key { font-size: 13px; word-break: break-all; word-wrap: break-word; }

.product-info-regist.sn-key .sn-box .bg-box .copy { margin-top: 10px; font-size: 13px; text-decoration: underline; text-underline-position: under; }

.product-info-regist.sn-key .sn-option { margin-top: 20px; border-top: 1px solid #dedede; }

@media screen and (max-width: 1150px) { .product-info-regist .ui.form .screenshot-upload { width: auto; } }

.collection-detail .checkbox.item { display: inline-block; }

.collection-detail .checkbox.item input { width: auto; height: auto; }

.collection-detail .checkbox.item label { padding-right: 7px; }

.collection-detail .checkbox.item .ico-tootip { vertical-align: middle; }

.collection-detail .text-input.red-cue { display: none; color: #E9464A !important; }

.collection-detail .detail-regist-area { padding-top: 5px; margin-top: 15px; }

.collection-detail .detail-regist-area .detail-regist-list { padding-top: 10px; }

.collection-detail .detail-inner { padding: 18px 20px; border-radius: 4px; background: #F7F7F7; margin-top: 10px; margin-bottom: 5px; margin-left: 32px; }

.collection-detail .detail-inner .title-accordion { position: relative; color: #181818; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ }

.collection-detail .detail-inner .title-accordion .button-accordion { position: relative; display: block; }

.collection-detail .detail-inner .title-accordion .button-accordion .chk-info { color: #919191; padding-left: 7px; }

.collection-detail .detail-inner .title-accordion .button-accordion:after { position: absolute; content: ''; top: 50%; right: 0px; width: 30px; height: 30px; background: url(../img/ic_expand_22_2.png) center no-repeat; background-size: 22px; -ms-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.collection-detail .detail-inner.accordion-on .button-accordion .chk-info { display: none; }

.collection-detail .detail-inner.accordion-on .button-accordion:after { background: url(../img/ic_expand_22.png) center no-repeat; background-size: 22px; }

.collection-detail .detail-inner ul { margin-top: 15px; }

.collection-detail .detail-inner ul li { margin-top: 11px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ }

.collection-detail .detail-inner ul li input { width: auto !important; height: auto !important; }

.collection-detail .detail-inner ul li:first-child { margin-top: 0px; }

.product-price-info .product-info-regist.price { padding-top: 40px; }

.product-price-info table { border-top: 1px solid #e1e1e1; }

.product-price-info.top-fixed-pd { padding-top: 228px; }

.product-price-info.top-fixed-pd.on { padding-top: 118px; }

.product-price-info .country-list { flex: 1; }

.product-price-info .country-list li { margin-top: 10px; }

.product-price-info .country-list li:first-child { margin-top: 0px; }

.product-price-info .button-area { margin-top: 60px; text-align: center; }

.product-price-info .button-area.ty1 { position: absolute; left: 12px; bottom: 15px; margin-top: 0; }

.product-iarc { /* iarc 페이지 전용 */ }

.product-iarc.top-fixed-pd { padding-top: 277px; }

.product-iarc.top-fixed-pd.on { padding-top: 168px; }

.product-iarc .infored-text { font-size: 14px; font-weight: 400; line-height: 20px; min-height: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; }

.product-iarc .iarc-agree-info { position: relative; display: flex; align-items: center; border-radius: 12px; font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.9); text-align: left; padding-top: 20px; margin-top: 30px; border-top: 1px solid #F1F1F1; }

.product-iarc .iarc-agree-info span { flex: 1; font-size: 14px; font-weight: 400; line-height: 20px; }

.product-iarc .iarc-agree-info i { margin-right: 10px; flex: 0 0  auto; }

.product-iarc .verification { text-align: center; border-radius: 10px; border: 1px solid rgba(145, 145, 145, 0.2); padding: 35px 40px 40px; }

.product-iarc .verification .title { color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; /* 133.333% */ margin-top: 20px; }

.product-iarc .verification .sub-text { color: rgba(24, 24, 24, 0.9); font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ margin: 10px 0px; }

.product-iarc .iarc-link { color: #0959FA; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ text-decoration-line: underline; }

.product-iarc .input-group.email .input-g1 { display: inline-block; width: 150px; }

.product-iarc .input-group.email .input-g1.w125 { width: 125px; }

.product-iarc .input-group.email .input-g2 { display: inline-block; margin: 0 2px; font-size: 15px; }

.product-iarc .input-group.email .input-g3 { display: inline-block; width: 200px; }

.product-iarc .input-group.email .input-g4 { display: inline-block; margin-left: 5px; width: 150px; vertical-align: middle; background-color: #fff; }

.product-iarc .input-group .sub-text { color: #919191; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ margin: 10px 0px; }

.product-iarc .input-group .app-grade { max-width: 385px; }

.product-iarc .input-group .app-grade .selectric .label { height: 33px; line-height: 33px; }

.product-iarc .method-cont .radio-group > div.radio { margin-top: 15px; }

.product-iarc .method-cont .radio-group > div.radio:first-child { border-bottom: 1px solid #DEDEDE; padding-bottom: 15px; }

.product-iarc .method-cont .radio-group .radio-checked-cont { padding-top: 10px; padding-left: 32px; }

.product-iarc .method-cont .radio-group .radio-checked-cont .button-area { font-size: 0; letter-spacing: 0; }

.product-iarc .method-cont .radio-group .radio-checked-cont .button-area button { margin-right: 5px; }

.product-iarc .method-cont .radio-group .radio-checked-cont .button-area button.bg-red { font-size: 16px; font-weight: 400; line-height: 22px; }

.product-iarc .method-cont .radio-group .radio-checked-cont .button-area .w80 { width: auto !important; }

.product-iarc .method-cont .radio-group .radio-checked-cont .input-area { max-width: 660px; }

.product-iarc .method-cont .radio-group .radio-checked-cont .input-area .wFull { flex: 1; }

.product-iarc .method-cont .radio-group .radio-checked-cont .input-area button { margin-left: 5px; }

.product-iarc .method-cont .radio-group .radio-checked-cont .info-text { margin-top: 0px; margin-bottom: 10px; font-size: 13px; font-style: normal; font-weight: 400; line-height: 19px; /* 146.154% */ }

.product-iarc .method-cont .radio-group .radio-checked-cont .info-text li { margin-top: 5px; }

.product-iarc .method-cont .radio-group .radio-checked-cont .info-text li:first-child { margin-top: 0px; }

.product-iarc .gray-info-text { padding: 20px; margin-top: 20px; border-radius: 4px; background: #F7F7F7; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ }

.product-iarc .gray-info-text .link { color: #0959FA; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; text-decoration-line: underline; }

.product-iarc .iarc-table th { vertical-align: middle !important; background: #FBFBFB; }

.product-iarc .iarc-table td { font-size: 15px; line-height: 21px; }

.product-iarc .iarc-table td div span { display: block; margin-top: 10px; }

.product-iarc .iarc-table td div span:first-child { margin-top: 0px; }

.product-iarc .iarc-table td div.grade { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; align-items: center; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.product-iarc .iarc-table td div.grade > span { margin: 0px; }

.product-iarc .iarc-table td div.grade img { width: 40px; vertical-align: top; }

.product-iarc .iarc-table td p { margin-top: 10px; }

.product-iarc .iarc-table td p:first-child { margin-top: 0px; }

.product-apk-info.top-fixed-pd { padding-top: 267px; }

.product-apk-info.top-fixed-pd.on { padding-top: 168px; }

.product-apk-info .ui.infored-text .desc-info { font-size: 14px; }

.product-apk-info .info-box { padding: 15px 0; border-top: 1px solid #eaeaea; box-sizing: border-box; }

.product-apk-info .info-box .desc-info { font-size: 14px; line-height: 19px; }

.product-apk-info .info-box .line-info { position: relative; padding: 0 30px 0 10px; }

.product-apk-info .info-box .line-info .ui.dropdown, .product-apk-info .info-box .line-info .ui.dropdown .ui.button { display: inline-block; width: 150px; }

.product-apk-info .info-box .line-info .button-close { display: inline-block; position: absolute; top: 10px; right: 5px; width: 15px; height: 15px; text-indent: -999em; background: url(../img/img_close_02.png) center no-repeat; }

.product-apk-info .info-box .desc-apk { padding: 10px 0 0 10px; font-size: 13px; line-height: 18px; }

.product-apk-info .info-box .bg-box { margin: 20px 0 15px 0; padding: 20px; background-color: #f7f7f7; border-radius: 3px; box-sizing: border-box; }

.product-apk-info .info-box .bg-box.licence { width: 697px; min-height: 100px; }

.product-apk-info .info-box .bg-box.licence h5 { margin-bottom: 10px; font-size: 15px; }

.product-apk-info .info-box .bg-box.licence .text-key { font-size: 13px; word-break: break-all; word-wrap: break-word; }

.product-apk-info .info-box .bg-box.licence .copy { margin-top: 10px; font-size: 13px; text-decoration: underline; text-underline-position: under; }

.product-apk-info .info-box .bg-box.file { padding-top: 55px; min-height: 200px; text-align: center; }

.product-apk-info .info-box .bg-box.file .ico-upload { display: block; margin-bottom: 10px; height: 36px; text-indent: -999em; background: url(../img/img_file_upload.png) center no-repeat; }

.product-apk-info .info-box .bg-box.file .desc-file { padding-top: 3px; color: #919191; font-size: 13px; }

.product-apk-info .info-box .bg-box.file .desc-file.link span { position: relative; cursor: pointer; }

.product-apk-info .info-box .bg-box.file .desc-file.link span:after { content: ""; display: inline-block; position: absolute; bottom: -5px; left: 0; width: 100%; height: 1px; background-color: rgba(145, 145, 145, 0.6); }

.product-apk-info .info-box .bg-box.file.loading .desc-file { color: #181818; font-size: 13px; }

.product-apk-info .info-box .bg-box.file.loading .desc-file img { width: 370px; }

.product-apk-info .info-box .bg-box.file.loading .desc-file.link { position: relative; margin: 12px auto 0 auto; padding-top: 0; width: 370px; height: 4px; border-radius: 30px; border: 1px solid #c4c4c4; text-indent: -999em; }

.product-apk-info .info-box .bg-box.file.loading .desc-file.link:before { content: ""; display: block; position: absolute; top: 0; left: -1px; width: 372px; height: 4px; border-radius: 50px; transition: 0.4s linear; animation: progressAnimation 2s; background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }

@keyframes progressAnimation { 0% { width: 0;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }
  100% { width: 372px;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); } }

@-webkit-keyframes progressAnimation { 0% { width: 0;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }
  100% { width: 372px;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); } }

.product-apk-info .info-box:last-child { border-bottom: 1px solid #eaeaea; }

.product-apk-info .info-box .apk-list { margin: 20px 0 0 -10px; }

.product-apk-info .info-box .apk-list a { display: block; margin-left: 10px; padding: 40px 10px 0 10px; height: 100%; text-align: center; border: 1px solid #dedede; border-radius: 3px; box-sizing: border-box; }

.product-apk-info .info-box .apk-list a:hover { border: 0; box-shadow: -1px 1px 15px -5px rgba(0, 0, 0, 0.1); }

.product-apk-info .info-box .apk-list li { float: left; width: 50%; height: 200px; }

.product-apk-info .info-box .apk-list.type1 li { float: none; width: 100%; }

.product-apk-info .info-box .apk-list button { margin: 12px 0; }

.product-apk-info .info-box .apk-list .text-apk { color: rgba(145, 145, 145, 0.6); font-size: 12px; line-height: 16px; }

.product-apk-info .info-box .info-table-guide tr { border-bottom: 1px solid #dedede; }

.product-apk-info .info-box .info-table-guide th { padding: 17px 0 0 10px; font-size: 15px; }

.product-apk-info .info-box .info-table-guide td { font-size: 15px; }

.product-apk-info .ui.line-info.none .info-line { margin-left: 0; }

.product-apk-info .ui.line-info.none .info-line:before { display: none; }

.product-apk-info .ui.line-info.none .mr42 { margin-right: 42px !important; }

.product-apk-info .binary-package-top { position: relative; margin: 40px 0 15px 0; }

.product-apk-info .binary-package-top h5 { font-size: 18px; font-weight: 700; }

.product-apk-info .binary-package-top .autoadd { position: absolute; top: 0; right: 0; }

.product-apk-info .accordion.bt2 { border-top: 1px solid #a7a7a7; }

.product-apk-info .accordion .accordion-box { padding: 30px 20px; }

.product-apk-info .title-package { margin-bottom: 5px; font-size: 13px; font-weight: 700; }

.product-apk-info .binary-package-table { border-top: 1px solid #dedede; }

.product-apk-info .binary-package-table tr { border-bottom: 1px solid #dadada; }

.product-apk-info .binary-package-table tr td { padding: 8px 5px; min-height: 35px; vertical-align: top; box-sizing: border-box; }

.product-apk-info .binary-package-table .link-package { text-decoration: underline; text-underline-position: under; }

.product-apk-info .binary-package-table .link-apk-result { display: inline-block; margin-top: 10px; padding: 0 10px; min-width: 90px; height: 30px; font-size: 14px; line-height: 28px; text-align: center; background-color: #fff; border: 1px solid #c4c4c4; border-radius: 3px; box-sizing: border-box; }

.product-apk-info .binary-package-table .option-textinfo { padding-top: 3px; }

.product-sale-reserve.hide .button-reserve-area .link-reserve.up { display: none; }

.product-sale-reserve.hide .button-reserve-area .link-reserve.down { display: block; }

.product-sale-reserve.hide .product-info-regist + .product-info-regist { padding-top: 30px; }

.product-sale-reserve .button-reserve-area { margin-top: 20px; text-align: right; }

.product-sale-reserve .button-reserve-area .link-reserve { display: inline-block; position: relative; padding-right: 40px; font-size: 14px; line-height: 30px; }

.product-sale-reserve .button-reserve-area .link-reserve.up .ico-arrow { background: url(../img/img_arrow_up02.png) center no-repeat; }

.product-sale-reserve .button-reserve-area .link-reserve.down { display: none; }

.product-sale-reserve .button-reserve-area .ico-arrow { position: absolute; top: 0; right: 0; width: 30px; height: 30px; font-size: 0; border: 1px solid #c8c8c8; border-radius: 3px; background: url(../img/img_sel_arrow_down02.png) center no-repeat; }

.product-verify-info.top-fixed-pd { padding-top: 288px; }

.product-verify-info.top-fixed-pd.on { padding-top: 188px; }

.product-verify-info .button-area { padding-top: 60px; text-align: center; }

.product-sale-reserve.hide .product-info-regist table { display: none; }

.product-sale-reserve.hide .product-info-regist .text-regist .desc-regist, .product-sale-reserve.hide .product-info-regist .text-regist .link { display: none; }

.product-verify-history .desc-top { display: block; margin: 15px 0; color: #919191; font-size: 13px; text-align: right; }

.product-verify-history .table-history { border-top: 1px solid #a7a7a7; }

.product-verify-history .table-history thead tr { border-bottom: 1px solid #dedede; }

.product-verify-history .table-history thead th { height: 50px; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; }

.product-verify-history .table-history tr { border-bottom: 1px solid #dedede; }

.product-verify-history .table-history tr.on { border-bottom: 0; }

.product-verify-history .table-history tr.on .button-arrow { background: url(../img/img_arrow_up.png) center no-repeat; }

.product-verify-history .table-history td { padding: 19px 3px; font-size: 13px; text-align: center; vertical-align: middle; }

.product-verify-history .table-history .product-apk-info { margin: 10px 0; text-align: left; }

.product-verify-history .table-history .product-apk-info .bg-gray { padding: 30px 20px; color: #181818; font-size: 13px; line-height: 19px; box-sizing: border-box; }

.product-verify-history .table-history .product-apk-info .bg-gray + .bg-gray { margin-top: 10px; }

.product-verify-history .table-history .product-apk-info .binary-package-table td { text-align: left; }

.product-verify-history .table-history .button-arrow { display: inline-block; width: 16px; height: 100%; text-indent: -999em; background: url(../img/img_arrow_down.png) center no-repeat; }

.product-reserve-info.top-fixed-pd { padding-top: 207px; }

.product-reserve-info.top-fixed-pd.on { padding-top: 138px; }

.product-reserve-info .button-area { padding-top: 60px; text-align: center; }

.product-regist-pop { padding: 20px; }

.product-regist-pop .title-product { margin-bottom: 15px; font-size: 14px; font-weight: 700; }

.product-regist-pop .bg-box { padding: 20px; background-color: #f7f7f7; box-sizing: border-box; }

.product-regist-pop .bg-box .info-regist { margin-bottom: 10px; font-size: 13px; word-break: break-all; }

.product-regist-pop .bg-box .info-file { margin-bottom: 3px; font-size: 13px; word-break: break-all; }

.product-regist-pop .bg-box .input-group { position: relative; }

.product-regist-pop .bg-box .input-group .button { position: absolute; top: 0; right: 0; }

.product-regist-pop .bg-box input, .product-regist-pop .bg-box button { background-color: #fff; }

.product-regist-pop .bg-box .input { padding-right: 83px; }

.product-regist-pop .bg-box .desc-regist { margin-top: 10px; color: #919191; font-size: 12px; }

.product-regist-pop .bg-box .desc-regist.list li { position: relative; padding-left: 10px; }

.product-regist-pop .bg-box .desc-regist.list li:before { content: "-"; position: absolute; top: 0; left: 0; color: #919191; font-size: 12px; }

.product-regist-pop .button-area { margin: 60px 0 0 0; text-align: right; }

.product-regist-pop.dupli .dupli-area { position: relative; }

.product-regist-pop.dupli .dupli-area .input-group { display: inline-block; width: 70%; }

.product-regist-pop.vertify .ui.calendar { display: inline-block; width: 130px; }

.product-regist-pop.vertify .ui.calendar.time { width: 55px; }

.product-regist-pop.vertify .text-calendar { font-size: 15px; line-height: 35px; }

.product-regist-pop tr th { padding: 10px 0; min-height: 65px; }

.product-regist-pop tr th, .product-regist-pop tr td { font-size: 15px; }

.product-regist-pop .w109 { width: 109px !important; }

.product-regist-pop .w120 { width: 120px !important; }

.product-regist-pop .w130 { width: 130px !important; }

.product-regist-pop .w145 { width: 145px !important; }

.product-regist-pop.ui.form .input-group > .label, .product-regist-pop.ui.form .text-group > .label { margin-bottom: 10px; padding: 0; width: auto; }

.product-regist-pop.ui.form .input { padding: 0; }

.product-regist-pop.ui.form .input .w125 { width: 125px !important; }

.product-regist-pop.ui.form .input .w150 { width: 150px !important; }

.product-regist-pop.ui.form .input.date { display: inline-block; min-width: 250px; width: 250px; vertical-align: middle; }

.product-regist-pop.ui.form input { background-color: #fff; }

.product-regist-pop.ui.form .input-group + .input-group { margin-top: 15px; }

.product-regist-pop.ui.form .search-result { position: absolute; top: 45px; left: 0; width: 100%; min-height: 221px; max-height: 221px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.product-regist-pop.ui.form .search-result .result-list { min-height: 100px; }

.product-regist-pop.ui.form .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.product-regist-pop.ui.form .search-result .result-list li + li { margin-top: 15px; }

.product-regist-pop.ui.form .search-result .result-list li a { display: block; box-sizing: border-box; }

.product-regist-pop.ui.form .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.product-regist-pop.ui.form .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.product-regist-pop.ui.form .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.product-regist-pop.ui.form .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.product-regist-pop.ui.form .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.product-regist-pop.ui.form .input-group.email .input-g1 { display: inline-block; width: 150px; }

.product-regist-pop.ui.form .input-group.email .input-g2 { display: inline-block; margin: 0 2px; font-size: 15px; }

.product-regist-pop.ui.form .input-group.email .input-g3 { display: inline-block; width: 187px; }

.product-regist-pop.ui.form .input-group.email .input-g4 { display: inline-block; margin-left: 3px; width: 150px; vertical-align: middle; background-color: #fff; }

.product-regist-pop.ui.form .input-group.outh .checkbox + .checkbox { margin-left: 30px; }

.product-regist-pop.ui.form .input-group.outh .checkbox label:before { background-color: #fff; }

.product-regist-pop.ui.form .input-group.date .date-group { display: inline-block; }

.product-regist-pop.ui.form .input-group.date .date-group .ui.calendar { display: inline-block; min-width: 125px; width: 125px; }

.product-regist-pop.ui.form .input-group.date .date-group .ui.calendar.time { margin-left: 3px; min-width: 55px; width: 55px; }

.product-regist-pop.ui.form .input-group.date .gubun { padding: 0 3px; }

.product-regist-pop.ui.form .input-group.search .ui.search.border-rw { position: relative; }

.product-regist-pop.ui.form .input-group .button { font-size: 14px; background-color: #fff; }

.product-regist-pop.ui.form .input-group .selectric .button:after { background-color: #fff; }

.product-regist-pop.ui.form .input-group.phone .input .select-group { display: inline-block; min-width: 78px; width: 78px; background-color: #fff; vertical-align: middle; }

.product-regist-pop.ui.form .input-group.phone .input .select-group + .select-group { margin-left: 3px; }

.product-regist-pop.ui.form .input-group.phone .input .input-gubun { display: inline-block; margin: 0 2px; color: #919191; vertical-align: middle; }

.product-regist-pop.ui.form .input-group.phone .input .input-g3 { display: inline-block; width: 70px; }

.product-regist-pop.ui.form .input-group.phone .input .input-g4 { display: inline-block; margin-right: 3px; width: 70px; }

.product-regist-pop.ui.form .input-group.phone .phone-confirm { margin-top: 10px; }

.product-regist-pop.ui.form .input-group.phone .phone-confirm .input-g1 { margin-right: 15px; font-size: 15px; }

.product-regist-pop.ui.form .input-group.phone .phone-confirm .input-g2 { position: relative; }

.product-regist-pop.ui.form .input-group.phone .phone-confirm .input-g2 input { padding-right: 67px; width: 200px; }

.product-regist-pop.ui.form .input-group.phone .phone-confirm .input-g2 .text-sec { position: absolute; top: 5px; right: 23px; color: #e9464a; font-size: 12px; }

.product-regist-pop.ui.form .input-group.phone .input-foreign .input-g1 { display: inline-block; margin-right: 3px; background-color: #fff; vertical-align: middle; }

.product-regist-pop.ui.form .input-group.phone .input-foreign .input-g2 { display: inline-block; width: 176px; }

.product-regist-pop.ui.form .input-group.phone .input-foreign .button { margin-left: 3px; }

.product-regist-pop.ui.form .input-group.dupli td { position: relative; }

.product-regist-pop.ui.form .input-group.dupli .input { display: inline-block; margin-right: 3px; min-width: 250px; max-width: 300px; }

.product-regist-pop.ui.form .text-group textarea { height: 80px; background-color: #fff; }

.product-regist-pop.ui.form .text-group textarea.w100 { height: 100px; }

/*setting*/
.product-app-setting.top-fixed-pd { padding-top: 41px; }

.product-app-setting.top-fixed-pd .desc-top { display: block; margin-top: 5px; color: #919191; font-size: 13px; }

.product-app-setting.top-fixed-pd .desc-top span + span { padding-left: 13px; }

.product-app-setting .w80 { display: inline-block; min-width: 80px !important; width: 80px !important; }

.product-app-setting .product-info-regist .text-regist .link-guide { display: inline-block; color: #919191; font-size: 14px; }

.product-app-setting .product-info-regist .text-regist .link-guide:before { content: ""; display: inline-block; margin: 0 3px 3px 0; width: 14px; height: 14px; vertical-align: middle; background: url(../img/ico_info_01.png) center no-repeat; background-size: 14px; }

.product-app-setting .button-area { text-align: center; }

.product-app-setting .ui.search.border-rw { position: relative; }

.product-app-setting .search-result { position: absolute; top: 45px; left: 0; width: 100%; min-height: 221px; max-height: 221px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.product-app-setting .search-result .result-list { min-height: 100px; }

.product-app-setting .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.product-app-setting .search-result .result-list li + li { margin-top: 15px; }

.product-app-setting .search-result .result-list li a { display: block; box-sizing: border-box; }

.product-app-setting .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.product-app-setting .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.product-app-setting .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.product-app-setting .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.product-app-setting .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.product-app-setting .product-apps-area .card-list-group { margin-top: -20px; }

.product-app-setting .product-apps-area .card-list-group > li { width: 255px; min-height: 203px; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .top-card .img { top: 15px; left: 15px; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .card-button { position: relative; padding: 15px; height: 48px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 5px; text-align: center; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .card-button .ui.button { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -50px; min-width: 100px; width: 100px; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .star-area { position: relative; padding: 12px 15px; background-color: #f7f7f7; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .star-area .point-star { position: relative; display: inline-block; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .star-area .point-star .bg { display: inline-block; width: 73px; height: 14px; margin-right: 3px; vertical-align: middle; background: url(../img/ico_star_a.png) 0 0 no-repeat; background-size: 73px auto; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .star-area .point-star .point { display: inline-block; width: 73px; height: 23px; background: url(../img/ico_star_a.png) 0 0 no-repeat; background-position: 0 -15px; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .star-area .text-point { font-size: 13px; font-weight: 700; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .star-area .link { display: block; font-size: 13px; text-decoration: underline; text-underline-position: under; }

.product-app-setting .product-apps-area .card-list-group > li .card-box .status-card ul { height: 70px; }

.product-app-setting .product-apps-area .card-list-group > li .card-box a.ui.button { line-height: initial; padding: 4px 10px; }

.product-app-setting .product-apps-area .card-list-group > li .top-card .app-info-card { padding: 20px 9px 25px 116px; }

.product-app-setting .product-apps-area .card-list-group > li .top-card .app-info-card .title-card { font-weight: 500; }

.product-app-setting .product-apps-area .card-list-group > li .status-card { border-bottom: 1px solid #f0f0f0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.product-app-setting .product-apps-area .card-list-group > li .status-card.double-line { padding: 12px 15px; height: 60px; box-sizing: border-box; }

.product-app-setting .product-apps-area .card-list-group > li .status-card.double-line .num-reservation { font-size: 13px; }

.product-app-setting .product-apps-area .card-list-group > li .status-card ul { padding: 5px 0 5px 0; }

.product-app-setting .product-apps-area .card-list-group > li .status-card ul li + li:before { top: 22px; }

.product-app-setting .relative { position: relative; }

.product-app-setting .guide-link { position: absolute; top: 15px; right: 0; font-size: 13px; color: #0959fa; text-decoration: underline; text-underline-position: under; }

.product-app-setting .guide-link2 { display: inline-block; margin-left: 20px; font-size: 13px; color: #919191; vertical-align: middle; }

.product-app-setting .list-type li { position: relative; padding-left: 10px; }

.product-app-setting .list-type li:before { content: "-"; position: absolute; top: 0; left: 0; font-size: 13px; }

.product-app-setting .list-type.type2 li { padding-left: 0; list-style: decimal; list-style-position: inside; }

.product-app-setting .list-type.type2 li:before { display: none; }

.product-app-setting .ui.calendar, .product-app-setting .ui.radio, .product-app-setting .radio-group .select-group, .product-app-setting .radio-group .input.public-date { display: inline-block; vertical-align: middle; }

.product-app-setting .radio-group .input.public-date .gubun { padding: 0 5px; }

.product-app-setting .charge-list li + li { margin-top: 10px; }

.product-app-setting .charge-list li .add-charge { display: inline-block; margin-left: 2px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_plus_g.png) center no-repeat; background-size: 13px auto; }

.product-app-setting .charge-list li .minus-charge { display: inline-block; margin-left: 5px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_minus.png) center no-repeat; background-size: 13px auto; }

.product-app-setting .table-type { table-layout: fixed; }

.product-app-setting .table-type .scroll-wrap.h450 { height: 450px; overflow-y: auto; }

.product-app-setting .table-type tr { border-bottom: 1px solid #e1e1e1; }

.product-app-setting .table-type .no-data { padding: 124px 0; font-size: 15px; text-align: center; }

.product-app-setting .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; }

.product-app-setting .table-type tbody td { padding: 10px 0; height: 60px; font-size: 13px; text-align: center; box-sizing: border-box; word-break: break-all; }

.product-reservation-setting.top-fixed-pd { padding-top: 162px !important; min-width: 800px; }

.product-reservation-setting.top-fixed-pd .app-nodata-textSet { min-height: calc(100vh - 272px - 230px); display: flex; flex-direction: column; justify-content: center; align-items: center; }

.product-reservation-setting .desc-top { display: block; margin-top: 5px; color: #919191; font-size: 12px; line-height: 17px; }

.product-reservation-setting .desc-top span + span { padding-left: 13px; }

.product-reservation-setting .sub-text-info { font-size: 12px; line-height: 17px; color: #919191; }

.product-reservation-setting .w80 { display: inline-block; min-width: 80px !important; width: 80px !important; }

.product-reservation-setting .input-group.email .input-g1 { display: inline-block; width: 125px; }

.product-reservation-setting .input-group.email .input-g2 { display: inline-block; margin: 0 2px; font-size: 15px; }

.product-reservation-setting .input-group.email .input-g3 { display: inline-block; width: 200px; }

.product-reservation-setting .input-group.email .input-g4 { display: inline-block; margin-left: 5px; width: 150px; vertical-align: middle; background-color: #fff; }

.product-reservation-setting .product-info-regist table.ui { border-top: 1px solid rgba(145, 145, 145, 0.3); }

.product-reservation-setting .product-info-regist .text-regist .link-guide { display: inline-block; color: #919191; font-size: 14px; }

.product-reservation-setting .product-info-regist .text-regist .link-guide:before { content: ""; display: inline-block; margin: 0 3px 3px 0; width: 14px; height: 14px; vertical-align: middle; background: url(../img/ico_info_01.png) center no-repeat; background-size: 14px; }

.product-reservation-setting .product-info-regist .proinfo .site-list > li { position: relative; margin-bottom: 10px; }

.product-reservation-setting .product-info-regist .proinfo .site-list .select-group { position: absolute; top: 0; left: 0; width: 157px; }

.product-reservation-setting .product-info-regist .proinfo .site-list .site-input { position: relative; margin-left: 162px; }

.product-reservation-setting .product-info-regist .proinfo .site-list .site-input input { padding-right: 35px; }

.product-reservation-setting .product-info-regist .proinfo .site-list .site-input .button-close { position: absolute; top: 0; right: 0; width: 35px; height: 35px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-reservation-setting .close-option input { padding-right: 35px; }

.product-reservation-setting .close-option .button-close { position: absolute; top: 0; right: 0; width: 35px; height: 35px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.product-reservation-setting .button-area { text-align: center; }

.product-reservation-setting .ui.search.border-rw { position: relative; }

.product-reservation-setting .text-right tr > td { text-align: right !important; }

.product-reservation-setting .text-right tr > td:first-child { text-align: center !important; }

.product-reservation-setting .text-right tr > td.align-center { text-align: center !important; }

.product-reservation-setting .border-no { border-bottom: 1px solid rgba(145, 145, 145, 0.3); }

.product-reservation-setting .border-no tbody tr { border-bottom: 0px !important; }

.product-reservation-setting .situation-wrap .table-title { font-weight: 700; font-size: 18px; line-height: 24px; color: #181818; margin: 30px 0px 20px; }

.product-reservation-setting .situation-wrap .table-title a.back-key { padding-left: 26px; background: url(../img/ic_more_20.png) 0 center no-repeat; background-size: 20px; }

.product-reservation-setting .situation-wrap table tr { border-bottom: 1px solid #dedede; }

.product-reservation-setting .situation-wrap table th { background: #F7F7F7; font-weight: 700; font-size: 14px; line-height: 20px; color: #181818; height: 50px; }

.product-reservation-setting .situation-wrap table td { font-size: 14px; line-height: 20px; color: #181818; height: 30px; }

.product-reservation-setting .situation-wrap table td.dimd { font-size: 14px; line-height: 20px; color: #919191; }

.product-reservation-setting .situation-wrap table td, .product-reservation-setting .situation-wrap table th { text-align: center; vertical-align: middle; }

.product-reservation-setting .situation-wrap table .brb-0 { border-bottom: 0px; }

.product-reservation-setting .search-result { position: absolute; top: 45px; left: 0; width: 100%; min-height: 221px; max-height: 221px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.product-reservation-setting .search-result .result-list { min-height: 100px; }

.product-reservation-setting .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.product-reservation-setting .search-result .result-list li + li { margin-top: 15px; }

.product-reservation-setting .search-result .result-list li a { display: block; box-sizing: border-box; }

.product-reservation-setting .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.product-reservation-setting .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.product-reservation-setting .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.product-reservation-setting .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.product-reservation-setting .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.product-reservation-setting .product-apps-area .card-list-group { margin-top: -20px; }

.product-reservation-setting .product-apps-area .card-list-group > li { width: 255px; min-height: 203px; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .top-card .img { top: 15px; left: 15px; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .card-button { position: relative; padding: 15px; height: 48px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 5px; text-align: center; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .card-button .ui.button { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -50px; min-width: 100px; width: 100px; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .star-area { position: relative; padding: 12px 15px; background-color: #f7f7f7; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .star-area .point-star { position: relative; display: inline-block; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .star-area .point-star .bg { display: inline-block; width: 73px; height: 14px; margin-right: 3px; vertical-align: middle; background: url(../img/ico_star_a.png) 0 0 no-repeat; background-size: 73px auto; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .star-area .point-star .point { display: inline-block; width: 73px; height: 23px; background: url(../img/ico_star_a.png) 0 0 no-repeat; background-position: 0 -15px; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .star-area .text-point { font-size: 13px; font-weight: 700; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .star-area .link { display: block; font-size: 13px; text-decoration: underline; text-underline-position: under; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box .status-card ul { height: 70px; }

.product-reservation-setting .product-apps-area .card-list-group > li .card-box a.ui.button { line-height: initial; padding: 4px 10px; }

.product-reservation-setting .product-apps-area .card-list-group > li .top-card .app-info-card { padding: 20px 9px 25px 116px; }

.product-reservation-setting .product-apps-area .card-list-group > li .top-card .app-info-card .title-card { font-weight: 500; }

.product-reservation-setting .product-apps-area .card-list-group > li .status-card { border-bottom: 1px solid #f0f0f0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.product-reservation-setting .product-apps-area .card-list-group > li .status-card.double-line { padding: 12px 15px; height: 60px; box-sizing: border-box; }

.product-reservation-setting .product-apps-area .card-list-group > li .status-card.double-line .num-reservation { font-size: 13px; }

.product-reservation-setting .product-apps-area .card-list-group > li .status-card ul { padding: 5px 0 5px 0; }

.product-reservation-setting .product-apps-area .card-list-group > li .status-card ul li + li:before { top: 22px; }

.product-reservation-setting .relative { position: relative; }

.product-reservation-setting .guide-link { position: absolute; top: 15px; right: 0; font-size: 13px; color: #0959fa; text-decoration: underline; text-underline-position: under; }

.product-reservation-setting .guide-link2 { display: inline-block; margin-left: 20px; font-size: 13px; color: #919191; vertical-align: middle; }

.product-reservation-setting .list-type li { position: relative; padding-left: 10px; }

.product-reservation-setting .list-type li:before { content: "-"; position: absolute; top: 0; left: 0; font-size: 13px; }

.product-reservation-setting .list-type.type2 li { padding-left: 0; list-style: decimal; list-style-position: inside; }

.product-reservation-setting .list-type.type2 li:before { display: none; }

.product-reservation-setting .ui.calendar, .product-reservation-setting .ui.radio, .product-reservation-setting .radio-group .select-group, .product-reservation-setting .radio-group .input.public-date { display: inline-block; vertical-align: middle; }

.product-reservation-setting .radio-group .input.public-date .gubun { padding: 0 5px; }

.product-reservation-setting .charge-list li + li { margin-top: 10px; }

.product-reservation-setting .charge-list li .add-charge { display: inline-block; margin-left: 2px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_plus_g.png) center no-repeat; background-size: 13px auto; }

.product-reservation-setting .charge-list li .minus-charge { display: inline-block; margin-left: 5px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_minus.png) center no-repeat; background-size: 13px auto; }

.product-reservation-setting .no-data { color: #919191; }

.product-reservation-setting .table-type { table-layout: fixed; }

.product-reservation-setting .table-type .scroll-wrap.h450 { height: 450px; overflow-y: auto; }

.product-reservation-setting .table-type tr { border-bottom: 1px solid #e1e1e1; }

.product-reservation-setting .table-type .no-data { padding: 124px 0; font-size: 15px; text-align: center; color: #919191; }

.product-reservation-setting .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; }

.product-reservation-setting .table-type tbody td { padding: 10px 0; height: 60px; font-size: 13px; text-align: center; box-sizing: border-box; word-break: break-all; }

.layer-pop p, .layer-pop span { word-break: break-all; }

.layer-pop .file-progress .progress-bar, .layer-pop .file-progress .complete-bar { position: relative; height: 35px; border: 1px solid #c4c4c4; border-radius: 50px; text-align: center; background-color: #fff; }

.layer-pop .file-progress .progress-bar .bar .text-percentage, .layer-pop .file-progress .complete-bar .bar .text-percentage { right: 12px; }

.layer-pop .file-progress .progress-bar .text-percentage, .layer-pop .file-progress .complete-bar .text-percentage { position: absolute; top: 50%; margin: -9px 0 0 0; color: #fff; font-size: 10px; font-style: normal; z-index: 2; }

.layer-pop .file-progress .progress-bar .img, .layer-pop .file-progress .complete-bar .img { position: relative; display: inline-block; width: 520px; height: 35px; background: url(../img/img_file_upload02.gif) center no-repeat; border-radius: 50px; }

.layer-pop .file-progress .progress-bar .img .text-percentage, .layer-pop .file-progress .complete-bar .img .text-percentage { left: 0; right: auto; z-index: 2; }

.layer-pop .file-progress .progress-bar .bar, .layer-pop .file-progress .complete-bar .bar { display: block; position: absolute; top: -1px; left: -1px; min-width: 10% !important; height: 37px; border-radius: 50px; background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }

.layer-pop .file-progress img { width: 100%; }

.layer-pop .product-group-admin { position: relative; padding: 20px; min-height: 777px; box-sizing: border-box; }

.layer-pop .product-group-admin .info-group { margin-bottom: 20px; font-size: 14px; }

.layer-pop .product-group-admin .non-group-list { position: absolute; top: 60px; left: 20px; width: 280px; height: 644px; box-sizing: border-box; }

.layer-pop .product-group-admin .non-group-list .tit-group { display: block; margin-bottom: 20px; color: #e9464a; font-size: 15px; font-weight: 700; }

.layer-pop .product-group-admin .non-group-list .tit-group > span { color: #181818; }

.layer-pop .product-group-admin .non-group-list .cont-inner { padding: 18px; height: 644px; border: 1px solid #dedede; border-radius: 3px; box-sizing: border-box; overflow: hidden; }

.layer-pop .product-group-admin .non-group-list .non-list { padding-top: 7px; min-height: 567px; overflow-y: auto; }

.layer-pop .product-group-admin .non-group-list .non-list li { position: relative; }

.layer-pop .product-group-admin .non-group-list .non-list li > a { display: block; font-size: 15px; word-break: break-all; }

.layer-pop .product-group-admin .non-group-list .non-list li.on > a { padding-right: 120px; }

.layer-pop .product-group-admin .non-group-list .non-list li.on .inner-button-area { display: block; }

.layer-pop .product-group-admin .non-group-list .non-list li + li { margin-top: 15px; }

.layer-pop .product-group-admin .non-group-list .non-list li .inner-button-area { display: none; position: absolute; top: 50%; right: 0; margin: -17px 0 0 0; }

.layer-pop .product-group-admin .non-group-list .non-list li .inner-button-area .button { min-width: 50px; }

.layer-pop .product-group-admin .non-group-list .button-area .button { margin-top: 10px; min-width: 35px; width: 35px; height: 35px; text-indent: -999em; }

.layer-pop .product-group-admin .non-group-list .button-area .button.plus { background: url(../img/ico_btn_plus_g.png) center no-repeat; }

.layer-pop .product-group-admin .non-group-list .button-area .button.up { background: url(../img/img_sel_arrow_up.png) center no-repeat; background-size: 10px 7px; }

.layer-pop .product-group-admin .non-group-list .button-area .button.down { background: url(../img/img_sel_arrow_down.png) center no-repeat; background-size: 10px 7px; }

.layer-pop .product-group-admin .group-list { padding-left: 300px; width: 840px; box-sizing: border-box; }

.layer-pop .product-group-admin .group-list h5 { margin-bottom: 12px; font-size: 18px; }

.layer-pop .product-group-admin .group-list .list-top { font-size: 13px; }

.layer-pop .product-group-admin .group-list .list-top .select-group { display: inline-block; margin: 0 3px; width: 230px; vertical-align: middle; }

.layer-pop .product-group-admin .group-list .list-top .ui.button { margin-left: 3px; min-width: 110px; }

.layer-pop .product-group-admin .group-list .table-group > table { margin-top: 15px; border-top: 1px solid #a7a7a7; table-layout: fixed; }

.layer-pop .product-group-admin .group-list .table-group > table thead { border-bottom: 1px solid #dedede; }

.layer-pop .product-group-admin .group-list .table-group > table thead th { padding: 13px 0; font-size: 13px; font-weight: 700; text-align: center; }

.layer-pop .product-group-admin .group-list .table-group > table thead th:first-child { text-align: center; }

.layer-pop .product-group-admin .group-list .table-group > table td { padding: 0; }

.layer-pop .product-group-admin .group-list .table-group > table td.no-result { height: 501px; font-size: 18px; text-align: center; border-bottom: 1px solid #dedede; }

.layer-pop .product-group-admin .group-list .table-group > table td:nth-child(2) { width: 312px; }

.layer-pop .product-group-admin .group-list .table-group .wrap-scoll { height: 500px; overflow-y: scroll; }

.layer-pop .product-group-admin .group-list .table-group .inner-table tr { border-bottom: 1px solid #dedede; }

.layer-pop .product-group-admin .group-list .table-group .inner-table tr td { padding: 13px 0; font-size: 13px; word-break: break-all; }

.layer-pop .product-group-admin .group-list .table-group .inner-table tr td:first-child, .layer-pop .product-group-admin .group-list .table-group .inner-table tr td:last-child { text-align: center; }

.layer-pop .product-group-admin .group-list .pagination { margin-top: 50px; }

.layer-pop .product-group-admin h5 { color: #e9464a; font-size: 15px; font-weight: 700; }

.layer-pop .product-group-admin h5 > span { color: #181818; }

.layer-pop .product-status-history { border-bottom: 1px solid #a7a7a7; }

.layer-pop .product-status-history > table { border-top: 1px solid #a7a7a7; }

.layer-pop .product-status-history > table thead { border-bottom: 1px solid #f4f4f4; }

.layer-pop .product-status-history > table thead th { padding: 15px 0; font-size: 13px; font-weight: 500; text-align: center; }

.layer-pop .product-status-history > table tbody tr { border-bottom: 1px solid #f4f4f4; }

.layer-pop .product-status-history > table tbody tr td { font-size: 12px; text-align: center; }

.layer-pop .product-status-history > table tbody tr td.no-data { padding: 138px 0; }

.layer-pop .product-status-history > table .wrap-scroll { height: 504px; max-height: 504px; overflow-y: scroll; }

.layer-pop .product-status-history.update > table thead th { padding: 10px 0; }

.layer-pop .product-status-history.update > table tbody tr { border-bottom: 1px solid #f4f4f4; }

.layer-pop .product-status-history.update > table tbody tr td { padding: 10px 3px; text-align: left; }

.layer-pop .product-status-history.update > table tbody tr td:first-child { text-align: center; }

.layer-pop .product-status-history.update > table tbody tr td.no-data { padding: 185px 0; }

.layer-pop .product-status-history.update > table .wrap-scroll { height: 459px; max-height: 459px; }

.layer-pop .product-oauthkey-area .title-id { margin-bottom: 10px; font-size: 15px; }

.layer-pop .product-oauthkey-area .text-key { color: #919191; font-size: 13px; }

.layer-pop .product-oauthkey-area .cont-inner { position: relative; padding-right: 55px; }

.layer-pop .product-oauthkey-area .pt25 { padding-top: 25px; }

.layer-pop .product-oauthkey-area .button-copy { position: absolute; top: 50%; right: 0; margin-top: -10px; font-size: 13px; }

.layer-pop .product-setup-country { position: relative; }

.layer-pop .product-setup-country:after { content: ""; display: block; clear: both; }

.layer-pop .product-setup-country .left-setup { float: left; width: 193px; border-top: 1px solid #a7a7a7; }

.layer-pop .product-setup-country .left-setup .setup-country-list { min-height: 216px; }

.layer-pop .product-setup-country .left-setup .setup-country-list li { position: relative; padding: 15px 15px 15px 17px; font-size: 13px; border-bottom: 1px solid #dedede; }

.layer-pop .product-setup-country .left-setup .setup-country-list li .checkbox { position: absolute; top: 50%; left: 15px; margin-top: -12px; }

.layer-pop .product-setup-country .left-setup .setup-country-list li .checkbox + span { display: inline-block; padding-left: 30px; }

.layer-pop .product-setup-country .left-setup .setup-country-list li .checkbox label { padding-left: 40px; }

.layer-pop .product-setup-country .left-setup .setup-country-list li:first-child { font-weight: 500; }

.layer-pop .product-setup-country .right-setup { float: right; width: 193px; border-top: 1px solid #a7a7a7; }

.layer-pop .product-setup-country .right-setup .title-sel { padding: 17px 0 17px 17px; font-size: 13px; font-weight: 500; }

.layer-pop .product-setup-country .right-setup .sel-country { border-top: 1px solid #dedede; }

.layer-pop .product-setup-country .right-setup .sel-country li { position: relative; padding: 17px; font-size: 13px; border-bottom: 1px solid #dedede; }

.layer-pop .product-setup-country .right-setup .sel-country li .button-close { display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -11px; width: 20px; height: 20px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.layer-pop .product-setup-country .button-arrow a { display: inline-block; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -17px; width: 35px; height: 35px; border: 1px solid #c8c8c8; border-radius: 3px; background: url(../img/img_arrow_right_03.png) center no-repeat; text-indent: -999em; }

.layer-pop .product-support-equip { min-height: 600px; }

.layer-pop .product-support-equip .support-top { padding: 20px 20px 38px 20px; }

.layer-pop .product-support-equip .support-top .select-group { display: inline-block; min-width: 100px; vertical-align: middle; }

.layer-pop .product-support-equip .support-top .checkbox, .layer-pop .product-support-equip .support-top .button { display: inline-block; margin-left: 8px; }

.layer-pop .product-support-equip .support-top .button.basic { min-width: 70px; }

.layer-pop .product-support-equip .support-top .checkbox { margin-left: 8px; word-spacing: -2px; }

.layer-pop .product-support-equip .support-top .checkbox label { padding-left: 30px; }

.layer-pop .product-support-equip .support-top .top-group { display: inline-block; }

.layer-pop .product-support-equip .support-top .loading-dot { min-width: 160px; }

.layer-pop .product-support-equip .support-top .loading-dot .dot-pulse { left: -9965px; }

.layer-pop .product-support-equip .support-top .loading-dot.mw100 { min-width: 100px; }

.layer-pop .product-support-equip .support-top .loading-dot.mw100 .dot-pulse { left: -9950px; }

.layer-pop .product-support-equip .support-top .loading-dot.mw100 .loading-pulse-64 { top: 2px; }

.layer-pop .product-support-equip .support-top.pdb15 { padding-bottom: 15px; }

.layer-pop .product-support-equip .support-cont { margin: 0 20px; }

.layer-pop .product-support-equip .support-cont .ui.tab { height: 45px; }

.layer-pop .product-support-equip .support-cont .ui.tab li { line-height: 43px; }

.layer-pop .product-support-equip .support-cont .ui.tab li a { font-size: 14px; }

.layer-pop .product-support-equip .support-cont .ui.tab li.on { border-bottom: 0px; }

.layer-pop .product-support-equip .support-cont .support-input { padding-bottom: 20px; }

.layer-pop .product-support-equip .support-cont .support-input li { border-top: 1px solid #dedede; padding: 10px 0px 10px 15px; color: #181818; font-size: 14px; line-height: 23px; }

.layer-pop .product-support-equip .support-cont .support-input li:first-child { padding-top: 0px; border-top: 0px; }

.layer-pop .product-support-equip .support-cont .support-input li .radio-group { padding-top: 15px; padding-left: 30px; }

.layer-pop .product-support-equip .support-cont .support-input li .checkbox-text { color: #919191; padding-left: 5px; }

.layer-pop .product-support-equip .support-cont .title-support { position: relative; margin-bottom: 10px; }

.layer-pop .product-support-equip .support-cont .title-support h5 { padding-right: 180px; font-size: 14px; font-weight: 700; line-height: 30px; }

.layer-pop .product-support-equip .support-cont .title-support .button { position: absolute; top: 0; right: 0; }

.layer-pop .product-support-equip .support-cont .title-support .count { color: #e9464a; padding-left: 6px; }

.layer-pop .product-support-equip .support-cont .support-body .support-box.on .button-arrow:before { content: ""; display: block; position: absolute; top: 50%; left: 0px; margin-top: -6px; width: 12px; height: 13px; background: url(../img/img_arrow_tootip2.png) 0 -13px no-repeat; background-size: 12px 26px; }

.layer-pop .product-support-equip .support-cont .support-body .title-support { padding: 10px; background: #fbfbfb; margin: 0px; border-bottom: 1px solid #dedede; }

.layer-pop .product-support-equip .support-cont .support-body .title-support .button-arrow { position: relative; padding-left: 33px; cursor: pointer; }

.layer-pop .product-support-equip .support-cont .support-body .title-support .button-arrow:before { content: ""; display: block; position: absolute; top: 50%; left: 0px; margin-top: -6px; width: 12px; height: 13px; background: url(../img/img_arrow_tootip2.png) 0 0 no-repeat; background-size: 12px 26px; }

.layer-pop .product-support-equip .support-cont .support-body .title-support .button { top: 10px; right: 15px; }

.layer-pop .product-support-equip .support-cont .support-body .support-table { border-top: 0px; }

.layer-pop .product-support-equip .support-cont .support-body .support-table tbody tr { border-top: 1px solid #f4f4f4; border-bottom: 0px; }

.layer-pop .product-support-equip .support-cont .support-body .support-table tbody tr:first-child { border-top: 0px; }

.layer-pop .product-support-equip .support-cont .support-table { border-top: 1px solid #a7a7a7; }

.layer-pop .product-support-equip .support-cont .support-table table { table-layout: fixed; }

.layer-pop .product-support-equip .support-cont .support-table thead tr { border-bottom: 1px solid #dedede; }

.layer-pop .product-support-equip .support-cont .support-table thead tr th { padding: 10px 0; font-size: 13px; font-weight: 500; text-align: center; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr { border-bottom: 1px solid #f4f4f4; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr td { padding: 0 3px; height: 40px; font-size: 12px; text-align: center; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr td.no-data { padding: 105px 0; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr td P { line-height: 1.1; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr td .ui.toggle { vertical-align: middle; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .info-box { padding: 30px 20px; background-color: #f7f7f7; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .info-box .title-package { margin-bottom: 5px; font-weight: 700; text-align: left; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .info-box table { border-top: 1px solid #dedede; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .info-box table tr { border-bottom: 1px solid #dadada; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .info-box table tr td { padding: 8px 5px; min-height: 35px; vertical-align: top; box-sizing: border-box; text-align: left; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .info-box table tr td .copy { text-decoration: underline; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box { padding: 30px 0 0 0; text-align: left; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .w240 { width: 240px; min-width: 240px; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box table { margin-top: 10px; border-top: 1px solid #919191; table-layout: auto; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box table tr:last-child { border-bottom: 0; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box table td { padding: 10px; text-align: left; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box table td .dot-pulse { top: -10px; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box table td .loading-dot button.bg-red.disabled { color: #181818; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .search-group { position: relative; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .search-group .ui.search.border-rw { display: inline-block; vertical-align: middle; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .search-group .search-result { position: absolute; top: 45px; left: 0; width: 243px; min-height: 235px; max-height: 235px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .search-group .search-result .result-list { min-height: 80px; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .search-group .search-result .result-list .no-data { padding: 82px 0; font-size: 13px; text-align: center; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .search-group .search-result .result-list li { min-height: 27px; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .search-group .search-result .result-list li + li { margin-top: 7px; }

.layer-pop .product-support-equip .support-cont .support-table tbody tr.default .down-box .search-group .search-result .result-list li .checkbox label { text-overflow: ellipsis; display: inline-block; width: 98%; overflow: hidden; white-space: nowrap; }

.layer-pop .product-support-equip .support-cont .tab-box { margin-top: 20px; }

.layer-pop .product-support-equip .support-cont .scroll-wrap { padding: 0 10px; min-height: 520px; max-height: 520px; overflow-y: auto; }

.layer-pop .product-support-equip .loading-dot { display: inline-block; position: relative; min-width: 100px; }

.layer-pop .product-support-equip .loading-dot .dot-pulse { position: absolute; top: 10px; }

.layer-pop .product-support-equip .loading-dot .loading-pulse-64 { position: absolute; top: -19px; left: 25px; }

.layer-pop .product-binary-update .scroll-wrap { min-height: 300px; max-height: 695px; overflow-y: auto; }

.layer-pop .product-binary-update .title-binary { margin-bottom: 5px; font-size: 13px; font-weight: 700; }

.layer-pop .product-binary-update .binary-table { table-layout: fixed; border-top: 1px solid #d8d8d8; }

.layer-pop .product-binary-update .binary-table th, .layer-pop .product-binary-update .binary-table td { padding: 7px 0; font-size: 13px; word-break: break-all; }

.layer-pop .product-binary-update .binary-table tr { border-bottom: 1px solid #d8d8d8; }

.layer-pop .product-binary-update .info-box + .info-box { margin-top: 15px; border-top: 1px solid #dedede; }

.layer-pop .product-binary-update .info-box .bg-gray { padding: 30px 20px; }

.layer-pop .product-binary-update .fileupload-input { background-color: #fff; }

.layer-pop .product-alc-test .title-alc li { position: relative; display: inline-block; font-size: 14px; font-weight: 700; word-break: break-all; }

.layer-pop .product-alc-test .title-alc li + li { margin-left: 20px; }

.layer-pop .product-alc-test .title-alc li + li:before { content: ""; display: inline-block; position: absolute; top: 6px; left: -11px; width: 1px; height: 10px; background-color: rgba(145, 145, 145, 0.6); }

.layer-pop .product-alc-test .table-search th, .layer-pop .product-alc-test .table-search td { font-size: 14px; vertical-align: middle; }

.layer-pop .product-alc-test .table-search .input-group { width: auto; }

.layer-pop .product-alc-test .table-search .input-group .dupli-area { position: relative; }

.layer-pop .product-alc-test .table-search .input-group .dupli-area .input { display: inline-block; width: 60%; }

.layer-pop .product-alc-test .table-search .input-group .dupli-area .input.w50 { width: 60%; min-width: 205px; }

.layer-pop .product-alc-test .table-search .input-group .button { margin-left: 3px; }

.layer-pop .product-alc-test .result-area .result-top { position: relative; }

.layer-pop .product-alc-test .result-area .result-top h5 { margin-top: 30px; font-size: 14px; font-weight: 700; }

.layer-pop .product-alc-test .result-area .result-top .button { position: absolute; top: -5px; right: 0; }

.layer-pop .product-alc-test .result-area > table { table-layout: fixed; border-top: 1px solid #919191; }

.layer-pop .product-alc-test .result-area > table thead tr { border-bottom: 1px solid #dedede; }

.layer-pop .product-alc-test .result-area > table thead th { height: 50px; font-size: 13px; font-weight: 500; text-align: center; vertical-align: middle; }

.layer-pop .product-alc-test .result-area > table table .no-result { padding: 41px 0; }

.layer-pop .product-alc-test .result-area > table table td { padding: 10px 0; font-size: 13px; text-align: center; word-break: break-all; }

.layer-pop .product-alc-test .result-area > table table td .button { min-width: 70px; }

.layer-pop .product-step-list { padding: 15px; background-color: #f7f7f7; border-radius: 5px; }

.layer-pop .product-step-list:after { content: ""; display: block; clear: both; }

.layer-pop .product-step-list li { float: left; position: relative; width: 33.3%; text-align: center; }

.layer-pop .product-step-list li p { color: #919191; font-size: 14px; }

.layer-pop .product-step-list li.on p { color: #181818; font-size: 14px; }

.layer-pop .product-step-list li.on .title-step { font-weight: 700; }

.layer-pop .product-step-list li + li::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0px; margin-top: -5px; width: 9px; height: 16px; background: url(../img/img_arrow_right_03.png) center no-repeat; }

.layer-pop .product-step-list.type-2 li { width: 50%; }

.layer-pop .product-step-list.type-4 li { width: 25%; }

.layer-pop .product-purchase-history .search-table .date-group .ui.calendar { display: inline-block; vertical-align: middle; }

.layer-pop .product-purchase-history .search-table .date-group .gubun { padding: 0 5px; }

.layer-pop .product-purchase-history .search-table .date-group .ui.button { padding: 0 10px; min-width: 54px; }

.layer-pop .product-purchase-history .search-table .search-input { position: relative; }

.layer-pop .product-purchase-history .search-table .search-input .input { display: inline-block; width: 45%; }

.layer-pop .product-purchase-history .search-table .search-input .ui.button { margin-left: 3px; min-width: 80px; }

.layer-pop .product-purchase-history .search-table .search-input.type2 .select-group { display: inline-block; margin-right: 3px; vertical-align: middle; }

.layer-pop .product-purchase-history .search-table .search-input.type2 .input { display: inline-block; vertical-align: middle; }

.layer-pop .product-purchase-history .scroll-wrap { overflow-y: scroll; }

.layer-pop .product-purchase-history .scroll-wrap.h200 { max-height: 200px; }

.layer-pop .product-purchase-history .scroll-wrap.h250 { max-height: 250px; }

.layer-pop .product-purchase-history .scroll-wrap.h300 { max-height: 300px; }

.layer-pop .product-purchase-history .scroll-wrap.h350 { max-height: 350px; }

.layer-pop .product-purchase-history .scroll-wrap.h410 { height: auto !important; max-height: 410px; }

.layer-pop .product-purchase-history .scroll-wrap.h450 { max-height: 450px; }

.layer-pop .product-purchase-history .scroll-wrap.h491 { max-height: 491px; }

.layer-pop .product-purchase-history .scroll-wrap.h601 { max-height: 601px; }

.layer-pop .product-purchase-history .scroll-wrap.h660 { max-height: 660px; }

.layer-pop .product-purchase-history .table-type td { padding: 3px; height: 40px; text-align: center; word-break: break-all; }

.layer-pop .product-purchase-history .table-type td p { word-break: break-all; }

.layer-pop .product-purchase-history .table-type th { padding: 0 3px; height: 40px; text-align: center; font-weight: 500; vertical-align: middle; box-sizing: border-box; }

.layer-pop .product-purchase-history .table-type.type2 thead th { padding: 8px 3px; height: 40px; vertical-align: middle; box-sizing: border-box; }

.layer-pop .product-purchase-history .table-type.type2 tbody td { padding: 0 3px; height: 40px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }

.layer-pop .product-purchase-history .table-type.type3 { border-top: 1px solid #919191; }

.layer-pop .product-purchase-history .table-type.type3 thead th { padding: 5px 3px; font-size: 10px; vertical-align: middle; }

.layer-pop .product-purchase-history .table-type.type3 tbody td { padding-left: 5px; padding-right: 5px; height: 60px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.layer-pop .product-purchase-history .table-type.type3 tbody td p + p { margin-top: 5px; }

.layer-pop .product-purchase-history .no-data { padding: 96px 0; font-size: 15px; text-align: center; }

.layer-pop .product-purchase-history .text-group textarea { height: 120px; }

.layer-pop .product-purchase-history .button-area { margin-top: 50px; text-align: right; }

.layer-pop .product-purchase-history .cancel-amount-table { padding: 10px 0; }

.layer-pop .product-purchase-history .cancel-amount-table th { padding: 0 10px 8px 0; border-bottom: 1px solid #dedede; }

.layer-pop .product-purchase-history .cancel-amount-table tr td { padding: 10px 8px 0 0; }

.pst-a { position: absolute; }

.pst-a.button-area { right: 30px; bottom: 30px; }

/* 상품현황(PC Client) 추가 2021-01-20 */
.window-list > li { position: relative; }

.window-list > li + li { margin-top: 3px; }

.window-list > li .select-group { position: absolute; top: 0; left: 0; width: 157px; }

.window-list > li .window-input { display: inline-block; position: relative; width: 70%; margin-bottom: 3px; }

.window-list > li .window-input input { padding-right: 35px; }

.window-list > li .window-input .button-close { position: absolute; top: 0; right: 0; width: 35px; height: 35px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.window-list > li .title { display: inline-block; margin-right: 20px; min-width: 70px; font-weight: 700; }

.apk-pc-list { margin: 20px 0 0 -10px; }

.apk-pc-list a { display: block; margin-left: 10px; padding: 40px 10px 20px 10px; height: 100%; text-align: center; border: 1px solid #dedede; border-radius: 3px; box-sizing: border-box; }

.apk-pc-list a:hover { border: 0; box-shadow: -1px 1px 15px -5px rgba(0, 0, 0, 0.1); }

.apk-pc-list a .apk-pc-title { font-size: 24px; line-height: 1; font-weight: 700; color: #c8c8c8; }

.apk-pc-list a .apk-pc-title.on { color: #e9464a; }

.apk-pc-list li { float: left; width: 50%; min-height: 200px; }

.apk-pc-list button { margin: 12px 0; }

.apk-pc-list .text-apk-pc { color: rgba(145, 145, 145, 0.6); font-size: 12px; line-height: 16px; text-align: center; }

.text-exe { position: absolute; top: -5px; right: 15px; padding: 5px; font-size: 13px; line-height: 1; font-weight: 500; background-color: #e9464a; color: #fff; }

.status-exe { position: absolute; bottom: 90px; right: 15px; padding: 5px; font-size: 13px; line-height: 1; font-weight: 500; color: #e9464a; }

.regist-description { padding: 20px; background-color: #f7f7f7; box-sizing: border-box; }

.regist-description .text-description { font-size: 13px; }

.regist-description .link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.token-list li { display: inline-block; width: 100px; margin-right: 6px; }

.blockChainInfo { font-size: 15px; margin-bottom: 10px; color: #181818; font-weight: 400; }

.text-title-tr { width: 100%; padding: 20px 15px; display: flex; box-sizing: border-box; border-bottom: 1px solid #e1e1e1; }

.text-title-tr .text-title-label { flex: 0 0 auto; width: 160px; align-content: center; }

.text-title-tr .text-title-label label { padding-left: 0 !important; }

.text-title-tr .text-title-cell { position: relative; flex: 1 1; padding: 0 0 0 15px; }

.text-title-tr .text-title-cell ul li { margin-left: 8px; text-indent: -8px; font-size: 12px; line-height: 17px; color: #919191; }

.text-title-tr .text-title-cell:after { position: absolute; content: ''; left: -1px; top: 0; width: 1px; height: 100%; background-color: #F1F1F1; display: block; }

.licence-box { padding: 0; }

.licence-box .licence-box-inner { padding: 15px; background-color: #F7F7F7; }

.licence-box .licence-box-inner .text-key { font-size: 14px; line-height: 20px; }

.licence-box .licence-box-inner .clrfix { padding: 20px 0 0 0; text-align: right; }

.licence-box .licence-box-inner .clrfix .copy { font-size: 13px; text-decoration: underline; text-underline-position: under; }

.licence-box .licence-box-inner dl { padding: 20px 0 0 0; }

.licence-box .licence-box-inner dl dt { font-size: 14px; line-height: 20px; font-weight: 700; }

.licence-box .licence-box-inner dl dd { padding-top: 5px; display: flex; }

.licence-box .licence-box-inner dl dd .text-key { flex: 1 1; }

.licence-box .licence-box-inner dl dd .clrfix { flex: 0 0 auto; padding-top: 0; margin-left: 20px; align-content: center; }

.licence-box .licence-box-inner dl:first-child { padding-top: 0; }

.upload-wrap li { margin-top: 15px; }

.upload-wrap li:first-of-type { margin-top: 0; }

.upload-wrap li .upload-box { width: 100%; height: 131px; padding: 0 45px 0 60px; border: 0 none; outline: 0 none; background-color: #F7F7F7; border-radius: 3px; box-sizing: border-box; display: flex; align-items: center; }

.upload-wrap li .upload-box .upload-icon { flex: 0 0 auto; margin-right: 20px; }

.upload-wrap li .upload-box .upload-icon .ico-upload { display: block; width: 40px; height: 40px; text-indent: -999em; background: url(../img/icon/ic_file_upload_40.png) center no-repeat; background-size: 40px 40px; }

.upload-wrap li .upload-box .upload-icon .ico-update { display: block; margin-bottom: 10px; width: 40px; height: 40px; text-indent: -999em; background: url(../img/icon/ic_file_update_40.png) center no-repeat; background-size: 40px 40px; }

.upload-wrap li .upload-box .upload-icon .ico-multi { display: block; margin-bottom: 10px; width: 40px; height: 40px; text-indent: -999em; background: url(../img/icon/ic_file_multi_40.png) center no-repeat; background-size: 40px 40px; }

.upload-wrap li .upload-box .upload-co { flex: 1 1; text-align: left; }

.upload-wrap li .upload-box .upload-co .upload-text { font-size: 13px; color: #919191; line-height: 19px; }

.upload-wrap li .upload-box .upload-co .upload-text.file { color: #181818; }

.upload-wrap li .upload-box .upload-co .upload-summary { margin-top: 5px; font-size: 12px; color: #919191; line-height: 17px; }

.upload-wrap li .upload-box .upload-co .upload-link { margin-top: 5px; font-size: 12px; color: #919191; line-height: 17px; }

.upload-wrap li .upload-box .upload-co .upload-link .button { height: 30px; line-height: 28px; }

.upload-wrap li .upload-box .upload-co .upload-loading { margin-top: 17px; }

.upload-wrap li .upload-box .upload-co .upload-loading .upload-progress-co { position: relative; width: 100%; max-width: 410px; height: 5px; }

.upload-wrap li .upload-box .upload-co .upload-loading .upload-progress-co .upload-progress-bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 3px; display: block; background-image: linear-gradient(to right, #F26935, #EE136C); animation: videoProgressAnimation 2s infinite; }

.upload-wrap li .upload-box .upload-co .upload-loading .upload-progress-co::before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #C8C8C8; border-radius: 3px; box-sizing: border-box; display: block; }

@keyframes videoProgressAnimation { 0% { width: 0;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }
  100% { width: 100%;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); } }

@-webkit-keyframes videoProgressAnimation { 0% { width: 0;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); }
  100% { width: 100%;
    background-image: linear-gradient(to right, #f26935, #f15d3c, #f15d3d, #f15045, #f03e50, #f03b52, #f0414f, #ef2d5b, #ef2063, #ee176a, #ee146b); } }

.upload-wrap li .upload-box:disabled { cursor: default; }

.upload-wrap li .upload-box:disabled .upload-co .upload-text { color: #C8C8C8; }

.upload-wrap li .upload-box:disabled .upload-co .upload-link { color: #C8C8C8; }

.upload-wrap.binary li .upload-box { height: 104px; }

.upload-wrap.newBinary li .upload-box { height: 125px; border: 1px solid #DEDEDE; background-color: #ffffff; }

.upload-wrap.newBinary li .upload-box .upload-co .upload-text { color: #181818; }

.upload-wrap.newBinary li .upload-box .upload-co .upload-link { margin-top: 15px; }

.upload-wrap.newBinary li .upload-box:disabled .upload-co .upload-text { color: #C8C8C8; }

.upload-wrap.newBinary li .upload-box:disabled .upload-co .upload-summary { color: #C8C8C8; }

.upload-wrap.newBinary li .upload-box:disabled .upload-co .upload-link .button { border-color: #F1F1F1; background-color: #F1F1F1; }

/*customer*/
.product-customer-setting.lnb-fixed-pd { padding-top: 41px; }

.product-customer-setting .w150 { display: inline-block; min-width: 150px !important; width: 150px !important; }

.product-customer-setting .select-group { text-align: left; vertical-align: middle; }

.product-customer-setting .ui.dropdown { vertical-align: middle; }

.product-customer-setting .ui.dropdown button { display: inline-block; min-width: 150px; width: 150px; vertical-align: middle; }

.product-customer-setting .table-type { table-layout: fixed; }

.product-customer-setting .table-type.accordion tr .button-arrow { display: inline-block; width: 16px; height: 35px; text-indent: -999em; background: url(../img/img_arrow_down.png) center no-repeat; }

.product-customer-setting .table-type.accordion tr.on td { vertical-align: top; }

.product-customer-setting .table-type.accordion tr.on td.child { line-height: 37px; }

.product-customer-setting .table-type.accordion tr.on td.summary { padding-top: 20px; line-height: 20px; }

.product-customer-setting .table-type.accordion tr.on .button-arrow { background: url(../img/img_arrow_up.png) center no-repeat; }

.product-customer-setting .table-type.accordion tr .summary { text-align: left; }

.product-customer-setting .table-type .scroll-wrap.h450 { max-height: 450px; overflow-y: scroll; }

.product-customer-setting .table-type .scroll-wrap.h550 { max-height: 550px; overflow-y: scroll; }

.product-customer-setting .table-type tr { border-bottom: 1px solid #e1e1e1; }

.product-customer-setting .table-type .no-data { padding: 124px 0; font-size: 15px; text-align: center; }

.product-customer-setting .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; }

.product-customer-setting .table-type tbody td { padding: 10px 2px; height: 60px; font-size: 13px; text-align: center; box-sizing: border-box; word-break: break-all; }

.product-customer-setting .table-type.type2 thead th { font-size: 12px; vertical-align: middle; }

.product-customer-setting .table-type.type2 tbody td { padding-left: 3px; padding-right: 3px; height: 60px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }

.product-customer-setting .table-type.type3 thead th { padding: 0 3px; height: 50px; font-size: 10px; vertical-align: middle; }

.product-customer-setting .table-type.type3 tbody td { padding: 0 3px; height: 80px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.product-customer-setting .button-area { text-align: center; }

.product-customer-setting .top-accordion-area { position: relative; }

.product-customer-setting .top-accordion-area.on .fixed-toogle .fixed-open-button { background: url(../img/img_arrow_down02.png) #c8c8c8 center 6px no-repeat; }

.product-customer-setting .top-accordion-area .table-row { display: table-row; }

.product-customer-setting .top-accordion-area .fixed-toogle { text-align: center; }

.product-customer-setting .top-accordion-area .fixed-toogle .fixed-open-button { display: inline-block; width: 50px; height: 20px; background: url(../img/img_arrow_up03.png) #c8c8c8 center 6px no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-indent: -999em; }

.product-customer-setting .top-accordion-area .link-right { position: absolute; bottom: -5px; right: 0; }

.product-customer-setting .top-accordion-area .date-group .ui.calendar { display: inline-block; }

.product-customer-setting .top-accordion-area .date-group .gubun { padding: 0 5px; }

.product-customer-setting .top-accordion-area .date-group .ui.button { padding: 0 10px; min-width: 55px; }

.product-customer-setting .top-accordion-area .date-group2 .select-group { vertical-align: middle; }

.product-customer-setting .top-accordion-area .date-group2 .input { display: inline-block; margin-left: 3px; min-width: 170px; width: 170px; }

.product-customer-setting .top-accordion-area .search-input { position: relative; }

.product-customer-setting .top-accordion-area .search-input .input { display: inline-block; width: 50%; }

.product-customer-setting .top-accordion-area .search-input .ui.button { margin-left: 5px; min-width: 80px; }

.product-customer-setting .top-accordion-area .search-input.type2 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.product-customer-setting .top-accordion-area .search-input.type2 .input { padding-left: 155px; }

.product-customer-setting .top-accordion-area .search-input.type3 .ui.button { min-width: 93px; }

.product-customer-setting .top-accordion-area .search-input.type4 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.product-customer-setting .top-accordion-area .search-input.type4 .input { padding-left: 155px; padding-right: 0; }

.product-customer-setting .top-accordion-area .user-point .point-total { font-size: 40px; text-align: center; }

.product-customer-setting .top-accordion-area .user-point .star-line { display: flex; flex-direction: column; align-items: flex-start; }

.product-customer-setting .top-accordion-area .user-point .star-line .graph_bg { display: inline-block; vertical-align: middle; width: 130px; height: 6px; background-color: #e9e9e9; border-radius: 5px; }

.product-customer-setting .top-accordion-area .user-point .star-line .graph_bg > span { display: block; height: 6px; background-color: #e9464a; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative; }

.product-customer-setting .top-accordion-area .user-point .star-line .graph_bg > span .tootip-group { display: none; color: #fff; position: absolute; top: 14px; right: -10px; z-index: 2; }

.product-customer-setting .top-accordion-area .user-point .star-line .graph_bg > span .tootip-group.on { display: inline-block !important; }

.product-customer-setting .top-accordion-area .user-point .star-line .graph_bg > span .tootip-group .tootip-box { display: inline-block; text-align: center; min-width: 42px; height: 24px; line-height: 24px; padding: 0 16px; background-color: rgba(24, 24, 24, 0.9); border-radius: 5px; position: relative; }

.product-customer-setting .top-accordion-area .user-point .star-line .graph_bg > span .tootip-group .tootip-box:before { content: ''; display: inline-block; position: absolute; top: -9px; right: 0%; border: solid transparent; height: 8px; width: 20px; background: url(../img/img_arrow_tootip.png) center no-repeat; background-size: cover; }

.product-customer-setting .top-accordion-area .user-point .star-line .text-point { display: inline-block; margin-right: 5px; font-size: 13px; }

.product-customer-setting .top-accordion-area .user-point .star-line .tooltip { display: inline-block; }

.product-customer-setting .product-comment { margin-top: 30px; }

.product-customer-setting .product-comment h5 { padding-bottom: 12px; font-size: 18px; font-weight: 700; border-bottom: 1px solid #a7a7a7; }

.product-customer-setting .product-comment .product-comment-list { border-bottom: 1px solid #dedede; }

.product-customer-setting .product-comment .product-comment-list .no-data { padding: 125px 0; font-size: 15px; text-align: center; }

.product-customer-setting .product-comment .product-comment-list .button-area { margin-top: 15px; text-align: right; }

.product-customer-setting .product-comment .product-comment-list .button-area .ui.button { min-width: 70px; }

.product-customer-setting .product-comment .comment-writter { padding: 15px 10px 0 10px; }

.product-customer-setting .product-comment .comment-writter .review-star { padding-left: 26px; font-size: 14px; font-weight: 700; background-position: center left; background-repeat: no-repeat; }

.product-customer-setting .product-comment .comment-writter .review-star .num { padding-right: 10px; font-style: normal; }

.product-customer-setting .product-comment .comment-writter .review-star.star-5 { background-image: url(../img/ic_review_level5.png); -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.product-customer-setting .product-comment .comment-writter .review-star.star-4 { background-image: url(../img/ic_review_level4.png); -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.product-customer-setting .product-comment .comment-writter .review-star.star-3 { background-image: url(../img/ic_review_level3.png); -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.product-customer-setting .product-comment .comment-writter .review-star.star-2 { background-image: url(../img/ic_review_level2.png); -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.product-customer-setting .product-comment .comment-writter .review-star.star-1 { background-image: url(../img/ic_review_level1.png); -ms-background-size: 16px 16px; -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; }

.product-customer-setting .product-comment .comment-writter .review-star.delete { padding-left: 0; }

.product-customer-setting .product-comment .comment-writter .review-star.no-review { padding-left: 0; }

.product-customer-setting .product-comment .comment-writter .comment-info { margin-top: 5px; color: #919191; font-size: 0; }

.product-customer-setting .product-comment .comment-writter .comment-info span { position: relative; font-size: 13px; }

.product-customer-setting .product-comment .comment-writter .comment-info span + span { padding-left: 3px; }

.product-customer-setting .product-comment .comment-content { margin: 18px 10px 22px 10px; font-size: 13px; word-break: normal; }

.product-customer-setting .product-comment .comment-reply { padding: 10px 10px; }

.product-customer-setting .product-comment .comment-reply li { position: relative; display: inline-block; font-size: 13px; text-decoration: underline; text-underline-position: under; vertical-align: top; }

.product-customer-setting .product-comment .comment-reply li + li { padding-left: 25px; }

.product-customer-setting .product-comment .comment-reply li + li:before { content: ''; position: absolute; top: 6px; left: 12px; display: inline-block; width: 1px; height: 10px; background-color: #dedede; }

.product-customer-setting .product-comment .comment-reply li .link { color: #181818; }

.product-customer-setting .product-comment .comment-rewrite { padding: 20px 10px 20px 35px; background: url(../img/img_reply.png) 10px 30px no-repeat; border-top: 1px solid #e1e1e1; }

.product-customer-setting .product-comment .comment-rewrite textarea { height: 96px; }

.product-customer-setting .product-comment .comment-rewrite .text-group { position: relative; }

.product-customer-setting .product-comment .comment-rewrite .title-rewrite { padding-top: 5px; font-size: 14px; font-weight: 700; }

.product-customer-setting .product-comment .comment-rewrite .comment-info { margin-top: 5px; color: #919191; font-size: 13px; }

.product-customer-setting .product-comment .comment-rewrite .comment-content { margin: 20px 0 10px 0; }

.product-customer-setting .product-comment .comment-rewrite.ui.form .button-area { margin-top: 15px; }

.product-customer-setting .product-comment .comment-rewrite .button-area { margin-top: 0; }

.product-customer-setting .search-result { position: absolute; top: 45px; left: 0; width: 100%; min-height: 221px; max-height: 221px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.product-customer-setting .search-result .result-list { min-height: 100px; }

.product-customer-setting .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.product-customer-setting .search-result .result-list li + li { margin-top: 15px; }

.product-customer-setting .search-result .result-list li a { display: block; box-sizing: border-box; }

.product-customer-setting .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.product-customer-setting .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.product-customer-setting .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.product-customer-setting .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.product-customer-setting .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

/*accounts*/
.product-app-accounts.top-fixed-pd { padding-top: 51px; }

.product-app-accounts iframe { width: 100%; min-height: calc(100vh - 406px); }

.company_address_wrap { display: flex; justify-content: flex-end; }

.company_address_wrap .company_address_type { width: 270px; text-align: right; }

.company_address_wrap .company_address_type .company_logo { display: inline-block; width: 121px; height: 24px; background: url(../img/ico_onestore_popup.png) center no-repeat; background-size: 121px 24px; text-indent: -9999em; font-size: 0; color: transparent; line-height: 0; vertical-align: middle; }

.company_address_wrap .company_address_type .company_logo.onestory { width: 98px; height: 24px; background: url(../img/ico_onestory_popup.png) center no-repeat; background-size: 98px 24px; }

.company_address_wrap .company_address_type .company_name { font-size: 12px; color: rgba(24, 24, 24, 0.9); font-weight: 700; line-height: 17px; display: block; }

.company_address_wrap .company_address_type .company_adress { font-size: 12px; color: rgba(24, 24, 24, 0.7); font-weight: 400; line-height: 17px; display: block; }

.company_address_wrap .company_address_type .fgray { color: rgba(24, 24, 24, 0.7) !important; }

.company_address_wrap.left { justify-content: flex-start; }

.company_address_wrap.left .company_address_type { text-align: left; }

.apps-iframe-box { min-width: 750px; }

.apps-iframe-box .ui.tab.inline li { width: 17.5%; }

.apps-iframe-box .ui.tab.inline li:nth-child(2) { width: 13%; }

.apps-iframe-box .ui.tab.inline li:nth-child(3) { width: 17%; }

.apps-iframe-box .apps-step-top { margin-top: 15px; }

.apps-iframe-box .apps-step-top .step-list { background-color: #f7f7f7; }

.apps-iframe-box .apps-step-top .step-list:after { content: ''; display: block; clear: both; }

.apps-iframe-box .apps-step-top .step-list.step-5 li { width: 17%; }

.apps-iframe-box .apps-step-top .step-list.step-5 li.gubun { width: 2%; }

.apps-iframe-box .apps-step-top .step-list li { position: relative; display: inline-block; float: left; padding: 13px 0; text-align: center; }

.apps-iframe-box .apps-step-top .step-list li.gubun { float: left; width: 9px; height: 70px; background: url(../img/img_arrow_right_03.png) center no-repeat; }

.apps-iframe-box .apps-step-top .step-list li p { color: #919191; font-size: 15px; }

.apps-iframe-box .apps-step-top .step-list li.on p { color: #181818; }

.apps-iframe-box .apps-step-top .step-list li.on p:first-child { font-weight: bold; }

.apps-iframe-box .top-group.type2 { position: relative; margin-bottom: 15px; }

.apps-iframe-box .top-group.type2 .left { padding-right: 100px; }

.apps-iframe-box .top-group.type2 .right { position: absolute; bottom: 0; right: 0; z-index: 1; }

.apps-iframe-box .top-group.type2 .right .ui.button { font-size: 14px; }

.apps-iframe-box .search-table { table-layout: fixed; }

.apps-iframe-box .search-table th, .apps-iframe-box .search-table td { height: 65px; box-sizing: border-box; }

.apps-iframe-box .search-table td { width: 100%; font-size: 14px; word-break: break-all; }

.apps-iframe-box .search-table .input-group .label { padding-top: 15px; padding-right: 10px; }

.apps-iframe-box .search-table .input-group .label > label { font-size: 15px; }

.apps-iframe-box .search-table .product-input { position: relative; padding-right: 105px; }

.apps-iframe-box .search-table .product-input .ui.button { position: absolute; top: -8px; right: 10px; z-index: 1; }

.apps-iframe-box .search-table .search-input { position: relative; padding-right: 95px; }

.apps-iframe-box .search-table .search-input .ui.button { position: absolute; top: 0; right: 0; z-index: 1; }

.apps-iframe-box .search-table .search-input.type2 { padding-right: 0; }

.apps-iframe-box .search-table .search-input.type2 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.apps-iframe-box .search-table .search-input.type2 .input { padding-left: 155px; padding-right: 85px; }

.apps-iframe-box .search-table .search-input.type3 .ui.button { top: -7px; }

.apps-iframe-box .search-table .select-group { display: inline-block; vertical-align: middle; }

.apps-iframe-box .search-table .select-group.w125 { min-width: 125px; width: 125px; }

.apps-iframe-box .search-table .select-group.w240 { min-width: 240px; width: 240px; }

.apps-iframe-box .search-table .date-group { display: inline-block; vertical-align: top; }

.apps-iframe-box .search-table .date-group .ui.calendar { display: inline-block; }

.apps-iframe-box .search-table .date-group .ui.calendar .ico-calendar { height: 32px; }

.apps-iframe-box .search-table .date-group .gubun { padding: 0 6px; }

.apps-iframe-box .search-table .input.w215 { min-width: 215px; width: 215px; }

.apps-iframe-box .search-table.type1 { table-layout: fixed; }

.apps-iframe-box .search-table.type1 tr th, .apps-iframe-box .search-table.type1 tr td { font-size: 14px; }

.apps-iframe-box .search-table.type1 tr td { padding: 10px; }

.apps-iframe-box .table-type { table-layout: fixed; }

.apps-iframe-box .table-type .txtR { text-align: right !important; }

.apps-iframe-box .table-type .txtL { text-align: left !important; }

.apps-iframe-box .table-type tr { border-bottom: 1px solid #e1e1e1; }

.apps-iframe-box .table-type tr.sum { background-color: #fbfbfb; }

.apps-iframe-box .table-type tr.sum td, .apps-iframe-box .table-type tr.sum td a { font-weight: bold; }

.apps-iframe-box .table-type .no-data { padding: 200px 0; font-size: 15px; text-align: center; }

.apps-iframe-box .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; box-sizing: border-box; }

.apps-iframe-box .table-type tbody td { padding: 10px 5px; height: 60px; font-size: 13px; text-align: center; box-sizing: border-box; word-break: break-all; }

.apps-iframe-box .table-type.type1 th { height: 40px; padding: 8px 3px; }

.apps-iframe-box .table-type.type2 th { height: 50px; }

.apps-iframe-box .table-type.type3 thead th.txtR { padding-right: 20px; }

.apps-iframe-box .table-type.type3 th { padding-left: 20px; font-size: 14px; font-weight: 500; vertical-align: middle; background-color: #f1f1f1; }

.apps-iframe-box .table-type.type3 th, .apps-iframe-box .table-type.type3 td { text-align: left; }

.apps-iframe-box .table-type.type3 .bg-red { background-color: #fdeced; }

.apps-iframe-box .table-type.type3 .bg-red th { background-color: #fdeced; }

.apps-iframe-box .table-type.type3 td { padding: 10px 20px; }

.apps-iframe-box .table-type.type3 td.bg { background-color: #fbfbfb; }

.apps-iframe-box .table-type.type3 td .title { padding-bottom: 5px; font-size: 14px; font-weight: 500; }

.apps-iframe-box .table-type.type3 td p + p { padding-top: 10px; }

.apps-iframe-box .table-type.type4 th { height: 50px; padding: 0; }

.apps-iframe-box .table-type.type4 td p + p { padding-top: 10px; }

.apps-iframe-box .table-type.type4 tr .tit-link { color: #0959fa; text-decoration: underline; }

.apps-iframe-box .table-type.type4 tr .link, .apps-iframe-box .table-type.type4 tr .view { pointer-events: initial; text-decoration: underline; }

.apps-iframe-box .table-type.type4 tr .link.none, .apps-iframe-box .table-type.type4 tr .view.none { color: #181818; text-decoration: none; }

.apps-iframe-box .table-type.type4 tr .fred.link, .apps-iframe-box .table-type.type4 tr .fred.view { color: #e9464a; }

.apps-iframe-box .receipt-box { padding: 30px 0; text-align: center; border-bottom: 1px solid #e1e1e1; }

.apps-iframe-box .desc-group { margin-top: 5px; position: relative; }

.apps-iframe-box .desc-group .text-desc { padding-right: 100px; color: #919191; font-size: 13px; }

.apps-iframe-box .desc-group .link { position: absolute; top: 0; right: 0; color: #0959fa; font-size: 13px; text-decoration: underline; z-index: 1; }

.apps-iframe-box .top-accordion-area { position: relative; margin-top: 30px; }

.apps-iframe-box .top-accordion-area.on .fixed-toogle .fixed-open-button { background: url(../img/img_arrow_down02.png) #c8c8c8 center 6px no-repeat; }

.apps-iframe-box .top-accordion-area .fixed-toogle { text-align: center; }

.apps-iframe-box .top-accordion-area .fixed-toogle .fixed-open-button { display: inline-block; width: 50px; height: 20px; background: url(../img/img_arrow_up03.png) #c8c8c8 center 6px no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-indent: -999em; }

.layer-pop .accounts-pop { min-height: 850px; }

.layer-pop .accounts-pop.receipt { min-height: auto; }

.layer-pop .accounts-pop.receipt .round-box { min-height: auto; }

.layer-pop .accounts-pop.receipt .round-box.type2 { border-color: rgba(145, 145, 145, 0.3); }

.layer-pop .accounts-pop.receipt .round-box.type2 .title_type { font-size: 28px; font-weight: 700; line-height: 39px; text-transform: uppercase; padding: 20px 0 15px 0; background: transparent !important; border-bottom: 1px solid rgba(145, 145, 145, 0.8); }

.layer-pop .accounts-pop.receipt .round-box.type2 .top-group .clrfix { display: flex; }

.layer-pop .accounts-pop.receipt .round-box.type2 .top-group .clrfix .fs13 .fgray { color: rgba(24, 24, 24, 0.7) !important; }

.layer-pop .accounts-pop.receipt .round-box.type2 .top-group .clrfix .top-left { width: 50%; padding: 0 30px 0 0; }

.layer-pop .accounts-pop.receipt .round-box.type2 .top-group .clrfix .top-right { flex: 1 1; padding: 0 0 0 30px; }

.layer-pop .accounts-pop.receipt .round-box.type2 .top-group.type1 .clrfix { align-items: flex-end; }

.layer-pop .accounts-pop.receipt .round-box.type2 .top-group.type1 .clrfix .top-left { width: auto; flex: 1 1; padding-right: 10px; line-height: 21px; }

.layer-pop .accounts-pop.receipt .round-box.type2 .top-group.type1 .clrfix .top-right { width: auto; flex: 0 0 auto; padding-left: 10px; line-height: 17px; }

.layer-pop .accounts-pop.receipt .round-box.type2 .fs14.bold { line-height: 21px; }

.layer-pop .accounts-pop.receipt .round-box.type2 .fs14.fgray { line-height: 19px; }

.layer-pop .accounts-pop.receipt .round-box.type2 .table-type { border-top: 1px solid rgba(145, 145, 145, 0.8) !important; }

.layer-pop .accounts-pop.receipt .round-box.type2 .table-type tr { border-bottom-color: rgba(145, 145, 145, 0.3); }

.layer-pop .accounts-pop.receipt .round-box.type2 .table-type th, .layer-pop .accounts-pop.receipt .round-box.type2 .table-type td { line-height: 19px; }

.layer-pop .accounts-pop.receipt .round-box.type2 .table-type th.bg-gray { background-color: #FBFBFB; }

.layer-pop .accounts-pop.receipt .round-box.type2 .table-type.table-type2 thead th { font-weight: 500; line-height: 19px; }

.layer-pop .accounts-pop.receipt .round-box.type2 .table-type.table-type2 tfoot td { padding-top: 15px; padding-bottom: 15px; }

.layer-pop .accounts-pop.receipt .round-box.type2 .table-type.table-type2 tfoot .top-group .clrfix { align-items: center; }

.layer-pop .accounts-pop .txtR { text-align: right !important; }

.layer-pop .accounts-pop .txtL { text-align: left !important; }

.layer-pop .accounts-pop .pdr13 { padding-right: 13px !important; }

.layer-pop .accounts-pop .status-list { margin-top: 20px; padding-right: 300px; }

.layer-pop .accounts-pop .status-list li { position: relative; display: inline-block; color: #919191; font-size: 13px; }

.layer-pop .accounts-pop .status-list li + li { padding-left: 15px; }

.layer-pop .accounts-pop .status-list li + li:before { content: ''; display: inline-block; position: absolute; top: 3px; left: 5px; width: 1px; height: 15px; background-color: #dedede; }

.layer-pop .accounts-pop .receipt-top { position: relative; min-height: 40px; }

.layer-pop .accounts-pop .receipt-top .ui.dropdown { position: absolute; top: 4px; right: 0; z-index: 1; }

.layer-pop .accounts-pop .round-box { margin-top: 20px; padding: 35px 40px; min-height: 620px; border: 1px solid #f4f4f4; }

.layer-pop .accounts-pop .receipt-box { display: table; width: 100%; margin-top: 20px; height: 620px; text-align: center; border: 1px solid #f4f4f4; box-sizing: border-box; }

.layer-pop .accounts-pop .receipt-box .inner-cont { display: table-cell; height: 100%; vertical-align: middle; }

.layer-pop .accounts-pop .receipt-box.type1 { display: block; padding: 30px 0; height: auto; text-align: center; border: 0; border-bottom: 1px solid #e1e1e1; }

.layer-pop .accounts-pop .receipt-box.type2 { margin-top: 30px; padding: 60px; height: auto; border: 1px solid #f1f1f1; }

.layer-pop .accounts-pop .receipt-box.type2 img { max-width: 100%; }

.layer-pop .accounts-pop .search-table { table-layout: fixed; }

.layer-pop .accounts-pop .search-table th, .layer-pop .accounts-pop .search-table td { height: 65px; box-sizing: border-box; }

.layer-pop .accounts-pop .search-table th.label { padding-top: 15px; }

.layer-pop .accounts-pop .search-table th.label label { font-size: 15px; }

.layer-pop .accounts-pop .search-table td { font-size: 14px; word-break: break-all; }

.layer-pop .accounts-pop .search-table.type2 { border-top: 1px solid rgba(145, 145, 145, 0.3); }

.layer-pop .accounts-pop .search-table.type2 tr { border-bottom: 1px solid rgba(145, 145, 145, 0.3); }

.layer-pop .accounts-pop .search-table.type2 th, .layer-pop .accounts-pop .search-table.type2 td { padding: 9px 10px 9px 12px; height: auto; line-height: 21px; }

.layer-pop .accounts-pop .search-table.type2 th label { line-height: 21px; }

.layer-pop .accounts-pop .table-type.type1 td { padding: 0 10px; }

.layer-pop .accounts-pop .table-type.type1 .sum { font-weight: bold; background-color: #f7f7f7; }

.layer-pop .accounts-pop .table-type.type1 .sum td.txtR { padding-right: 19px; }

.layer-pop .accounts-pop .table { border-top: 1px solid #919191; table-layout: fixed; }

.layer-pop .accounts-pop .table tr { border-bottom: 1px solid #dedede; }

.layer-pop .accounts-pop .table th, .layer-pop .accounts-pop .table td { padding: 10px 0 10px 15px; font-size: 13px; }

.layer-pop .accounts-pop .table .no-data { padding: 115px 0; font-size: 15px; }

.layer-pop .accounts-pop .table.type1 { text-align: left; }

.layer-pop .accounts-pop .table.type1 thead th.txtR { padding-right: 20px; }

.layer-pop .accounts-pop .table.type1 th { padding-left: 20px; font-weight: 500; background-color: #f1f1f1; vertical-align: middle; }

.layer-pop .accounts-pop .table.type1 td { padding: 10px 20px; }

.layer-pop .accounts-pop .table.type1 td .title { padding-bottom: 15px; font-size: 13px; font-weight: 500; }

.layer-pop .accounts-pop .table.type1 td.bg { background-color: #fbfbfb; }

.layer-pop .accounts-pop .table.type1 td p + p { padding-top: 10px; }

.layer-pop .accounts-pop .tab-1 { position: relative; display: block; }

.layer-pop .accounts-pop .tab-1:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #a7a7a7; }

.layer-pop .accounts-pop .tab-1 li { position: relative; width: 50%; }

/* 통계 2020-10-15 */
.statistics-info-area.top-fixed-pd { padding-top: 41px; }

.statistics-info-area .ui.calendar { display: inline-block; vertical-align: middle; }

.statistics-info-area .table-type { table-layout: fixed; }

.statistics-info-area .table-type tr { border-bottom: 1px solid #e1e1e1; }

.statistics-info-area .table-type .no-data { padding: 124px 0; font-size: 15px; text-align: center; }

.statistics-info-area .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; }

.statistics-info-area .table-type tbody td { padding: 10px 2px; height: 60px; font-size: 13px; text-align: center; box-sizing: border-box; word-break: break-all; }

.statistics-info-area .table-type tbody td .link { pointer-events: initial; text-decoration: underline; }

.statistics-info-area .app-name-info { position: relative; padding: 0; height: 50px; box-sizing: border-box; display: table; }

.statistics-info-area .app-name-info .img { display: table-cell; margin-right: 10px; border: 1px solid #e7e7e7; border-radius: 10px; width: 50px; height: 50px; }

.statistics-info-area .app-name-info .text-box { display: table-cell; vertical-align: middle; text-align: left; }

.statistics-info-area .app-name-info2 { position: relative; height: 50px; }

.statistics-info-area .app-name-info2 .img { position: absolute; left: 0; width: 50px; height: 50px; border: 1px solid #f0f0f0; border-radius: 10px; }

.statistics-info-area .app-name-info2 .text-box { box-sizing: border-box; min-height: 50px; padding: 5px 0 2px 60px; text-align: left; }

.statistics-info-area .num.up { color: #e9464a; }

.statistics-info-area .num.up:before { content: "▲"; display: inline-block; font-size: 4px; margin: 2px 5px 0 0; vertical-align: top; }

.statistics-info-area .num.down { color: #0b6bc1; }

.statistics-info-area .num.down:before { content: "▼"; display: inline-block; font-size: 4px; margin: 2px 5px 0 0; vertical-align: top; }

.statistics-info-area .search-table .date-group { display: inline-block; vertical-align: top; }

.statistics-info-area .search-table .date-group .ui.calendar { display: inline-block; }

.statistics-info-area .search-table .date-group .gubun { padding: 0 5px; }

.statistics-info-area .select-group { display: inline-block; vertical-align: middle; }

.statistics-chart-info { min-width: 905px; }

.statistics-chart-info.top-fixed-pd { padding-top: 277px; }

.statistics-chart-info.top-fixed-pd.on { padding-top: 178px; }

.statistics-chart-info .select-multi-group .gubun { padding: 0 5px; }

.statistics-chart-info .ui.calendar { display: inline-block; vertical-align: middle; }

.statistics-chart-info .search-table { table-layout: fixed; }

.statistics-chart-info .search-table th, .statistics-chart-info .search-table td { height: 65px; box-sizing: border-box; }

.statistics-chart-info .search-table td { width: 100%; font-size: 14px; word-break: break-all; }

.statistics-chart-info .search-table .input-group .label { padding-top: 15px; padding-right: 10px; }

.statistics-chart-info .search-table .input-group .label > label { font-size: 15px; }

.statistics-chart-info .search-table .product-input { position: relative; padding-right: 105px; }

.statistics-chart-info .search-table .product-input .ui.button { position: absolute; top: -8px; right: 10px; z-index: 1; }

.statistics-chart-info .search-table .search-input { position: relative; padding-right: 95px; }

.statistics-chart-info .search-table .search-input .ui.button { position: absolute; top: 0; right: 0; z-index: 1; }

.statistics-chart-info .search-table .search-input.type2 { padding-right: 0; }

.statistics-chart-info .search-table .search-input.type2 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.statistics-chart-info .search-table .search-input.type2 .input { padding-left: 155px; padding-right: 85px; }

.statistics-chart-info .search-table .search-input.type3 .ui.button { top: -7px; }

.statistics-chart-info .search-table .select-group { display: inline-block; vertical-align: middle; }

.statistics-chart-info .search-table .select-group.w125 { min-width: 125px; width: 125px; }

.statistics-chart-info .search-table .select-group.w240 { min-width: 240px; width: 240px; }

.statistics-chart-info .search-table .date-group { display: inline-block; vertical-align: top; }

.statistics-chart-info .search-table .date-group .ui.calendar { display: inline-block; }

.statistics-chart-info .search-table .date-group .gubun { padding: 0 5px; }

.statistics-chart-info .search-table .input.w215 { min-width: 215px; width: 215px; }

.statistics-chart-info .search-table.type1 { table-layout: fixed; }

.statistics-chart-info .search-table.type1 tr th, .statistics-chart-info .search-table.type1 tr td { font-size: 14px; }

.statistics-chart-info .search-table.type1 tr td { padding: 10px; }

.statistics-chart-info .table-type { table-layout: fixed; }

.statistics-chart-info .table-type .txtR { text-align: right !important; }

.statistics-chart-info .table-type .txtL { text-align: left !important; }

.statistics-chart-info .table-type tr { border-bottom: 1px solid #e1e1e1; }

.statistics-chart-info .table-type tr.sum { background-color: #fbfbfb; }

.statistics-chart-info .table-type tr.sum td, .statistics-chart-info .table-type tr.sum td a { font-weight: bold; }

.statistics-chart-info .table-type .no-data { padding: 200px 0; font-size: 15px; text-align: center; }

.statistics-chart-info .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; box-sizing: border-box; }

.statistics-chart-info .table-type tbody td { padding: 10px 5px; height: 60px; font-size: 13px; text-align: center; box-sizing: border-box; word-break: break-all; }

.statistics-chart-info .table-type.type1 th { height: 40px; padding: 8px 3px; }

.statistics-chart-info .table-type.type1 tbody td.bg-chart-01 { color: #fff; background-color: #0d56b7; }

.statistics-chart-info .table-type.type1 tbody td.bg-chart-02 { color: #fff; background-color: #0078e5; }

.statistics-chart-info .table-type.type1 tbody td.bg-chart-03 { color: #fff; background-color: #409ae9; }

.statistics-chart-info .table-type.type1 tbody td.bg-chart-04 { color: #fff; background-color: #52b1e8; }

.statistics-chart-info .table-type.type1 tbody td.bg-chart-05 { background-color: #85cdec; }

.statistics-chart-info .table-type.type1 tbody td.bg-chart-06 { background-color: #b8e1f4; }

.statistics-chart-info .table-type.type1 tbody td.bg-chart-07 { background-color: #dff4fa; }

.statistics-chart-info .table-type.type1 tbody td.bg-chart-08 { background-color: #ecf9fc; }

.statistics-chart-info .chart-list-group > li { display: inline-block; float: left; margin: 30px 40px 0 0; padding: 14px; width: 30%; border: 1px solid #dedede; border-radius: 5px; }

.statistics-chart-info .chart-list-group.type2 li { width: 45%; }

.statistics-chart-info .chart-list-group [id^="container-"] { margin-top: 14px; }

.statistics-chart-info .chart-list-group table tr th, .statistics-chart-info .chart-list-group table tr td { font-size: 10px; }

.statistics-chart-info .chart-list-single { padding-bottom: 80px; }

.statistics-chart-info .chart-list-single + .chart-list-single { border-top: 1px solid #a7a7a7; }

.statistics-chart-info .chart-list-title { text-align: left; padding: 15px 0 12px; }

.statistics-chart-info .chart-list-title .sub-tit { font-size: 15px; line-height: 1; color: #000000; font-weight: 500; }

.statistics-chart-info .chart-list-title .sub-tit a { font-weight: 500; }

.statistics-chart-info .chart-list-title .num-total { min-height: 33px; font-size: 25px; line-height: 1.35; font-weight: 700; }

.statistics-chart-info .chart-list-area { border: 1px solid #dedede; border-radius: 5px; padding: 24px; }

/*하이차트 exporting-data css*/
.highcharts-data-table table { font-size: 14px; border-collapse: collapse; width: 100%; }

.highcharts-data-table table td { padding: 10px 0; }

.highcharts-data-table table thead tr th { padding-bottom: 10px; border-bottom: 2px solid #a7a7a7; font-weight: bold; text-align: center; }

.highcharts-data-table table tbody tr th { vertical-align: middle; text-align: center; }

.highcharts-data-table table tbody tr td { text-align: center; }

.highcharts-data-table table tbody tr:nth-child(even) { background-color: #f4f4f4; }

/*point-zone 2020-12-21*/
.ui.dropdown.w335 { min-width: 335px !important; width: 335px !important; }

.ui.dropdown.w335 .dropdown-box, .ui.dropdown.w335 .ui.button.basic { min-width: 335px !important; width: 335px !important; }

.ui.dropdown.w350 { min-width: 350px !important; width: 350px !important; }

.ui.dropdown.w350 .dropdown-box, .ui.dropdown.w350 .ui.button.basic { min-width: 350px !important; width: 350px !important; }

.product-app-pointzone.top-fixed-pd { padding-top: 41px; }

.product-app-pointzone .tb-list-area .table { margin-top: 15px; table-layout: fixed; border-top: 1px solid #919191; }

.product-app-pointzone .tb-list-area .table tr { border-bottom: 1px solid #dedede; }

.product-app-pointzone .tb-list-area .table tr th { font-size: 14px; font-weight: 500; }

.product-app-pointzone .tb-list-area .table tr td { font-size: 13px; padding: 0 3px; word-break: break-all; }

.product-app-pointzone .tb-list-area .table tr td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.product-app-pointzone .tb-list-area .table tr td .ellipsis { display: block; overflow: hidden; margin: 0 auto; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }

.product-app-pointzone .tb-list-area .table tr td .no-data { padding: 125px 0; font-size: 15px; text-align: center; }

.product-app-pointzone .tb-list-area .table tr td, .product-app-pointzone .tb-list-area .table tr th { height: 50px; text-align: center; vertical-align: middle; }

.product-app-pointzone .tb-list-area .table tr .test-n { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.product-app-pointzone .tb-list-area .scroll-wrap.h500 { max-height: 500px; overflow-y: scroll; }

.product-app-pointzone .btn-area { text-align: center; }

.product-app-pointzone .btn-area .ui.button { width: 100%; height: 50px; border-top: 0; border-left: 0; border-right: 0; }

.product-app-pointzone .btn-area .ui.button:before { background: url(../img/ico_btn_plus_03.png) center no-repeat; background-size: 13px 13px; }

.product-app-pointzone .select-group.w110, .product-app-pointzone.select-group.w110 { display: inline-block; min-width: 110px !important; width: 110px !important; }

.product-app-pointzone .select-group .selectric .label, .product-app-pointzone.select-group .selectric .label { font-size: 12px !important; }

.product-app-pointzone .ui.dropdown.w100 { min-width: 100% !important; width: 100% !important; }

.product-app-pointzone .ui.dropdown.w100 .dropdown-box, .product-app-pointzone .ui.dropdown.w100 .ui.button.basic { min-width: 100% !important; width: 100% !important; }

.product-app-pointzone .ui.form .input-btn .input { display: inline-block; width: 50%; vertical-align: middle; }

.product-app-pointzone .ui.form.search-period .select-group { vertical-align: middle; }

.product-app-pointzone .ui.form.search-period .date-group { display: inline-block; vertical-align: middle; }

.product-app-pointzone .ui.form.search-period .date-group .ui.calendar { display: inline-block; }

.product-app-pointzone .text-regist { position: relative; padding-bottom: 10px; border-bottom: 1px solid #919191; }

.product-app-pointzone .text-regist::after { display: block; content: ""; clear: both; }

.product-app-pointzone .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.product-app-pointzone .text-regist .desc-regist { position: absolute; bottom: 12px; right: 0; display: inline-block; padding-left: 10px; color: #919191; font-size: 14px; }

.product-app-pointzone .text-regist .desc-regist.ico-red:before { content: ''; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.product-app-pointzone .product-pointzone-area .top-group { position: relative; }

.product-app-pointzone .product-pointzone-area .top-group .top-left { float: left; }

.product-app-pointzone .product-pointzone-area .top-group .top-right { float: right; }

.product-app-pointzone .product-pointzone-area .top-group .top-right .ui.dropdown, .product-app-pointzone .product-pointzone-area .top-group .top-right .ui.dropdown .button { min-width: 150px; }

.product-app-pointzone .product-pointzone-area .top-group .desc-top { display: block; margin-top: 5px; color: #919191; font-size: 13px; text-align: right; }

.product-app-pointzone .product-pointzone-area .top-group .desc-top span + span { padding-left: 13px; }

.product-app-pointzone .product-pointzone-area .top-group .ui.search.border-rw { position: relative; display: inline-block; margin-left: 3px; vertical-align: middle; }

.product-app-pointzone .product-pointzone-area .top-group .search-result { position: absolute; top: 45px; left: 0; width: 100%; min-height: 221px; max-height: 221px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list { min-height: 100px; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list li + li { margin-top: 15px; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list li a { display: block; box-sizing: border-box; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.product-app-pointzone .product-pointzone-area .top-group .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.pointzone-info-regist.top-fixed-pd { padding-top: 225px; }

.pointzone-info-regist.top-fixed-pd.on { padding-top: 128px; }

.pointzone-info-regist.top-fixed-pd.scroll { padding-top: 276px; }

.pointzone-info-regist.top-fixed-pd.scroll.on { padding-top: 158px; }

.pointzone-info-regist .text-regist { position: relative; padding-bottom: 10px; border-bottom: 1px solid #919191; }

.pointzone-info-regist .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.pointzone-info-regist .ui.form .radio + .radio { margin-left: 25px; }

.pointzone-info-regist .ui.form tr th { height: 65px; }

.pointzone-info-regist .ui.form tr th.veralign-middle { padding-top: 15px; }

.pointzone-info-regist .ui.form tr td { padding: 15px; min-height: 65px; font-size: 15px; box-sizing: border-box; word-break: break-all; }

.pointzone-info-regist .ui.form .input-group > .label > label, .pointzone-info-regist .ui.form .text-group > .label > label { font-size: 15px; }

.pointzone-info-regist .ui.form .date-group { display: inline-block; vertical-align: top; }

.pointzone-info-regist .ui.form .date-group .ui.calendar { display: inline-block; }

.pointzone-info-regist .ui.form .base-pointzone { display: inline-block; width: 175px; }

.pointzone.search-result { position: absolute; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.pointzone.search-result .result-list { min-height: 100px; }

.pointzone.search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.pointzone.search-result .result-list li + li { margin-top: 15px; }

.pointzone.search-result .result-list li a { display: block; box-sizing: border-box; }

.pointzone.search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.pointzone.search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.pointzone.search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.pointzone.search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.pointzone.search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.reward-test-wrap table.list { table-layout: fixed; }

.reward-test-wrap table.list .no-data { padding: 165px 0; font-size: 14px; text-align: center; }

.reward-test-wrap table.list tr { border-bottom: 1px solid #dedede; }

.reward-test-wrap table.list th { font-size: 14px; height: 50px; font-weight: 500; vertical-align: middle; text-align: center; }

.reward-test-wrap table.list td { font-size: 13px; min-height: 65px; text-align: center; box-sizing: border-box; word-break: break-all; }

.reward-test-wrap table.list td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.reward-test-wrap table.list td .ellipsis { display: block; overflow: hidden; margin: 0 auto; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }

.reward-test-wrap table.list .button.basic { line-height: 28px; min-width: 70px; }

.reward-test-wrap table.list.allCheckWrap td { padding: 5px; }

.reward-test-wrap .chart-list-area { border: 1px solid #dedede; border-radius: 5px; padding: 24px; }

.reward-test-wrap .text-regist { position: relative; padding-bottom: 10px; border-bottom: 1px solid #919191; }

.reward-test-wrap .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.reward-test-wrap .text-regist .desc-regist { position: absolute; bottom: 12px; right: 0; display: inline-block; padding-left: 10px; color: #919191; font-size: 14px; }

.reward-test-wrap .text-regist .desc-regist.ico-red:before { content: ''; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.reward-test-wrap .pointzone.search-result { top: 66px; left: 0; width: 100%; min-height: 221px; max-height: 221px; }

.reward-test-wrap .pointzone.search-result.inquire { top: 65px; }

.reward-test-wrap .input-btn .button { margin-left: 3px; }

.layer-pop .pointzone-regist-cont { overflow: visible !important; }

.layer-pop .pointzone-regist-cont table { width: 560px; }

.layer-pop .pointzone-regist-pop { padding: 20px; }

.layer-pop .pointzone-regist-pop .button-area { margin: 60px 0 0 0; text-align: right; }

.layer-pop .pointzone-regist-pop tr th { padding: 10px 0; min-height: 65px; }

.layer-pop .pointzone-regist-pop tr th, .layer-pop .pointzone-regist-pop tr td { font-size: 15px; }

.layer-pop .pointzone-regist-pop.ui.form .pointzone.search-result { top: 55px; left: 15px; width: 335px; min-height: 120px; max-height: 120px; z-index: 700; }

.layer-pop .pointzone-regist-pop.ui.form .label { padding-right: 3px; }

.layer-pop .pointzone-regist-pop .point-group .label .row-sub { font-size: 15px; }

.layer-pop .pointzone-regist-pop .point-group .tootip-box { top: auto; bottom: 70%; z-index: 300; }

.layer-pop .pointzone-regist-pop .point-group .tootip-box::before { top: auto; bottom: -11px !important; transform: rotate(-180deg); }

/* 상용 APK */
.product-apk-info .info-box { padding: 0; border-top: 0; }

.product-apk-info .ui.infored-text .desc-info .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.product-apk-info .ui.infored-text + .tit { margin-top: 40px; font-size: 18px; font-weight: 700; }

.product-apk-info .ui.accordion { margin-top: 15px; border-top: 1px solid  #a7a7a7; }

.product-apk-info .ui.accordion .fcblue { color: #0959fa; }

.product-apk-info .ui.accordion > li .accordion-box { padding: 30px 20px; }

.product-apk-info .ui.accordion + .tit { margin-top: 40px; font-size: 18px; font-weight: 700; }

.product-apk-info .product-apps-area .cont { margin-top: 85px; text-align: center; }

.product-apk-info .product-apps-area .cont .text-regist { margin-top: 25px; }

.product-apk-info .product-apps-area .cont .text-regist + button { margin-top: 25px; }

/* //상용 APK */
.before-bg:before { height: 278px; }

/* in-app */
.product-in-app { min-width: 905px; }

.product-in-app.top-fixed-pd { padding-top: 277px; }

.product-in-app.top-fixed-pd.on { padding-top: 178px; }

.product-in-app .tb-list-area .table { margin-top: 15px; table-layout: fixed; border-top: 1px solid #919191; }

.product-in-app .tb-list-area .table tr { border-bottom: 1px solid #dedede; }

.product-in-app .tb-list-area .table tr th { font-size: 14px; font-weight: 500; }

.product-in-app .tb-list-area .table tr td { font-size: 13px; padding: 0 3px; word-break: break-all; }

.product-in-app .tb-list-area .table tr td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.product-in-app .tb-list-area .table tr td .ellipsis { display: block; overflow: hidden; margin: 0 auto; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }

.product-in-app .tb-list-area .table tr td .no-data { padding: 125px 0; font-size: 15px; text-align: center; }

.product-in-app .tb-list-area .table tr td .featured { display: inline-block; width: 16px; height: 16px; text-indent: -999em; background: url(../img/icon_featured_s.png) center no-repeat; background-size: 16px; vertical-align: middle; margin-left: 4px; }

.product-in-app .tb-list-area .table tr td .plus_text { padding: 1.5px 4px; font-size: 10px; line-height: 15px; font-weight: 700; color: #5E5E78; text-transform: uppercase; border-radius: 3px; border: 1px solid #C0C0C8; display: inline-block; }

.product-in-app .tb-list-area .table tr td, .product-in-app .tb-list-area .table tr th { height: 50px; text-align: center; vertical-align: middle; }

.product-in-app .tb-list-area .table tr .test-n { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.product-in-app .tb-list-area .table.text-keep-all th, .product-in-app .tb-list-area .table.text-keep-all td { white-space: normal; overflow-wrap: break-word; word-break: keep-all; }

.product-in-app .tb-list-area .table.ty1 tbody tr td { padding: 10px 3px; box-sizing: border-box; height: 60px; }

.product-in-app .tb-list-area .table.ty1 tbody tr td i.icon-pack { position: relative; top: -2px; margin-right: 1px; vertical-align: middle; }

.product-in-app .btn-area { text-align: center; }

.product-in-app .btn-area .ui.button { width: 100%; height: 50px; border-top: 0; border-left: 0; border-right: 0; }

.product-in-app .btn-area .ui.button.plus-gray:before { background: url(../img/ico_btn_plus_03.png) center no-repeat; background-size: 13px 13px; }

.product-in-app .btn-area .ui.button.down-black:after { position: relative; content: ''; top: 6px; width: 20px; height: 20px; margin-left: 5px; display: inline-block; vertical-align: top; background: url(../img/icon/ic_chevron_down_black.png) center no-repeat; background-size: 20px 20px; }

.product-in-app .tb-list-promotion .table { margin-top: 15px; table-layout: fixed; border-top: 1px solid #dedede; }

.product-in-app .tb-list-promotion .table tr { border-width: 1px; border-style: solid; border-color: #dedede; }

.product-in-app .tb-list-promotion .table tr td { font-size: 13px; height: 50px; padding: 0 10px; color: #919191; word-break: break-all; text-align: left; vertical-align: middle; }

.product-in-app .tb-list-promotion .table tr td.on { color: #000; }

.product-in-app .tb-list-promotion .table tr td + td { border-left: 1px solid #dedede; }

.product-in-app .tb-list-promotion .table tr td span.text-option { display: inline-block; width: 150px; padding-right: 10px; }

/* product-info-regist in-app-product */
.product-info-regist.in-app-product { min-width: 782px; }

.product-info-regist.in-app-product.top-fixed-pd { padding-top: 277px; }

.product-info-regist.in-app-product.top-fixed-pd.on { padding-top: 178px; }

.product-info-regist.in-app-product .select-group, .product-info-regist.in-app-product .ui.dropdown, .product-info-regist.in-app-product .ui.dropdown .ui.button { display: inline-block; width: 150px; vertical-align: middle; }

.product-info-regist.in-app-product .input-group .button.disabled { position: static; }

.product-info-regist.in-app-product .dupli-area .input { padding-right: 83px; }

.product-info-regist.in-app-product .dupli-area.eng .input { padding-right: 138px; }

.product-info-regist.in-app-product .dupli-area .button { position: absolute; top: 0; right: 0; }

.product-info-regist.in-app-price .input-group td .base-price { font-size: 15px; }

.product-info-regist.in-app-price .input-group td .base-price input { width: 180px; margin-left: 25px; margin-right: 10px; }

.product-info-regist.in-app-price .input-group td .base-price span { margin-left: 28px; }

.product-info-regist.in-app-price .input-group td .base-price.w400 { width: 400px; }

.product-info-regist.in-app-price .input-group td .base-price-ty1 { font-size: 0; }

.product-info-regist.in-app-price .input-group td .base-price-ty1 span { font-size: 15px; display: inline-block; vertical-align: middle; }

.product-info-regist.in-app-price .input-group td .base-price-ty1 span.currency-unit { margin-right: 5px; }

.product-info-regist.in-app-price .input-group td .base-price-ty1 span.currency-price { margin-left: 15px; margin-right: 5px; font-weight: 700; }

.product-info-regist.in-app-price .input-group td .base-price-ty1 span.currency-vat { margin-left: 5px; }

.product-info-regist.in-app-price .input-group td .base-price-ty1 button { margin: 0 5px; }

.product-info-regist.in-app-price .input-group td .base-price-ty1.display-inline { vertical-align: top; }

.product-info-regist.in-app-price .input-group td .base-price-full { display: flex; align-items: center; }

.product-info-regist.in-app-price .input-group td .base-price-full .input-cell { flex: 1 1; }

.product-info-regist.in-app-price .input-group td .base-price-full .input-cell input { text-align: right; }

.product-info-regist.in-app-price .input-group td .base-price-full .unit-cell { flex: 0 0 auto; width: 40px; margin-left: 10px; text-align: center; }

.product-info-regist.in-app-price .input-group td .subscribe-period { display: inline-block; font-size: 15px; }

.product-info-regist.in-app-price .input-group td .subscribe-period input { width: 180px; margin-right: 10px; }

.product-info-regist.in-app-price .input-group td .subscribe-period + .radio-group { display: inline-block; }

.product-info-regist.in-app-price .input-group td .subscribe-period.w400 { width: 400px; }

.product-info-regist.in-app-price .input-group .button { position: static; }

.product-info-regist.in-app-price ~ .btn-area { text-align: center; }

.product-info-regist.detail table th, .product-info-regist.detail table td { padding: 20px 0  20px 10px; }

.product-info-regist.payment-detail table.search .select-group { display: inline-block; }

.product-info-regist.payment-detail table.search .input-group.input-btn { position: relative; }

.product-info-regist.payment-detail table.search .input-group.input-btn .input { display: inline-block; padding-right: 0; width: 50%; vertical-align: middle; }

.product-info-regist.payment-detail table.search .input-group.input-btn .button { margin-left: 3px; }

.product-info-regist.payment-detail table.search .input-group .input { padding-right: 110px; }

.product-info-regist.payment-detail table.search tr.input-group th.label label { font-size: 14px; }

.product-info-regist.payment-detail table.search tr.input-group td .ui.calendar + span { margin: 0 6px; }

.product-info-regist.payment-detail table.search tr.input-group td .btn-area { display: inline-block; margin-left: 6px; }

.product-info-regist.payment-detail table.search tr.input-group td .btn-area .button.basic { min-width: 50px; font-size: 13px; line-height: 34px; }

.product-info-regist.payment-detail .text-regist .desc-regist { top: auto; bottom: 15px; }

.product-info-regist.payment-detail table.list tr { border-bottom: 1px solid #dedede; }

.product-info-regist.payment-detail table.list tr.no-result td { height: 350px; text-align: center; }

.product-info-regist.payment-detail table.list tr.no-result td p { font-size: 14px; }

.product-info-regist.payment-detail table.list th, .product-info-regist.payment-detail table.list td { font-size: 12px; text-align: center; }

.product-info-regist.payment-detail table.list th { height: 50px; font-weight: 500; vertical-align: middle; }

.product-info-regist.payment-detail table.list td { padding: 5px; }

.product-info-regist.payment-detail table.list td p + p { margin-top: 20px; }

.product-info-regist.payment-detail table.list td .button.basic { min-width: 40px; line-height: 20px; font-size: 12px; }

.product-info-regist.payment-detail table.list + .ui.pagination { margin-top: 45px; }

.setup_wrap { width: 760px; }

.setup_wrap .input-group.search { margin: 30px 0 15px 0; width: 292px; border-bottom: 0; }

.setup_wrap.disabled .setup { background: #fbfbfb; }

.setup_wrap.disabled .setup label, .setup_wrap.disabled .setup .allow-time { color: #919191; }

.setup_wrap .setup { border: 1px solid #eee; }

.setup_wrap .setup .title-setup { padding: 15px 0 0 20px; color: #e9464a; font-weight: 700; }

.setup_wrap .left { float: left; width: 365px; }

.setup_wrap .left .list-box li .allow-time, .setup_wrap .left .list-box li .btn-del { display: none; }

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

.setup_wrap .list-box ul { padding: 6px 20px; height: 455px; overflow: scroll; overflow-x: hidden; }

.setup_wrap .list-box ul li { position: relative; padding-right: 31px; line-height: 40px; font-size: 15px; }

.setup_wrap .list-box ul li label { display: inline-block; min-width: 107px; color: #181818; }

.setup_wrap .list-box ul li .allow-time { float: right; }

.setup_wrap .list-box ul li .btn-del { display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -11px; width: 20px; height: 20px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.setup_wrap .list-box ul li:after { content: ''; display: block; clear: both; }

.setup_wrap .btn-arrow { display: inline-block; position: absolute; top: 50%; left: 50%; margin-left: -12%; }

.setup_wrap .btn-arrow a { display: block; width: 35px; height: 35px; border: 1px solid #c8c8c8; border-radius: 3px; background: url(../img/img_arrow_right_03.png) no-repeat center; cursor: default; }

.setup_wrap .right { float: right; width: 580px; }

.order-cancel .table { table-layout: fixed; }

.order-cancel .table thead { border-top: 1px solid #a7a7a7; }

.order-cancel .table tr { border-bottom: 1px solid #dedede; }

.order-cancel .table tr th { font-size: 14px; text-align: center; line-height: 50px; }

.order-cancel .table tr td { padding: 10px 0; font-size: 13px; text-align: center; word-break: break-all; }

.layer-pop { /* game-grade-num */ /* game_surve */ /* ko-grade */ /* pre-survey */ /* final-result */ /* layerpop-cont.external-payment */ /* ver-select */ /* bg-box.age-twelve */ /* bg-box.age-fifteen */ /* bg-box.age-eighteen */ /* bg-box.age-reject */ /* layerpop-cont.product-search */ /* layerpop-cont.self-test */ /* layerpop-cont in-app */ /* layerpop-cont.email-address */ /* layerpop-foot */ }

.layer-pop .layerpop-cont .input-group.input-btn { position: relative; }

.layer-pop .layerpop-cont .input-group.input-btn .input { display: inline-block; min-width: 230px; width: 230px; }

.layer-pop .layerpop-cont .input-group.input-btn .button { margin-left: 3px; }

.layer-pop .layerpop-cont .title-product { font-size: 14px; font-weight: 700; }

.layer-pop .layerpop-cont .title-product.ty1 { font-size: 14px; line-height: 20px; font-weight: 400; }

.layer-pop .layerpop-cont .bg-box { padding: 20px; background-color: #f7f7f7; box-sizing: border-box; border-radius: 3px; }

.layer-pop .layerpop-cont .bg-box input { background-color: #fff; }

.layer-pop .layerpop-cont .bg-box .info-regist.ty1 { font-size: 14px; line-height: 20px; font-weight: 700; }

.layer-pop .layerpop-cont .button-area button + button { margin-left: 6px; }

.layer-pop .layerpop-cont .trms-section > div { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #DEDEDE; }

.layer-pop .layerpop-cont .trms-section > div:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; }

.layer-pop .layerpop-cont .trms-section .checkbox div { margin-top: 10px; }

.layer-pop .layerpop-cont .trms-section .checkbox div.chk-input { position: relative; }

.layer-pop .layerpop-cont .trms-section .checkbox div label { display: block; line-height: 20px; }

.layer-pop .layerpop-cont .trms-section .scroll-wrap { background-color: #f7f7f7; }

.layer-pop .layerpop-cont.game-grade-num .title-product { font-size: 16px; font-weight: 500; }

.layer-pop .layerpop-cont.game_survey .title-product { font-weight: 400; letter-spacing: -0.025em; }

.layer-pop .layerpop-cont.game_survey .link-area span { font-size: 12px; }

.layer-pop .layerpop-cont.game_survey .ui.infored-text:before { width: 15px; height: 15px; background-size: 15px 15px; }

.layer-pop .layerpop-cont.game_survey span + span { margin-left: 10px; }

.layer-pop .layerpop-cont.game_survey .bg-box { font-size: 13px; }

.layer-pop .layerpop-cont.game_survey .bg-box .list-type { margin-top: 8px; }

.layer-pop .layerpop-cont.game_survey .bg-box + p { font-size: 13px; }

.layer-pop .layerpop-cont.game_survey .ui.infored-text { padding: 0 0 0 20px; color: #e9464a; }

.layer-pop .layerpop-cont.game_survey .ui.infored-text:before { left: 0; width: 15px; height: 15px; margin-top: -7.5px; background-size: 15px 15px; }

.layer-pop .layerpop-cont.ko-grade table { border-top: 1px solid #a7a7a7; font-size: 12px; }

.layer-pop .layerpop-cont.ko-grade table tr { height: 50px; }

.layer-pop .layerpop-cont.ko-grade table tr th { font-size: 13px; vertical-align: middle; }

.layer-pop .layerpop-cont.ko-grade table tr th, .layer-pop .layerpop-cont.ko-grade table tr td { text-align: center; border-bottom: 1px solid #dedede; }

.layer-pop .layerpop-cont.ko-grade table tr td { padding: 0; font-size: 12px; }

.layer-pop .layerpop-cont.ko-grade table tr td img { width: 30px; height: auto; vertical-align: middle; }

.layer-pop .layerpop-cont.pre-survey { overflow: hidden; }

.layer-pop .layerpop-cont.pre-survey .scroll { height: 383px; overflow-y: auto; }

.layer-pop .layerpop-cont.pre-survey .title-product span { font-size: 13px; font-weight: 500; }

.layer-pop .layerpop-cont.pre-survey .qna { font-size: 13px; }

.layer-pop .layerpop-cont.pre-survey .qna .ui.form { margin-top: 10px; }

.layer-pop .layerpop-cont.pre-survey .qna .ui.form span.radio + span.radio, .layer-pop .layerpop-cont.pre-survey .qna .ui.form span.checkbox + span.checkbox { margin-left: 28px; }

.layer-pop .layerpop-cont.pre-survey .qna .ui.form div.radio + div.radio, .layer-pop .layerpop-cont.pre-survey .qna .ui.form div.checkbox + div.checkbox { margin-top: 7px; }

.layer-pop .layerpop-cont.pre-survey .qna .ui.form.input-group { margin-top: 17px; }

.layer-pop .layerpop-cont.pre-survey .qna + .qna { margin-top: 25px; }

.layer-pop .layerpop-cont.pre-survey .qna p { color: #919191; }

.layer-pop .layerpop-cont.final-result { position: relative; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade { position: relative; padding: 0 0 0 68px; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade .desc-info { font-size: 14px; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade .desc-info span { color: #44a342; font-size: 22px; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade.grade01:before { margin-top: -27px; width: 54px; height: 54px; background-image: url(../img/img_age_all.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade.grade02:before { margin-top: -27px; width: 54px; height: 54px; background-image: url(../img/img_age_18.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade.grade03:before { margin-top: -27px; width: 54px; height: 54px; background-image: url(../img/img_age_reject.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade.grade04:before { margin-top: -27px; width: 54px; height: 54px; background-image: url(../img/img_age_12.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade.grade05:before { margin-top: -27px; width: 54px; height: 54px; background-image: url(../img/img_age_15.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.layer-pop .layerpop-cont.final-result .bg-box .ui.infored-grade.grade06:before { margin-top: -27px; width: 54px; height: 54px; background-image: url(../img/img_age_19.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.layer-pop .layerpop-cont.final-result .bg-box .learn-more { font-size: 13px; letter-spacing: -0.025em; }

.layer-pop .layerpop-cont.final-result .bg-box .learn-more.bold { font-weight: 700; }

.layer-pop .layerpop-cont.final-result .ui.form.checkbox label { font-size: 13px; }

.layer-pop .layerpop-cont.external-payment .title-product { font-size: 14px; font-weight: 400; letter-spacing: -0.025em; }

.layer-pop .layerpop-cont.external-payment .list-type li { font-size: 13px; }

.layer-pop .layerpop-cont.external-payment .txt-area { font-size: 14px; }

.layer-pop .layerpop-cont.ver-select .bg-box .ui.form { text-align: center; }

.layer-pop .layerpop-cont.ver-select .bg-box .ui.form .radio { margin-left: 80px; }

.layer-pop .layerpop-cont.ver-select .bg-box .ui.form .radio label:before { background-color: #fff; border-radius: 50%; }

.layer-pop .layerpop-cont.ver-select .bg-box .ui.form .radio:first-child { margin-left: 0; }

.layer-pop .layerpop-cont.ver-select .ui.form.input-group .input { display: inline-block; margin-right: 3px; min-width: 350px; }

.layer-pop .layerpop-cont.ver-select .ui.form.input-group .button:disabled { border: 1px solid #c8c8c8 !important; }

.layer-pop .bg-box.age-twelve .ui.infored-text:before { background-image: url(../img/img_age_12.png) !important; }

.layer-pop .bg-box.age-twelve .desc-info span { color: #4369b1 !important; }

.layer-pop .bg-box.age-fifteen .ui.infored-text:before { background-image: url(../img/img_age_15.png) !important; }

.layer-pop .bg-box.age-fifteen .desc-info span { color: #f9b846 !important; }

.layer-pop .bg-box.age-eighteen .ui.infored-text:before { background-image: url(../img/img_age_18.png) !important; }

.layer-pop .bg-box.age-eighteen .desc-info span { color: #a31639 !important; }

.layer-pop .bg-box.age-reject .ui.infored-text:before { width: 45px !important; height: 45px !important; background-image: url(../img/img_age_reject.png) !important; background-size: 45px 45px !important; }

.layer-pop .bg-box.age-reject .desc-info span { color: #181818 !important; }

.layer-pop .layerpop-cont.pricing-error .color-gray { font-size: 14px !important; }

.layer-pop .layerpop-cont.pricing-error .list-type li { font-size: 13px; }

.layer-pop .layerpop-cont.product-search table { border-top: 1px solid #dedede; font-size: 14px; }

.layer-pop .layerpop-cont.product-search table tr { border-bottom: 1px solid #dedede; }

.layer-pop .layerpop-cont.product-search table.search th { padding-left: 20px; vertical-align: middle; background: #fbfbfb; }

.layer-pop .layerpop-cont.product-search table.search .select-group, .layer-pop .layerpop-cont.product-search table.search .ui.dropdown, .layer-pop .layerpop-cont.product-search table.search .ui.dropdown .ui.button { display: inline-block; width: 150px; vertical-align: middle; }

.layer-pop .layerpop-cont.product-search table.search td .ui.form { border-bottom: 0; }

.layer-pop .layerpop-cont.product-search .desc-top { display: block; margin-top: 30px; color: #919191; font-size: 13px; text-align: right; }

.layer-pop .layerpop-cont.product-search .table.result { border-top: 1px solid #a7a7a7; font-size: 13px; table-layout: fixed; }

.layer-pop .layerpop-cont.product-search .table.result th { line-height: 50px; text-align: center; }

.layer-pop .layerpop-cont.product-search .table.result td { text-align: center; word-break: break-all; }

.layer-pop .layerpop-cont.product-search .table.result td.result-txt { height: 480px; vertical-align: middle; }

.layer-pop .layerpop-cont.product-search .table.result td .product-tit { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; }

.layer-pop .layerpop-cont.product-search .table.result + .ui.pagination { margin-top: 50px; }

.layer-pop .layerpop-cont.product-search.name table.result th { line-height: 40px; }

.layer-pop .layerpop-cont.product-search.name table.result td { padding: 5px; }

.layer-pop .layerpop-cont.product-search.name table.result td.result-txt { height: 300px; }

.layer-pop .layerpop-cont.receipt-info table { font-size: 13px; border-top: 1px solid #a7a7a7; word-break: break-all; }

.layer-pop .layerpop-cont.receipt-info table tr { border-bottom: 1px solid #dedede; }

.layer-pop .layerpop-cont.receipt-info table tr th { padding: 0 10px; vertical-align: middle; }

.layer-pop .layerpop-cont.receipt-info table tr td { text-align: left; }

.layer-pop .layerpop-cont.self-test { /* & .search-area{ padding:0 15px 0 10px; }*/ }

.layer-pop .layerpop-cont.self-test .tab-box { padding: 0 15px 0 10px; }

.layer-pop .layerpop-cont.self-test .tab-box .desc-top { position: relative; display: block; margin-top: 14px; color: #919191; font-size: 13px; letter-spacing: -0.07em; }

.layer-pop .layerpop-cont.self-test .tab-box .desc-top span + span { margin-left: 13px; }

.layer-pop .layerpop-cont.self-test .tab-box .desc-top .button { position: absolute; top: 50%; right: 0; margin-top: -15px; font-size: 13px; }

.layer-pop .layerpop-cont.self-test .tab-box .desc-top + .text-regist { text-align: right; }

.layer-pop .layerpop-cont.self-test .tab-box .desc-top + .text-regist.product-info-in-app { font-size: 18px; font-weight: 700; text-align: left; }

.layer-pop .layerpop-cont.self-test .tab-box .desc-top + .text-regist .desc-regist { position: relative; display: inline-block; padding-left: 10px; color: #919191; font-size: 14px; }

.layer-pop .layerpop-cont.self-test .tab-box .desc-top + .text-regist .desc-regist.ico-red:before { content: ''; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.layer-pop .layerpop-cont.self-test .table.input { border-top: 1px solid #dedede; }

.layer-pop .layerpop-cont.self-test .table.input th { background-color: #fbfbfb; background-clip: padding-box; }

.layer-pop .layerpop-cont.self-test .table.input th.bg-none { background-color: transparent; }

.layer-pop .layerpop-cont.self-test .table.input.product { margin-top: 15px; }

.layer-pop .layerpop-cont.self-test .table.input.product th, .layer-pop .layerpop-cont.self-test .table.input.product td { padding: 15px 0; font-size: 15px; }

.layer-pop .layerpop-cont.self-test .table.input.product th { padding-left: 15px; }

.layer-pop .layerpop-cont.self-test .table.input.product .radio-group { width: 100%; }

.layer-pop .layerpop-cont.self-test .table.input.product .radio-group .radio { display: inline-block; }

.layer-pop .layerpop-cont.self-test .table.input.product .radio-group .radio label { padding-left: 30px; font-size: 14px; word-spacing: -1px; }

.layer-pop .layerpop-cont.self-test .table.input.product .radio-group .radio.no1 { width: 120px; }

.layer-pop .layerpop-cont.self-test .table.input.product .radio-group .radio.no2 { width: 144px; }

.layer-pop .layerpop-cont.self-test .table.input.product .radio-group .radio.no3 { width: 120px; }

.layer-pop .layerpop-cont.self-test .table.input.product .radio-group .radio.no3 { width: 122px; }

.layer-pop .layerpop-cont.self-test .table.input.product .radio-group .radio.no4 { width: 160px; }

.layer-pop .layerpop-cont.self-test .table.input td .input { min-width: 225px; padding-right: 0; }

.layer-pop .layerpop-cont.self-test .table.input td .input-group { position: relative; width: 100%; border-bottom: 0; }

.layer-pop .layerpop-cont.self-test .table.input td .input-group .button { position: absolute; top: 0; right: 0; }

.layer-pop .layerpop-cont.self-test .table.input td .input-group.test-num .input { padding-right: 83px; }

.layer-pop .layerpop-cont.self-test .table.input td .input-group.search { position: relative; width: 100%; border-bottom: 0; }

.layer-pop .layerpop-cont.self-test .table.input td .input-group.search .select-group { position: absolute; top: 0; left: 0; width: 160px; }

.layer-pop .layerpop-cont.self-test .table.input td .input-group.search .input { margin-left: 164px; }

.layer-pop .layerpop-cont.self-test .table.input td .ui.calendar { display: inline-block; }

.layer-pop .layerpop-cont.self-test .table.input td .ui.calendar .date { height: 36px; line-height: 36px; }

.layer-pop .layerpop-cont.self-test .table.input td .ui.calendar + span { margin: 0 7px; }

.layer-pop .layerpop-cont.self-test .table.list { border-top: 1px solid #a7a7a7; }

.layer-pop .layerpop-cont.self-test .table.list thead tr { border-bottom: 1px solid #dedede; }

.layer-pop .layerpop-cont.self-test .table.list tr { border-bottom: 1px solid #f4f4f4; }

.layer-pop .layerpop-cont.self-test .table.list th { padding: 10px 0; font-size: 13px; font-weight: 500; text-align: center; }

.layer-pop .layerpop-cont.self-test .table.list td { padding: 5px; font-size: 12px; text-align: center; height: 20px; line-height: 1.3; }

.layer-pop .layerpop-cont.self-test .table.list td .tb-scroll { height: 255px; overflow: scroll; overflow-x: hidden; }

.layer-pop .layerpop-cont.self-test .table.list td .tb-scroll .table { width: 100%; table-layout: fixed; border-top: 0; }

.layer-pop .layerpop-cont.self-test .table.list td .tb-scroll .table td a.w90 { width: 90px; }

.layer-pop .layerpop-cont.self-test .table.list td .tb-scroll .table .button { min-width: 70px; }

.layer-pop .layerpop-cont.self-test .table.list td .ellipsis { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 133px; }

.layer-pop .layerpop-cont.self-test .table.list + .ui.pagination { margin-top: 45px; }

.layer-pop .layerpop-cont.self-test .table.list.pd td { padding: 10px; }

.layer-pop .layerpop-cont.self-test .table.info { border-top: 1px solid #a7a7a7; }

.layer-pop .layerpop-cont.self-test .table.info th label, .layer-pop .layerpop-cont.self-test .table.info td { font-size: 15px; }

.layer-pop .layerpop-cont.in-app .table.licence-key { border-top: 1px solid #dedede; word-break: break-all; }

.layer-pop .layerpop-cont.in-app .table.licence-key p, .layer-pop .layerpop-cont.in-app .table.licence-key span { word-break: break-all; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr { border-bottom: 1px solid #e0e0e0; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr th { padding: 15px; font-size: 14px; vertical-align: middle; letter-spacing: -0.025em; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td { padding: 15px 0 15px 15px; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .bg-box { padding: 20px; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .bg-box div + div { margin-top: 10px; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td p { font-size: 13px; letter-spacing: -0.05em; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td p.key-area { color: #919191; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .tit { font-size: 15px; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .tit span { padding-left: 10px; color: #919191; font-size: 12px; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .copy { font-size: 13px; text-decoration: underline; text-underline-position: under; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .text-group { margin-top: 5px; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .text-group textarea { background-color: #fff; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .select-group { display: inline-block; margin-right: 3px; vertical-align: middle; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .select-group.w215 { min-width: 215px !important; width: 215px !important; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .bg-box.sdk-link .key-copy { position: relative; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .bg-box.sdk-link .key-area { padding-top: 10px; padding-right: 65px; }

.layer-pop .layerpop-cont.in-app .table.licence-key tr td .bg-box.sdk-link .key-area + div { position: absolute; right: 0; top: 50%; margin-top: -15px; }

.layer-pop .layerpop-cont.in-app .table.licence-key .link-tootip.button + .tootip-box { left: auto; margin-right: -40px; }

.layer-pop .layerpop-cont.email-address .desc { margin-top: 15px; }

.layer-pop .layerpop-cont.email-address .desc p { font-size: 14px; font-weight: 700; }

.layer-pop .layerpop-cont.email-address .desc .list-type li { margin-top: 24px; padding-left: 23px; padding-right: 245px; font-size: 13px; line-height: 15px; counter-increment: chapter; }

.layer-pop .layerpop-cont.email-address .desc .list-type li .button { position: absolute; top: 50%; right: 0; margin-top: -15px; }

.layer-pop .layerpop-cont.email-address .desc .list-type li:before { content: counter(chapter); top: 50%; margin-top: -8px; font-size: 15px; }

.layer-pop .layerpop-cont.email-address .desc + .bg-box { padding: 20px 12.5px 20px 20px; }

.layer-pop .layerpop-cont.email-address .desc + .bg-box .tit { font-size: 13px; font-weight: 700; }

.layer-pop .layerpop-cont.email-address .desc + .bg-box .tit + .input { margin-top: 10px; }

.layer-pop .layerpop-cont.email-address .desc + .bg-box .tit + .input .select-group { background: #fff; }

.layer-pop .layerpop-cont.agree-area table.agree-tb { border-top: 1px solid #a7a7a7; }

.layer-pop .layerpop-cont.agree-area table.agree-tb tr { border-bottom: 1px solid #f4f4f4; }

.layer-pop .layerpop-cont.agree-area table.agree-tb tr th { padding: 10px; font-weight: 500; text-align: center; }

.layer-pop .layerpop-cont.agree-area table.agree-tb tr td { padding: 10px; font-size: 12px; text-align: center; }

.layer-pop .layerpop-cont.agree-area table.agree-tb-type2 tr { border-bottom: 1px solid #dedede; }

.layer-pop .layerpop-cont.agree-area table.agree-tb-type2 tr th { padding: 10px; font-weight: 500; text-align: center; vertical-align: middle; }

.layer-pop .layerpop-cont.agree-area table.agree-tb-type2 tr td { padding: 10px; font-size: 12px; text-align: center; }

.layer-pop .layerpop-cont.agree-area table.agree-tb-type2 .border-left { border-left: 1px solid #dedede; }

.layer-pop .layerpop-cont.agree-area table.agree-tb-type2 .border-right { border-right: 1px solid #dedede; }

.layer-pop .layerpop-cont.mem-phone .phone .select-group { display: inline-block; min-width: 80px; vertical-align: middle; }

.layer-pop .layerpop-cont.mem-phone .phone .hyp { color: #919191; }

.layer-pop .layerpop-cont.mem-phone .phone .input-group { display: inline-block; width: 71px; }

.layer-pop .layerpop-cont.mem-phone .verifi-code { position: relative; }

.layer-pop .layerpop-cont.mem-phone .verifi-code span { font-size: 15px; }

.layer-pop .layerpop-cont.mem-phone .verifi-code .input-group { display: inline-block; width: 60%; }

.layer-pop .layerpop-cont.mem-phone .verifi-code .input-group.wFull { width: 100%; }

.layer-pop .layerpop-cont.mem-phone .verifi-code .input-group input { padding-right: 63px; }

.layer-pop .layerpop-cont.mem-phone .verifi-code .input-group span { position: absolute; right: 15px; top: 8px; font-size: 12px; }

.layer-pop .layerpop-cont.mem-phone .verifi-code .ui.button { margin-left: 3px; font-size: 14px; vertical-align: middle; }

.layer-pop .layerpop-cont.mem-phone .step-two p.color-black { letter-spacing: -0.025em; }

.layer-pop .layerpop-cont.mem-phone .step-two .input-group { width: 100%; margin-left: 0; }

.layer-pop .layerpop-cont.mem-phone .step-two .input-group input { padding-right: 15px; }

.layer-pop .layerpop-cont.report-txt table { border-top: 1px solid #a7a7a7; }

.layer-pop .layerpop-cont.report-txt table th.label { padding: 19px 0 15px 5px; }

.layer-pop .layerpop-cont.report-txt table span.radio { display: inline-block; min-width: 180px; }

.layer-pop .layerpop-cont.report-txt table .txt-area { width: 100%; }

.layer-pop .layerpop-cont.report-txt table .txt-area textarea { width: 100%; padding: 11px 15px; font-size: 13px; box-sizing: border-box; }

.layer-pop .layerpop-cont.report-txt table .btn-area .button.bg-red { margin-left: 6px; }

.layer-pop .layerpop-box.present-condition-report .layerpop-top .title { padding-right: 6px; }

.layer-pop .layerpop-box.present-condition-report .layerpop-top button { vertical-align: top; }

.layer-pop .layerpop-box.present-condition-report .layerpop-cont .scroll .graph-area .desc-top { position: relative; }

.layer-pop .layerpop-box.present-condition-report .layerpop-cont .scroll .graph-area .desc-top p { font-size: 14px; font-weight: 700; }

.layer-pop .layerpop-box.present-condition-report .layerpop-cont .scroll .graph-area .desc-top span { position: absolute; top: 0; right: 0; color: #919191; font-size: 13px; }

.layer-pop .layerpop-box.present-condition-report .layerpop-cont .scroll .graph-area .bg-box { margin-top: 15px; }

.layer-pop .layerpop-box.present-condition-report .layerpop-cont .scroll .graph-area .bg-box .graph { width: 100%; height: auto; }

.layer-pop .layerpop-box.present-condition-report .layerpop-cont .scroll .graph-area + .graph-area { margin-top: 30px; }

.layer-pop .layerpop-cont.cancel-purchse .table-type { border-top: 1px solid #a7a7a7; }

.layer-pop .layerpop-cont.cancel-purchse .table-type tr th { font-weight: 500; text-align: center; }

.layer-pop .layerpop-cont.cancel-purchse .table-type tr td { text-align: center; word-break: break-all; }

.layer-pop .layerpop-cont.cancel-purchse .table-type .wrap-scroll { overflow-y: scroll; }

.layer-pop .layerpop-cont.cancel-purchse .table-type .wrap-scroll.h400 { height: 400px; }

.layer-pop .layerpop-cont.cancel-purchse .table-type .wrap-scroll .inner-table { table-layout: fixed; }

.layer-pop .layerpop-cont.cancel-purchse .table-type .no-data { text-align: center; font-size: 25px; }

.layer-pop .layerpop-cont.cancel-purchse .order-list { border-top: 1px solid #dedede; }

.layer-pop .layerpop-cont.cancel-purchse .order-list tr { border-bottom: 1px solid #dbdbdb; }

.layer-pop .layerpop-cont.cancel-purchse .order-list tr th { font-size: 14px; vertical-align: middle; text-align: center; background: #fbfbfb; }

.layer-pop .layerpop-cont.cancel-purchse .order-list tr td { font-size: 13px; text-align: center; }

.layer-pop .layerpop-cont .popup-goods-price { padding-top: 0px !important; }

.layer-pop .layerpop-cont .popup-goods-price dl dt { padding: 20px 0 5px 0; margin: 0; font-size: 14px; font-weight: 700; line-height: 20px; border-top: 1px solid #dedede; }

.layer-pop .layerpop-cont .popup-goods-price dl dt:first-child { padding-top: 0; border-top-width: 0; }

.layer-pop .layerpop-cont .popup-goods-price dl dd { padding: 0 0 20px 0; margin: 0; }

.layer-pop .layerpop-cont .popup-goods-price dl dd:last-child { padding-bottom: 0; }

.layer-pop .layerpop-cont .popup-goods-price table.popup-price-table { border-top: 1px solid #A7A7A7; }

.layer-pop .layerpop-cont .popup-goods-price table.popup-price-table thead tr { border-bottom: 1px solid #DEDEDE; }

.layer-pop .layerpop-cont .popup-goods-price table.popup-price-table thead tr th { padding: 5px; font-size: 13px; font-weight: 700; line-height: 19px; vertical-align: middle; height: 41px; color: #181818; text-align: center; background-color: #FBFBFB; box-sizing: border-box; }

.layer-pop .layerpop-cont .popup-goods-price table.popup-price-table tbody tr { border-bottom: 1px solid #DEDEDE; }

.layer-pop .layerpop-cont .popup-goods-price table.popup-price-table tbody tr td { padding: 5px 3px; font-size: 13px; line-height: 19px; text-align: center; height: 51px; vertical-align: middle; }

.layer-pop .layerpop-cont .popup-goods-price table.popup-price-table tbody tr td .cell-price { display: flex; align-items: center; }

.layer-pop .layerpop-cont .popup-goods-price table.popup-price-table tbody tr td .cell-price .cell { flex: 1 1; }

.layer-pop .layerpop-cont .popup-goods-price table.popup-price-table tbody tr td .cell-price .cell.unit { flex: 0 0 auto; width: 40px; margin-left: 10px; text-align: center; }

.layer-pop .layerpop-foot { position: relative; padding-top: 20px; border-top: 1px solid #dedede; }

.layer-pop .layerpop-foot p { padding-right: 130px; color: #919191; font-size: 13px; line-height: 18px; }

.layer-pop .layerpop-foot img { position: absolute; top: 50%; right: 0; width: 124px; height: auto; text-align: right; }

/* Mobile */
.wrap.payment-test { width: 100%; height: 100vh; }

.wrap.payment-test .header { position: relative; min-width: auto; height: 71px; padding: 0 15px; border-bottom: 1px solid #f1f1f1; }

.wrap.payment-test .header p { padding: 9px 25px 0 0; font-size: 20px; font-weight: 700; line-height: 25px; }

.wrap.payment-test .header .button-close { display: inline-block; position: absolute; top: 50%; right: 15px; width: 25px; height: 25px; margin-top: -12.5px; background: url(../img/img_close_04.png) center no-repeat; text-indent: -999em; }

.wrap.payment-test .container { min-width: 100%; padding: 0 15px 50px 15px; box-sizing: border-box; word-break: break-all; }

.wrap.payment-test .content.complete .complete-area { margin-top: 30px; text-align: center; }

.wrap.payment-test .content.complete .complete-area img { width: 107.5px; height: auto; }

.wrap.payment-test .content.complete .complete-area img + p { margin-top: 10px; }

.wrap.payment-test .content.complete .complete-area + .bg-gray { margin-top: 25px; }

.wrap.payment-test .content.complete .complete-area + .bg-gray p { font-size: 12px; }

.wrap.payment-test .content.complete .complete-area + .bg-gray p span { float: right; color: #919191; }

.wrap.payment-test .content.complete .complete-area + .bg-gray p:after { content: ''; display: block; clear: both; }

.wrap.payment-test .content.complete .bg-gray { margin-top: 15px; padding: 15px; background: #f7f7f7; border-radius: 3px; }

.wrap.payment-test .content.complete .bg-gray ul + ul { margin-top: 15px; }

.wrap.payment-test .content.complete .bg-gray.color-black { background: #f1f1f1; }

.wrap.payment-test .content.complete .list-type li { position: relative; padding-left: 10px; font-size: 12px; }

.wrap.payment-test .content.complete .list-type li:before { content: '-'; position: absolute; top: 0; left: 0; font-size: 12px; }

.wrap.payment-test .content.complete .product-info-area { position: relative; }

.wrap.payment-test .content.complete .product-info-area .product-info-img { position: absolute; left: 0; top: 50%; display: inline-block; margin-top: -32.5px; border-radius: 3px; }

.wrap.payment-test .content.complete .product-info-area .product-info-img img { width: 65px; height: 65px; }

.wrap.payment-test .content.complete .product-info-area .product-info { padding-left: 82px; }

.wrap.payment-test .content.complete .product-info-area .product-info .app-name { font-size: 12px; }

.wrap.payment-test .content.complete .product-info-area .product-info .app-tit { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; line-height: 22px; overflow: hidden; text-overflow: ellipsis; }

.wrap.payment-test .content.complete .product-info-area .product-info .app-price { font-size: 14px; }

.wrap.payment-test .content.complete .product-info-area.status-chg { position: relative; }

.wrap.payment-test .content.complete .product-info-area.status-chg .product-info-img { position: absolute; left: 0; top: 50%; display: inline-block; margin-top: -40.75px; border-radius: 3px; }

.wrap.payment-test .content.complete .product-info-area.status-chg .product-info-img img { width: 81.5px; height: auto; }

.wrap.payment-test .content.complete .product-info-area.status-chg .product-info { padding-left: 98px; }

.wrap.payment-test .content.complete .product-info-area.status-chg .product-info p { font-size: 12px; line-height: 1.2; }

.wrap.payment-test .content.complete .product-info-area.status-chg .product-info .app-tit { font-size: 16px; line-height: 20px; }

.wrap.payment-test .content.complete .app-info .tit { font-size: 13px; line-height: 1.2; }

.wrap.payment-test .content.complete .app-info div.bg-gray { margin-top: 10px; }

.wrap.payment-test .content.complete .app-info div.bg-gray .info + .info { margin-top: 15px; }

.wrap.payment-test .content.complete .app-info div.bg-gray .info .sub-tit { font-size: 12px; }

.wrap.payment-test .content.complete .app-info div.bg-gray .info .cont { margin-top: 5px; color: #919191; font-size: 12px; }

.wrap.payment-test .content.complete .app-info div.bg-gray .info.btn-payment-chg { padding: 0 10px; }

.wrap.payment-test .content.complete .app-info div.bg-gray .info.btn-payment-chg .button { width: 132px; font-size: 14px; letter-spacing: -0.04em; }

.wrap.payment-test .content.complete .app-info div.bg-gray .info.btn-payment-chg .button.round-red { float: right; }

.wrap.payment-test .content.complete .app-info div.bg-gray .info.btn-payment-chg:after { content: ''; display: block; clear: both; }

.wrap.payment-test .content.complete .app-info + .app-info { margin-top: 20px; }

.wrap.payment-test .content.complete .button-area { text-align: center; }

.wrap.payment-test .content.complete .button-area button { min-width: 140px; height: auto; padding: 12px 13px; line-height: 16px; letter-spacing: -0.025em; }

.wrap.payment-test .content.complete .button-area button span { font-size: 13px; }

.get-sales-info-box { padding: 20px; border-radius: 4px; }

.get-sales-info-box .get-sales-info-item { margin-top: 20px; }

.get-sales-info-box .get-sales-info-item .radio-group label { display: block; line-height: 23px; }

.get-sales-info-box .get-sales-info-item .input-group { padding-left: 32px; border-bottom-width: 0; box-sizing: border-box; }

.get-sales-info-box .get-sales-info-item .input-group input { background-color: #ffffff; }

.get-sales-info-box .get-sales-info-item:first-child { margin-top: 0; }

.get-sales-info li { margin: 10px 0 0 0; }

.get-sales-info li:first-child { margin-top: 0; }

.get-sales-info li .get-sales-info-form { display: flex; align-items: center; }

.get-sales-info li .get-sales-info-form .get-sales-info-left { margin: 0 20px 0 0; flex: 0 0 auto; }

.get-sales-info li .get-sales-info-form .get-sales-info-right { flex: 1 1; }

.get-sales-info li .get-sales-info-form .radio label { padding-left: 23px; height: 23px; font-size: 0; color: transparent; line-height: 0; display: block; }

.get-sales-info li .get-sales-info-form h2 { font-size: 14px; line-height: 20px; }

.get-sales-info li .get-sales-info-form .select-group .selectric-wrapper { background-color: #ffffff; }

.get-sales-info li .get-sales-info-form .select-group .selectric-wrapper.selectric-disabled { background-color: #F1F1F1; }

.get-sales-info li .get-sales-info-form .select-group .selectric-wrapper.selectric-disabled .selectric .label { color: #919191; }

.get-sales-info li .get-sales-info-form .input-group { border-bottom-width: 0; }

.get-sales-info li .get-sales-info-form .input-group input { background-color: #ffffff; }

.get-sales-info li .get-sales-info-form .list-type { padding-top: 5px; }

.get-sales-info li .get-sales-info-form .list-type li { margin: 0; padding-top: 2px; font-size: 13px; color: #919191; font-style: normal; font-weight: 400; line-height: 19px; }

.get-sales-info li .get-sales-info-form .list-type li:first-child { padding-top: 0; }

/*media*/
.multimedia-iframe.web { position: relative; }

.multimedia-iframe.web::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #fff; z-index: 1; }

.multimedia-iframe.web .top-sub-info.ui { position: absolute; top: 0; left: 0; min-width: none; width: 100%; }

.multimedia-iframe.web .top-sub-info.ui .sub-desc { padding: 3px 0 0 0; }

.media-product-setting.lnb-fixed-pd { padding-top: 45px; }

.media-product-setting.cm-file table td .input { display: inline-block; vertical-align: middle; width: 50%; min-width: 0; }

.media-product-setting.cm-file table td .input + .button { margin-left: 5px; vertical-align: middle; }

.media-product-setting.cm-file table td .input + .button + .button { margin-left: 5px; vertical-align: middle; }

.media-product-setting table td, .media-product-setting table th { height: 65px; box-sizing: border-box; }

@media screen and (max-width: 1250px) { .media-product-setting.cm-file .ui.form .input { width: 40%; }
  .media-product-setting.cm-file .ui.form .text-group .file > label { min-width: 50px; } }

.media-product-setting .ui.calendar, .media-product-setting .ui.radio, .media-product-setting .radio-group .select-group, .media-product-setting .radio-group .input.public-date { display: inline-block; vertical-align: middle; z-index: 1; }

.media-product-setting .w80 { width: 80px !important; min-width: 80px !important; }

.media-product-setting .w150 { display: inline-block; min-width: 150px !important; width: 150px !important; }

.media-product-setting .w350 { display: inline-block; min-width: 350px !important; width: 350px !important; }

.media-product-setting .ui.line-info .info-line { line-height: 30px; }

.media-product-setting .select-group { text-align: left; vertical-align: middle; }

.media-product-setting .ui.dropdown { vertical-align: middle; }

.media-product-setting .ui.dropdown button { display: inline-block; min-width: 150px; width: 150px; vertical-align: middle; }

.media-product-setting .table-type { table-layout: fixed; }

.media-product-setting .table-type tr { border-bottom: 1px solid #e1e1e1; }

.media-product-setting .table-type .no-data { padding: 200px 0; font-size: 15px; text-align: center; }

.media-product-setting .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; box-sizing: border-box; }

.media-product-setting .table-type tbody td { padding: 10px 2px; height: 60px; font-size: 15px; text-align: center; box-sizing: border-box; word-break: break-all; }

.media-product-setting .table-type tbody td p + p, .media-product-setting .table-type tbody td a + p { padding-top: 10px; }

.media-product-setting .table-type tbody td p + a { margin-top: 10px; }

.media-product-setting .table-type tbody td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.media-product-setting .table-type tbody td .fileupload + label { vertical-align: middle; }

.media-product-setting .table-type.type2 thead th { font-size: 12px; vertical-align: middle; }

.media-product-setting .table-type.type2 tbody td { padding-left: 3px; padding-right: 3px; height: 60px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }

.media-product-setting .table-type.type3 thead th { padding: 0 3px; height: 50px; font-size: 10px; vertical-align: middle; }

.media-product-setting .table-type.type3 tbody td { padding: 0 3px; height: 80px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.media-product-setting .button-area.text-right { text-align: right; }

.media-product-setting .top-accordion-area { position: relative; }

.media-product-setting .top-accordion-area.on .fixed-toogle .fixed-open-button { background: url(../img/img_arrow_down02.png) #c8c8c8 center 6px no-repeat; }

.media-product-setting .top-accordion-area .table-row { display: table-row; }

.media-product-setting .top-accordion-area .fixed-toogle { text-align: center; }

.media-product-setting .top-accordion-area .fixed-toogle .fixed-open-button { display: inline-block; width: 50px; height: 20px; background: url(../img/img_arrow_up03.png) #c8c8c8 center 6px no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-indent: -999em; }

.media-product-setting .top-accordion-area .link-right { position: absolute; bottom: -5px; right: 0; }

.media-product-setting .top-accordion-area .date-group .ui.calendar { display: inline-block; }

.media-product-setting .top-accordion-area .date-group .gubun { padding: 0 5px; }

.media-product-setting .top-accordion-area .date-group .ui.button { padding: 0 10px; min-width: 55px; }

.media-product-setting .top-accordion-area .date-group2 .select-group { vertical-align: middle; }

.media-product-setting .top-accordion-area .date-group2 .input { display: inline-block; margin-left: 3px; min-width: 170px; width: 170px; }

.media-product-setting .top-accordion-area .search-input { position: relative; }

.media-product-setting .top-accordion-area .search-input .input { display: inline-block; width: 50%; }

.media-product-setting .top-accordion-area .search-input .ui.button { margin-left: 5px; min-width: 80px; }

.media-product-setting .top-accordion-area .search-input.type2 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.media-product-setting .top-accordion-area .search-input.type2 .input { padding-left: 155px; }

.media-product-setting .top-accordion-area .search-input.type3 .ui.button { min-width: 93px; }

.media-product-setting .top-accordion-area .search-input.type4 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.media-product-setting .top-accordion-area .search-input.type4 .input { padding-left: 155px; padding-right: 0; }

.media-product-setting .top-accordion-area .checkbox-group .checkbox, .media-product-setting .top-accordion-area .checkbox-group .radio, .media-product-setting .top-accordion-area .radio-group .checkbox, .media-product-setting .top-accordion-area .radio-group .radio { min-width: 110px; }

.media-product-setting .top-accordion-area .checkbox-group .checkbox + .media-product-setting .top-accordion-area .checkbox-group .checkbox, .media-product-setting .top-accordion-area .checkbox-group .radio + .media-product-setting .top-accordion-area .checkbox-group .checkbox, .media-product-setting .top-accordion-area .radio-group .checkbox + .media-product-setting .top-accordion-area .checkbox-group .checkbox, .media-product-setting .top-accordion-area .radio-group .radio + .media-product-setting .top-accordion-area .checkbox-group .checkbox, .media-product-setting .top-accordion-area .checkbox-group .checkbox + .media-product-setting .top-accordion-area .checkbox-group .radio, .media-product-setting .top-accordion-area .checkbox-group .radio + .media-product-setting .top-accordion-area .checkbox-group .radio, .media-product-setting .top-accordion-area .radio-group .checkbox + .media-product-setting .top-accordion-area .checkbox-group .radio, .media-product-setting .top-accordion-area .radio-group .radio + .media-product-setting .top-accordion-area .checkbox-group .radio, .media-product-setting .top-accordion-area .checkbox-group .checkbox + .media-product-setting .top-accordion-area .radio-group .checkbox, .media-product-setting .top-accordion-area .checkbox-group .radio + .media-product-setting .top-accordion-area .radio-group .checkbox, .media-product-setting .top-accordion-area .radio-group .checkbox + .media-product-setting .top-accordion-area .radio-group .checkbox, .media-product-setting .top-accordion-area .radio-group .radio + .media-product-setting .top-accordion-area .radio-group .checkbox, .media-product-setting .top-accordion-area .checkbox-group .checkbox + .media-product-setting .top-accordion-area .radio-group .radio, .media-product-setting .top-accordion-area .checkbox-group .radio + .media-product-setting .top-accordion-area .radio-group .radio, .media-product-setting .top-accordion-area .radio-group .checkbox + .media-product-setting .top-accordion-area .radio-group .radio, .media-product-setting .top-accordion-area .radio-group .radio + .media-product-setting .top-accordion-area .radio-group .radio { margin-left: 10px; }

.media-product-setting.verify .table-type tr td .approve { color: #0959fa; font-weight: 700; }

.media-product-setting.verify .table-type tr td .return { color: #e9464a; font-weight: 700; }

.media-product-setting.verify .btn-area { text-align: center; }

.media-product-setting.ab-file .add-charge { display: inline-block; margin-left: 2px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_plus_g.png) center no-repeat; background-size: 13px auto; }

.media-product-setting.ab-file .minus-charge { display: inline-block; margin-left: 5px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_minus.png) center no-repeat; background-size: 13px auto; }

.media-product-setting.ab-file table tr.filemrTr td { padding: 0; height: 25px; }

.media-product-setting.ab-file table td .select-group { margin: 0 auto; min-width: 80px; width: 80px; }

.media-product-setting.ab-file table td table thead th { padding: 8px 0; }

.media-product-setting.ab-file table td table tbody tr { border-bottom: 0; }

.media-product-setting.ab-file table td table tbody td { text-align: center; }

.media-product-setting.ab-file table td table tbody td.input-group { border-bottom: 0; }

.media-product-setting.ab-file table td table tbody td .select-group { margin: 0 auto; min-width: 80px; width: 80px; }

.media-product-setting.ab-file table td table tbody td .w50 { min-width: 50px; width: 50px; }

.media-product-setting.ab-file table td table tbody td.pre .select-group { margin: 0; display: inline-block; vertical-align: middle; }

.media-product-setting.ab-file table td table tbody td.pre .input { display: inline-block; vertical-align: middle; min-width: 50px; width: 50px; }

.media-product-setting.ab-file .ab-regist table, .media-product-setting.ab-file .ab-regist .ui.form { table-layout: fixed; border-top: 1px solid #919191; }

.media-product-setting.ab-file .ab-regist table thead tr, .media-product-setting.ab-file .ab-regist .ui.form thead tr { padding: 16px 0; font-size: 14px; border-bottom: 1px solid #dedede; }

.media-product-setting.ab-file .ab-regist table thead tr th, .media-product-setting.ab-file .ab-regist .ui.form thead tr th { vertical-align: middle; text-align: center; }

.media-product-setting.ab-file .ab-regist table thead tr th .essen, .media-product-setting.ab-file .ab-regist .ui.form thead tr th .essen { position: relative; }

.media-product-setting.ab-file .ab-regist table thead tr th .essen:before, .media-product-setting.ab-file .ab-regist .ui.form thead tr th .essen:before { content: ''; display: inline-block; position: absolute; top: -2px; left: -4px; width: 4px; height: 4px; background-color: #e9464a; border-radius: 50%; }

.media-product-setting.ab-file .ab-regist table tbody tr, .media-product-setting.ab-file .ab-regist .ui.form tbody tr { border-bottom: 1px solid #e1e1e1; }

.media-product-setting.ab-file .ab-regist table tbody tr td, .media-product-setting.ab-file .ab-regist .ui.form tbody tr td { padding: 10px 5px; text-align: center; }

.media-product-setting.ab-file .ab-regist table tbody tr td.input-group, .media-product-setting.ab-file .ab-regist .ui.form tbody tr td.input-group { margin: 0 auto; min-width: 150px; width: 150px; border-bottom: 0; }

.media-product-setting.ab-file .ab-regist table tbody tr td input, .media-product-setting.ab-file .ab-regist .ui.form tbody tr td input { min-width: 120px; width: 120px; }

.media-product-setting.ab-file .ab-regist table tbody tr td .select-group, .media-product-setting.ab-file .ab-regist .ui.form tbody tr td .select-group { display: inline-block; margin: 0; min-width: 80px; width: 80px; vertical-align: middle; }

.media-product-setting.ab-file .ab-regist table tbody tr td .radio-group, .media-product-setting.ab-file .ab-regist .ui.form tbody tr td .radio-group { text-align: left; }

.media-product-setting.ab-file .ab-regist table tbody tr td .text-link, .media-product-setting.ab-file .ab-regist .ui.form tbody tr td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.media-product-setting.ab-file .ab-regist table tbody tr td p + a, .media-product-setting.ab-file .ab-regist .ui.form tbody tr td p + a { margin-top: 10px; }

.media-product-setting.ab-file .ab-regist table .separate-date, .media-product-setting.ab-file .ab-regist .ui.form .separate-date { display: inline-block; vertical-align: middle; }

@media screen and (max-width: 1100px) { .media-product-setting.ab-file .ab-regist tbody td .select-group { min-width: 90px !important; width: 90px !important; } }

@media screen and (max-width: 1210px) { .media-product-setting .input-group .radio-group .select-group { min-width: 90px !important; width: 90px !important; } }

.media-product-setting .media-info-regist { padding-top: 60px; }

.media-product-setting .media-info-regist.pd150 { padding-bottom: 150px; }

.media-product-setting .media-info-regist.top-fixed-pd { padding-top: 225px; }

.media-product-setting .media-info-regist.top-fixed-pd.on { padding-top: 128px; }

.media-product-setting .media-info-regist.top-fixed-pd.scroll { padding-top: 276px; }

.media-product-setting .media-info-regist.top-fixed-pd.scroll.on { padding-top: 158px; }

.media-product-setting .media-info-regist .regist-description { margin-bottom: 60px; padding: 20px; background-color: #f7f7f7; box-sizing: border-box; }

.media-product-setting .media-info-regist .regist-description .text-description { font-size: 13px; }

.media-product-setting .media-info-regist .regist-description .link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.media-product-setting .media-info-regist .text-regist { position: relative; padding-bottom: 10px; border-bottom: 1px solid #919191; }

.media-product-setting .media-info-regist .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.media-product-setting .media-info-regist .text-regist .link { position: absolute; top: 9px; right: 0; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.media-product-setting .media-info-regist .text-regist .desc-regist { position: absolute; top: 2px; right: 0; display: inline-block; padding-left: 10px; color: #919191; font-size: 14px; }

.media-product-setting .media-info-regist .text-regist .desc-regist.ico-red:before { content: ''; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.media-product-setting .media-info-regist .flex.inline .radio-group { flex-grow: 1; flex-shrink: 1; flex-basis: 0; }

.media-product-setting .media-info-regist .flex.inline .radio-group .radio { min-width: 60px; }

.media-product-setting .media-info-regist .ui.form tr th { height: 65px; /*error*/ }

.media-product-setting .media-info-regist .ui.form tr th.veralign-middle { padding-top: 15px; }

.media-product-setting .media-info-regist .ui.form tr th.omission label, .media-product-setting .media-info-regist .ui.form tr th.omission span { color: #e9464a; font-weight: bold; }

.media-product-setting .media-info-regist .ui.form tr td { padding: 15px; min-height: 65px; font-size: 15px; box-sizing: border-box; word-break: break-all; /*error*/ }

.media-product-setting .media-info-regist .ui.form tr td.omission label, .media-product-setting .media-info-regist .ui.form tr td.omission span { color: #e9464a; font-weight: bold; }

.media-product-setting .media-info-regist .ui.form .button.add { margin-top: 35px; }

.media-product-setting .media-info-regist .ui.form .input-group > .label > label, .media-product-setting .media-info-regist .ui.form .text-group > .label > label { font-size: 15px; }

.media-product-setting .media-info-regist .ui.form textarea { height: 120px; }

.media-product-setting .media-info-regist .ui.form .inquiry-method { position: relative; }

.media-product-setting .media-info-regist .ui.form .inquiry-method .select-group, .media-product-setting .media-info-regist .ui.form .inquiry-method .ui.dropdown, .media-product-setting .media-info-regist .ui.form .inquiry-method .ui.dropdown button { display: inline-block; min-width: 300px; width: 300px; vertical-align: middle; }

.media-product-setting .media-info-regist .ui.form .inquiry-method .link { display: inline-block; margin-left: 5px; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.media-product-setting .media-info-regist .ui.form .inquiry-method .button-area { margin-top: -15px; text-align: right; }

.media-product-setting .media-info-regist .ui.form .text-group .file > label.disabled { background-color: #e9e9e9 !important; border: 1px solid #e9e9e9 !important; cursor: initial !important; }

.media-product-setting .media-info-regist .ui.form .ui.calendar input { min-width: auto; }

.media-product-setting .media-info-regist + .media-info-regist { padding-top: 80px; }

.media-product-setting .media-info-regist .bg-box { background-color: #f7f7f7; border-radius: 5px; }

.media-product-setting .media-info-regist .bg-box.pd20 { padding: 20px; }

.media-product-setting .media-info-regist .text-info { font-size: 15px; }

.media-product-setting .media-info-regist .text-info .link { display: inline-block; margin-left: 5px; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.media-product-setting .media-info-regist .keyword-group { padding: 10px 15px; border: 1px solid #e5e5e5; }

.media-product-setting .media-info-regist .keyword-group span { margin-right: 9px; color: #6e6e6e; cursor: pointer; }

.media-product-setting .media-info-regist .keyword-group span.on { color: #2b2b2b; font-weight: 500; }

.media-product-setting .media-info-regist .key-choice { padding-top: 14px; }

.media-product-setting .media-info-regist .key-choice strong { padding: 0 8px; font-weight: 500; }

.media-product-setting .media-info-regist .key-choice strong:before { content: '['; font-weight: 300; }

.media-product-setting .media-info-regist .key-choice strong:after { content: ']'; font-weight: 300; }

.media-product-setting .media-info-regist.cartoon-regist .search { position: relative; }

.media-product-setting .media-info-regist.cartoon-regist .search .input { display: inline-block; padding-right: 0; width: 50%; vertical-align: middle; }

.media-product-setting .media-info-regist.cartoon-regist .search .button { margin-left: 3px; }

.media-product-setting .media-info-regist.cartoon-regist .radio-group .radio { display: inline-block; min-width: 90px; }

.media-product-setting .media-info-regist.cartoon-regist .radio-group .radio + .radio { margin-left: 10px; }

.media-product-setting .media-info-regist.cartoon-regist .radio-group .input { display: inline-block; vertical-align: middle; }

.media-product-setting .media-info-regist.cartoon-regist .radio-group .radio + .input { margin-left: 5px; }

.media-product-setting .media-info-regist.cartoon-regist .keyword-list { margin: -5px 0 0 -3px; }

.media-product-setting .media-info-regist.cartoon-regist .keyword-list li { display: inline-block; width: 138px; margin: 5px 0 0 3px; }

.media-product-setting .media-info-regist.cartoon-regist .keyword-list.view li { margin-left: 30px; width: auto; }

.media-product-setting .media-info-regist.cartoon-regist .keyword-list.view li:first-child { margin-left: 0; }

.media-product-setting .media-info-regist.cartoon-regist .file span + .fileupload { width: 50%; }

.media-product-setting .media-info-regist.cartoon-regist .file + .file { margin-top: 10px; }

.media-product-setting .media-info-regist.audio-regist .radio-group .radio { display: inline-block; min-width: 90px; }

.media-product-setting .media-info-regist.audio-regist .radio-group .radio + .radio { margin-left: 10px; }

.media-product-setting .media-info-regist.audio-regist .file span + .fileupload { width: 50%; }

.media-product-setting .media-info-regist.audio-regist .file + .file { margin-top: 10px; }

.media-product-setting .media-info-regist.top-detail { padding-top: 0; border-top: 1px solid #919191; }

.media-product-setting .media-info-regist.top-detail .ui.form tr td { height: 65px; }

.media-product-setting .media-info-regist.top-detail .ui.form tr td.label { vertical-align: middle; background-color: #fbfbfb; background-clip: padding-box; }

.media-product-setting .media-info-regist + .media-step-top .step-list li, .media-product-setting .media-info-regist ~ .media-step-top .step-list li { cursor: pointer; }

.media-product-setting .media-info-regist .charge-list li + li { margin-top: 10px; }

.media-product-setting .media-info-regist .charge-list li .add-charge { display: inline-block; margin-left: 2px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_plus_g.png) center no-repeat; background-size: 13px auto; }

.media-product-setting .media-info-regist .charge-list li .minus-charge { display: inline-block; margin-left: 5px; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_minus.png) center no-repeat; background-size: 13px auto; }

.media-product-setting .media-info-regist .dupli-area .input { padding-right: 83px; }

.media-product-setting .media-info-regist .dupli-area .button { position: absolute; top: 0; right: 0; }

.media-product-setting .media-info-regist .desc-tootip .list-type li { position: relative; padding-left: 10px; }

.media-product-setting .media-info-regist .desc-tootip .list-type li:before { content: '•'; position: absolute; top: 0; left: 0; font-size: 13px; }

.media-product-setting .media-info-regist .market-list li { position: relative; float: left; margin-right: 18px; }

.media-product-setting .media-info-regist .market-list li:before { content: ''; display: inline-block; position: absolute; top: 4px; left: -9px; width: 1px; height: 15px; background-color: #dedede; }

.media-product-setting .media-info-regist .market-list li:first-child:before { display: none; }

.media-product-setting .media-info-regist .market-list:after { content: ''; display: block; clear: both; }

.media-product-setting .button-area { padding-top: 60px; text-align: center; }

.media-product-setting .button-area a { display: inline-block; }

.media-product-setting .media-step-top .step-list li > .link { display: block; }

@media screen and (max-width: 1100px) { .media-product-setting .ui.form .text-group .file .fileupload { width: 55%; } }

.media-step-top { margin-top: 15px; }

.media-step-top .step-list { padding: 15px; background-color: #f7f7f7; border-radius: 5px; }

.media-step-top .step-list:after { content: ''; display: block; clear: both; }

.media-step-top .step-list li { position: relative; float: left; width: 33.3%; text-align: center; }

.media-step-top .step-list li p { color: #919191; font-size: 14px; }

.media-step-top .step-list li.on p { color: #181818; font-size: 14px; }

.media-step-top .step-list li.on .title-step { font-weight: 700; }

.media-step-top .step-list li + li::before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0px; margin-top: -5px; width: 9px; height: 16px; background: url(../img/img_arrow_right_03.png) center no-repeat; }

.media-step-top .step-list.type-2 li { width: 50%; }

.media-step-top .step-list.type-4 li { width: 25%; }

.media-step-top .step-list.type-5 li { width: 20%; }

.layer-pop.multimedia .layerpop-box .layerpop-cont { max-height: none; }

.layer-pop.multimedia .layerpop-box .layerpop-cont .table-regist { table-layout: fixed; }

.layerpop-cont .text-regist { position: relative; }

.layerpop-cont .text-regist:after { content: ''; display: block; clear: both; }

.layerpop-cont .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.layerpop-cont .text-regist .link { color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.layerpop-cont .text-regist .desc-regist { position: relative; float: right; padding-left: 10px; color: #919191; font-size: 14px; }

.layerpop-cont .text-regist .desc-regist.ico-red:before { content: ''; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.media-regist-pop { /*error*/ }

.media-regist-pop tr th, .media-regist-pop tr td { padding: 19px 10px 15px 10px; font-size: 15px; height: 60px; box-sizing: border-box; }

.media-regist-pop .table-regist tr th { background-color: #fbfbfb; }

.media-regist-pop .table-regist .w170 { min-width: 170px !important; width: 170px !important; }

.media-regist-pop.cartoon-search table { font-size: 14px; }

.media-regist-pop.cartoon-search table tr { border-bottom: 1px solid #dedede; }

.media-regist-pop.cartoon-search table.search th { padding-left: 20px; vertical-align: middle; background: #fbfbfb; }

.media-regist-pop.cartoon-search table.search .select-group, .media-regist-pop.cartoon-search table.search .ui.dropdown, .media-regist-pop.cartoon-search table.search .ui.dropdown .ui.button { display: inline-block; width: 150px; vertical-align: middle; }

.media-regist-pop.cartoon-search table.search td .ui.form { border-bottom: 0; }

.media-regist-pop.cartoon-search table.search + .button-area { text-align: center; }

.media-regist-pop.cartoon-search .desc-top { display: block; margin-top: 30px; color: #919191; font-size: 13px; text-align: right; }

.media-regist-pop .table-type { border-top: 1px solid #919191 !important; }

.media-regist-pop .table-type td { padding: 3px; height: 40px; text-align: center; word-break: break-all; }

.media-regist-pop .table-type td p { word-break: break-all; }

.media-regist-pop .table-type th { padding: 0 3px; height: 40px; text-align: center; font-weight: 500; vertical-align: middle; box-sizing: border-box; }

.media-regist-pop .table-type.type2 thead th { padding: 8px 3px; height: 40px; vertical-align: middle; box-sizing: border-box; }

.media-regist-pop .table-type.type2 tbody td { padding: 0 3px; height: 40px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }

.media-regist-pop .table-type.type3 thead th { padding: 5px 3px; font-size: 10px; vertical-align: middle; }

.media-regist-pop .table-type.type3 tbody td { padding-left: 5px; padding-right: 5px; height: 60px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.media-regist-pop .table-type.type3 tbody td p + p { margin-top: 5px; }

.media-regist-pop .table-type.type4 thead th { padding: 5px 3px; font-size: 10px; vertical-align: middle; }

.media-regist-pop .table-type.type4 tbody td { padding-left: 5px; padding-right: 5px; height: 60px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.media-regist-pop .table-type.type4 tbody td p + p { margin-top: 5px; }

.media-regist-pop .title-product { margin-bottom: 15px; font-size: 14px; font-weight: 700; }

.media-regist-pop .ui.calendar.all { min-width: 150px; width: 150px !important; }

.media-regist-pop .bg-box { padding: 20px; background-color: #f7f7f7; box-sizing: border-box; }

.media-regist-pop .bg-box .info-regist { margin-bottom: 10px; font-size: 13px; word-break: break-all; }

.media-regist-pop .bg-box .input-group { position: relative; }

.media-regist-pop .bg-box .input-group .button { position: absolute; top: 0; right: 0; }

.media-regist-pop .bg-box input, .media-regist-pop .bg-box button { background-color: #fff; }

.media-regist-pop .bg-box .input { padding-right: 83px; }

.media-regist-pop .bg-box .desc-regist { margin-top: 10px; color: #919191; font-size: 12px; }

.media-regist-pop .bg-box .desc-regist.list li { position: relative; padding-left: 10px; }

.media-regist-pop .bg-box .desc-regist.list li:before { content: '-'; position: absolute; top: 0; left: 0; color: #919191; font-size: 12px; }

.media-regist-pop .button-area { margin: 60px 0 0 0; text-align: right; }

.media-regist-pop .w80 { width: 80px !important; min-width: 80px !important; }

.media-regist-pop.dupli .dupli-area { position: relative; }

.media-regist-pop.dupli .dupli-area .input-group { display: inline-block; width: 70%; }

.media-regist-pop.vertify .ui.calendar { display: inline-block; width: 130px; }

.media-regist-pop.vertify .ui.calendar.time { width: 55px; }

.media-regist-pop.vertify .text-calendar { font-size: 15px; line-height: 35px; }

.media-regist-pop.ui.form .input-group > .label, .media-regist-pop.ui.form .text-group > .label { margin-bottom: 10px; padding: 0; width: auto; }

.media-regist-pop.ui.form .input-group th, .media-regist-pop.ui.form .input-group td { vertical-align: middle; }

.media-regist-pop.ui.form .text-group th, .media-regist-pop.ui.form .text-group td { vertical-align: top; }

.media-regist-pop.ui.form .input-group.count th { padding-top: 19px; padding-left: 12px; background-color: transparent; vertical-align: top; }

.media-regist-pop.ui.form .input { padding: 0; }

.media-regist-pop.ui.form .input .w125 { width: 125px !important; }

.media-regist-pop.ui.form .input .w150 { width: 150px !important; }

.media-regist-pop.ui.form .input.date { display: inline-block; min-width: 250px; width: 250px; vertical-align: middle; }

.media-regist-pop.ui.form input { background-color: #fff; }

.media-regist-pop.ui.form .input-group + .input-group { margin-top: 15px; }

.media-regist-pop.ui.form .search-result { position: absolute; top: 45px; left: 0; width: 100%; min-height: 221px; max-height: 221px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.media-regist-pop.ui.form .search-result .result-list { min-height: 100px; }

.media-regist-pop.ui.form .search-result .result-list li .no-data { padding: 82px 0; font-size: 14px; text-align: center; }

.media-regist-pop.ui.form .search-result .result-list li + li { margin-top: 15px; }

.media-regist-pop.ui.form .search-result .result-list li a { display: block; box-sizing: border-box; }

.media-regist-pop.ui.form .search-result .result-list li .cont-inner { position: relative; min-height: 52px; box-sizing: border-box; }

.media-regist-pop.ui.form .search-result .result-list li .cont-inner .img { position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-top: -26px; }

.media-regist-pop.ui.form .search-result .result-list li .cont-inner .img img { width: 50px; border-radius: 5px; border: 1px solid #e1e1e1; }

.media-regist-pop.ui.form .search-result .result-list li .cont-inner .search-text .desc { padding: 0 0 0 65px; font-size: 13px; word-break: break-all; }

.media-regist-pop.ui.form .search-result .result-list li .cont-inner .search-text .info { padding: 0 0 0 65px; margin-top: 3px; font-size: 13px; color: #919191; word-break: break-all; }

.media-regist-pop.ui.form .input-group .gubun-group div { display: inline-block; }

.media-regist-pop.ui.form .input-group .gubun-group .gubun { padding: 0 3px; }

.media-regist-pop.ui.form .input-group.date .date-group { display: inline-block; }

.media-regist-pop.ui.form .input-group.date .date-group .ui.calendar { display: inline-block; min-width: 125px; width: 125px; }

.media-regist-pop.ui.form .input-group.date .date-group .ui.calendar.time { margin-left: 3px; min-width: 55px; width: 55px; }

.media-regist-pop.ui.form .input-group.date .gubun { padding: 0 3px; }

.media-regist-pop.ui.form .input-group.search .ui.search.border-rw { position: relative; }

.media-regist-pop.ui.form .input-group .button { font-size: 14px; background-color: #fff; }

.media-regist-pop.ui.form .input-group .selectric .button:after { background-color: #fff; }

.media-regist-pop.ui.form .input-group.dupli td { position: relative; }

.media-regist-pop.ui.form .input-group.dupli .input { display: inline-block; margin-right: 3px; min-width: 250px; max-width: 300px; }

.media-regist-pop.ui.form .input-group.sale th { vertical-align: top; }

.media-regist-pop.ui.form .input-group.sale .radio { display: inline-block; vertical-align: middle; }

.media-regist-pop.ui.form .input-group.sale .select-group { display: inline-block; vertical-align: middle; }

.media-regist-pop.ui.form .input-group.sale .ui.calendar { display: inline-block; vertical-align: middle; }

.media-regist-pop.ui.form .input-group.count .radio { display: inline-block; vertical-align: middle; }

.media-regist-pop.ui.form .input-group.count .radio + input { margin-left: 5px; }

.media-regist-pop.ui.form .input-group.count input { display: inline-block; min-width: 55px; width: 55px; }

.media-regist-pop.ui.form .input-group.count .gubun { margin: 0 5px; }

.media-regist-pop.ui.form .input-group.percent .input { display: inline-block; vertical-align: middle; min-width: 170px; width: 170px; }

.media-regist-pop.ui.form .input-group.percent .select-group { display: inline-block; vertical-align: middle; min-width: 150px; }

.media-regist-pop.ui.form .text-group textarea { height: 80px; background-color: #fff; }

.media-regist-pop.ui.form .text-group textarea.w100 { height: 100px; }

.media-regist-pop.ui.form .top-detail { padding-top: 0; border-top: 1px solid #dedede; }

.media-regist-pop.ui.form .top-detail tr { border-bottom: 1px solid #dedede; }

.media-regist-pop.ui.form .top-detail th { height: 60px; vertical-align: middle; background-color: #fbfbfb; background-clip: padding-box; box-sizing: border-box; font-size: 14px; }

.media-regist-pop.ui.form .top-detail td { padding: 5px 10px; height: 55px; }

.media-regist-pop .media-status-history { border-bottom: 1px solid #a7a7a7; }

.media-regist-pop .media-status-history > table { margin-top: 10px; border-top: 1px solid #a7a7a7; }

.media-regist-pop .media-status-history > table thead { border-bottom: 1px solid #f4f4f4; }

.media-regist-pop .media-status-history > table thead th { padding: 15px 0; font-size: 13px; font-weight: 500; text-align: center; vertical-align: middle; }

.media-regist-pop .media-status-history > table tbody tr { border-bottom: 1px solid #f4f4f4; }

.media-regist-pop .media-status-history > table tbody tr td { font-size: 12px; text-align: center; }

.media-regist-pop .media-status-history > table tbody tr td.no-data { padding: 138px 0; }

.media-regist-pop .media-status-history > table .wrap-scroll { height: 504px; max-height: 504px; overflow-y: scroll; }

.media-regist-pop .media-status-history.update > table thead th { padding: 10px 0; }

.media-regist-pop .media-status-history.update > table tbody tr { border-bottom: 1px solid #f4f4f4; }

.media-regist-pop .media-status-history.update > table tbody tr td { padding: 10px 3px; text-align: center; }

.media-regist-pop .media-status-history.update > table tbody tr td:first-child { text-align: center; }

.media-regist-pop .media-status-history.update > table tbody tr td.no-data { padding: 185px 0; }

.media-regist-pop .media-status-history.update > table .wrap-scroll { height: 459px; max-height: 459px; }

.media-regist-pop .media-status-history .top-group:after { content: ''; display: block; clear: both; }

.media-regist-pop .media-status-history .top-group span { font-size: 14px; }

.media-regist-pop .media-status-history .top-group .select-group { display: inline-block; margin-left: 5px; min-width: 90px; width: 90px; vertical-align: middle; text-align: left; }

.media-regist-pop .media-status-history.file > table .wrap-scroll { height: 250px; max-height: 250px; }

.media-regist-pop .event-area { margin-top: 20px; font-size: 14px; }

.media-regist-pop .event-area .title { float: left; width: 120px; padding-top: 3px; }

.media-regist-pop .event-area .desc { float: left; }

.media-regist-pop .event-area .input-group { border-bottom: 0; }

.media-regist-pop .event-area .w80 { display: inline-block; min-width: 80px; width: 80px; }

.media-regist-pop .event-area .w60 { display: inline-block; min-width: 60px; width: 60px; }

.media-regist-pop .event-area .separate-group2 + .button { vertical-align: middle; }

.media-regist-pop .ab-regist table { margin-top: 15px; table-layout: fixed; border-top: 1px solid #919191; }

.media-regist-pop .ab-regist thead tr { padding: 16px 0; font-size: 14px; border-bottom: 1px solid #dedede; }

.media-regist-pop .ab-regist thead tr th { vertical-align: middle; text-align: center; }

.media-regist-pop .ab-regist thead tr th .essen { position: relative; }

.media-regist-pop .ab-regist thead tr th .essen:before { content: ''; display: inline-block; position: absolute; top: -2px; left: -4px; width: 4px; height: 4px; background-color: #e9464a; border-radius: 50%; }

.media-regist-pop .ab-regist tbody tr { border-bottom: 1px solid #e1e1e1; }

.media-regist-pop .ab-regist tbody td { text-align: center; }

.media-regist-pop .ab-regist tbody td.input-group input { min-width: 100px; width: 100px; }

.media-regist-pop .ab-regist tbody td .ui.calendar + .select-group { min-width: 110px; width: 110px; }

.media-regist-pop .ab-regist tbody td .select-group { display: inline-block; vertical-align: middle; min-width: 80px; width: 80px; text-align: left; }

.media-regist-pop .ab-regist tbody td .ui.calendar.time, .media-regist-pop .ab-regist tbody td .ui.calendar.time input { display: inline-block; vertical-align: middle; min-width: 88px; width: 88px; text-align: left; }

.media-regist-pop .ab-regist tbody td .radio-group { text-align: left; }

.media-regist-pop .ab-regist tbody td .ui.calendar + .ui.calendar.time { margin-left: 5px; }

.media-regist-pop .ab-regist tbody td .radio, .media-regist-pop .ab-regist tbody td .ui.calendar { display: inline-block; vertical-align: middle; }

.media-regist-pop .ab-regist tbody td .ui.calendar { min-width: 120px; width: 120px; }

.media-regist-pop .ab-regist tbody td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.media-regist-pop .ab-regist tbody td p + a { margin-top: 10px; }

.media-regist-pop .ab-regist.series .date-group .select-group { min-width: 90px; width: 90px; text-align: left; }

.media-regist-pop .ab-regist.series .date-group .gubun { padding: 10px 0; }

.media-regist-pop .ab-regist .ui.calendar input.disabled, .media-regist-pop .ab-regist .ui.calendar input[disabled=disabled], .media-regist-pop .ab-regist .ui.calendar input:disabled { background-color: #e9e9e9 !important; cursor: initial !important; pointer-events: none; }

.media-regist-pop .ab-regist .ui.calendar input.disabled + .ico-calendar, .media-regist-pop .ab-regist .ui.calendar input[disabled=disabled] + .ico-calendar, .media-regist-pop .ab-regist .ui.calendar input:disabled + .ico-calendar { cursor: initial !important; }

.media-regist-pop.file .file-area .img { margin-top: 10px; padding: 10px; border: 1px solid #e1e1e1; border-radius: 5px; }

.media-regist-pop .preview-books { display: flex; flex-direction: row; min-height: 630px; min-width: 1370px; border-bottom: 1px solid #919191; }

.media-regist-pop .preview-books .left-area { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 75%; }

.media-regist-pop .preview-books .left-area:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; background-color: #f1f1f1; }

.media-regist-pop .preview-books .left-area .arrow { display: block; width: 30px; height: 100%; text-indent: -9999px; }

.media-regist-pop .preview-books .left-area .arrow.left { position: relative; }

.media-regist-pop .preview-books .left-area .arrow.left:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -8px; width: 25px; height: 25px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); }

.media-regist-pop .preview-books .left-area .arrow.right { position: relative; right: 15px; }

.media-regist-pop .preview-books .left-area .arrow.right:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -20px; width: 25px; height: 25px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(135deg); }

.media-regist-pop .preview-books .right-area { position: relative; width: 25%; height: 100%; }

.media-regist-pop .preview-books .right-area .img-list { padding: 10px; min-height: 630px; height: 100%; overflow: auto; }

.media-regist-pop .preview-books .right-area .img-list li { margin-top: 10px; font-size: 13px; }

.media-regist-pop .preview-books .right-area .img-list li:first-child { margin-top: 0; }

.media-regist-pop .preview-books .right-area .img-list li a { display: block; }

.media-regist-pop .preview-books .right-area .img-list li a:hover { color: #0959fa; text-decoration: underline; }

.media-regist-pop .omission label, .media-regist-pop .omission span { color: #e9464a !important; font-weight: bold !important; }

/* multimedia 2020-11-16 */
.ebook-product-setting.top-fixed-pd { padding-top: 45px; }

.ebook-product-setting .w80 { display: inline-block; min-width: 80px !important; width: 80px !important; }

.ebook-product-setting .w80 .dropdown-box, .ebook-product-setting .w80 .ui.button.basic { min-width: 80px !important; width: 80px !important; }

.ebook-product-setting .w100 { display: inline-block; min-width: 100px !important; width: 100px !important; }

.ebook-product-setting .w100 .dropdown-box, .ebook-product-setting .w100 .ui.button.basic { min-width: 100px !important; width: 100px !important; }

.ebook-product-setting .w120 { display: inline-block; min-width: 120px !important; width: 120px !important; }

.ebook-product-setting .w120 .dropdown-box, .ebook-product-setting .w120 .ui.button.basic { min-width: 120px !important; width: 120px !important; }

.ebook-product-setting .w150 { display: inline-block; min-width: 150px !important; width: 150px !important; }

.ebook-product-setting .w150 .dropdown-box, .ebook-product-setting .w150 .ui.button.basic { min-width: 150px !important; width: 150px !important; }

.ebook-product-setting .w170 { display: inline-block; min-width: 170px !important; width: 170px !important; }

.ebook-product-setting .w170 .dropdown-box, .ebook-product-setting .w170 .ui.button.basic { min-width: 170px !important; width: 170px !important; }

.ebook-product-setting .w240 { display: inline-block; min-width: 240px !important; width: 240px !important; }

.ebook-product-setting .w240 .dropdown-box, .ebook-product-setting .w240 .ui.button.basic { min-width: 240px !important; width: 240px !important; }

.ebook-product-setting .w350 { display: inline-block; min-width: 350px !important; width: 350px !important; }

.ebook-product-setting .w350 .dropdown-box, .ebook-product-setting .w350 .ui.button.basic { min-width: 350px !important; width: 350px !important; }

.ebook-product-setting .select-group { text-align: left; display: inline-block; vertical-align: middle; }

.ebook-product-setting .radio-group .separate-date { display: inline-block; vertical-align: middle; }

.ebook-product-setting .radio-group .separate-date .gubun { padding: 0 5px; }

.ebook-product-setting .ui.tab.border.tab-2 li { width: 48%; padding: 0; }

.ebook-product-setting .ui.form tr th { height: 65px; }

.ebook-product-setting .ui.form tr th.veralign-middle { padding-top: 15px; }

.ebook-product-setting .ui.form tr td { min-height: 65px; font-size: 15px; box-sizing: border-box; word-break: break-all; }

.ebook-product-setting .ui.form.table-type tbody td .input { min-width: 0; }

@media screen and (max-width: 1250px) { .ebook-product-setting .ui.form.table-type tbody td .input { width: 50%; min-width: 0; } }

.ebook-product-setting .ui.dropdown { vertical-align: middle; }

.ebook-product-setting .ui.dropdown button { display: inline-block; vertical-align: middle; min-width: 150px; width: 150px; }

.ebook-product-setting .table-type { table-layout: fixed; }

.ebook-product-setting .table-type .txtR { text-align: right !important; }

.ebook-product-setting .table-type .txtL { text-align: left !important; }

.ebook-product-setting .table-type tr { border-bottom: 1px solid #e1e1e1; }

.ebook-product-setting .table-type .no-data { padding: 200px 0; font-size: 15px; text-align: center; }

.ebook-product-setting .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; box-sizing: border-box; }

.ebook-product-setting .table-type tbody td { padding: 10px 5px; height: 60px; font-size: 13px; text-align: center; box-sizing: border-box; word-break: break-all; }

.ebook-product-setting .table-type tbody td .input { display: inline-block; min-width: 0; width: 70%; }

.ebook-product-setting .table-type tbody td .input + .ui.button.basic { margin-left: 5px; }

.ebook-product-setting .table-type tbody td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.ebook-product-setting .table-type.type2 thead th { font-size: 12px; vertical-align: middle; }

.ebook-product-setting .table-type.type2 tbody td { padding-left: 3px; padding-right: 3px; height: 60px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }

.ebook-product-setting .text-regist { position: relative; padding-bottom: 10px; border-bottom: 1px solid #919191; }

.ebook-product-setting .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.ebook-product-setting .text-regist .desc-regist { position: absolute; top: 2px; right: 0; display: inline-block; padding-left: 10px; color: #919191; font-size: 14px; }

.ebook-product-setting .text-regist .desc-regist.ico-red:before { content: ''; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.ebook-product-setting .text-regist .desc-line { display: inline-block; color: #919191; font-size: 13px; vertical-align: 2px; }

.ebook-product-setting .date-group .ui.calendar { display: inline-block; }

.ebook-product-setting .date-group .gubun { padding: 0 5px; }

.ebook-product-setting .date-group .ui.button { padding: 0 10px; min-width: 55px; }

.ebook-product-setting .top-accordion-area { position: relative; }

.ebook-product-setting .top-accordion-area.on .fixed-toogle .fixed-open-button { background: url(../img/img_arrow_down02.png) #c8c8c8 center 6px no-repeat; }

.ebook-product-setting .top-accordion-area .table-row { display: table-row; }

.ebook-product-setting .top-accordion-area .fixed-toogle { text-align: center; }

.ebook-product-setting .top-accordion-area .fixed-toogle .fixed-open-button { display: inline-block; width: 50px; height: 20px; background: url(../img/img_arrow_up03.png) #c8c8c8 center 6px no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-indent: -999em; }

.ebook-product-setting .top-accordion-area .link-right { position: absolute; bottom: -5px; right: 0; }

.ebook-product-setting .top-accordion-area .search-input { position: relative; }

.ebook-product-setting .top-accordion-area .search-input .input { display: inline-block; width: 50%; }

.ebook-product-setting .top-accordion-area .search-input .ui.button { margin-left: 5px; min-width: 80px; }

.ebook-product-setting .top-accordion-area .search-input.type2 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.ebook-product-setting .top-accordion-area .search-input.type2 .input { padding-left: 155px; }

.ebook-product-setting .top-accordion-area .search-input.type3 .ui.button { min-width: 93px; }

.ebook-product-setting .top-accordion-area .search-input.type4 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.ebook-product-setting .top-accordion-area .search-input.type4 .input { padding-left: 155px; padding-right: 0; }

.ebook-product-setting .step-list { margin-top: 15px; padding: 15px; background-color: #f7f7f7; border-radius: 5px; }

.ebook-product-setting .step-list:after { content: ''; display: block; clear: both; }

.ebook-product-setting .step-list li { display: inline-block; position: relative; float: left; width: 33.3%; text-align: center; }

.ebook-product-setting .step-list li p { color: #919191; font-size: 14px; }

.ebook-product-setting .step-list li.on p { color: #181818; }

.ebook-product-setting .step-list li.on .title-step { font-weight: 700; }

.ebook-product-setting .step-list li + li::before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0px; margin-top: -5px; width: 9px; height: 16px; background: url(../img/img_arrow_right_03.png) center no-repeat; }

.ebook-product-setting .step-list.type-1 li { width: 100%; }

.ebook-product-setting .step-list.type-2 li { width: 50%; }

.ebook-product-setting .step-list.type-3 li { width: 33.33333%; }

.ebook-product-setting .step-list.type-4 li { width: 25%; }

.ebook-product-setting .step-list.type-5 li { width: 20%; }

.ebook-product-setting .search-table { table-layout: fixed; }

.ebook-product-setting .search-table th, .ebook-product-setting .search-table td { height: 65px; box-sizing: border-box; }

.ebook-product-setting .search-table td { width: 100%; font-size: 14px; word-break: break-all; }

.ebook-product-setting .search-table .input-group .label { padding-top: 15px; padding-right: 10px; }

.ebook-product-setting .search-table .input-group .label > label { font-size: 15px; }

.ebook-product-setting .search-table .product-input { position: relative; padding-right: 105px; }

.ebook-product-setting .search-table .product-input .ui.button { position: absolute; top: -8px; right: 10px; z-index: 1; }

.ebook-product-setting .search-table .date-group { display: inline-block; vertical-align: top; }

.ebook-product-setting .search-table .date-group .ui.calendar { display: inline-block; }

.ebook-product-setting .search-table .date-group .gubun { padding: 0 5px; }

.ebook-product-setting .search-table .input.w215 { min-width: 215px; width: 215px; }

.ebook-product-setting .search-table.type1 { table-layout: fixed; }

.ebook-product-setting .search-table.type1 tr th, .ebook-product-setting .search-table.type1 tr td { font-size: 14px; }

.ebook-product-setting .search-table.type1 tr td { padding: 10px; }

.ebook-product-setting .dupli-area .input { padding-right: 83px; }

.ebook-product-setting .dupli-area .button { position: absolute; top: 0; right: 0; }

.ebook-product-setting .change-list .add-charge { display: inline-block; vertical-align: middle; margin-left: 2px; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_plus_g.png) center no-repeat; background-size: 13px auto; }

.ebook-product-setting .change-list .minus-charge { display: inline-block; vertical-align: middle; margin-left: 5px; width: 33px; height: 33px; border: 1px solid #c8c8c8; border-radius: 3px; text-indent: -999em; background: url(../img/ico_btn_minus.png) center no-repeat; background-size: 13px auto; }

.ebook-product-setting .keyword-box { padding: 10px; border: 1px solid #e5e5e5; }

.ebook-product-setting .keyword-box span { margin-right: 9px; color: #6e6e6e; cursor: pointer; }

.ebook-product-setting .keyword-box span.on { color: #2b2b2b; font-weight: 500; }

.ebook-product-setting .keyword-choice { margin-top: 10px; }

.ebook-product-setting .keyword-choice span { font-weight: 300; color: #251904; }

.ebook-product-setting .keyword-choice strong { padding: 0 8px; font-weight: 500; }

.ebook-product-setting .keyword-choice strong:before { content: "["; font-weight: 300; }

.ebook-product-setting .keyword-choice strong:after { content: "]"; font-weight: 300; }

.ebook-product-setting .multimedia-info { padding-top: 60px; }

.ebook-product-setting .multimedia-info.top-detail { padding-top: 0; }

.ebook-product-setting .multimedia-info.top-detail td.label { vertical-align: middle; }

.ebook-product-setting .multimedia-info .ui.form .input-group > .label > label, .ebook-product-setting .multimedia-info .ui.form .text-group > .label > label { font-size: 15px; }

.ebook-product-setting .multimedia-info .ui.form thead th label.essen { position: relative; }

.ebook-product-setting .multimedia-info .ui.form thead th label.essen:before { content: ''; display: inline-block; position: absolute; top: -1px; left: -5px; width: 4px; height: 4px; background-color: #e9464a; border-radius: 50%; }

.ebook-product-setting .multimedia-info .ui.form div.file + div.file { margin-top: 5px; }

.ebook-product-setting .multimedia-info + .multimedia-info { padding-top: 80px; }

.ebook-product-setting .multimedia-info + .step-list li, .ebook-product-setting .multimedia-info ~ .step-list li { cursor: pointer; }

.ebook-product-setting .multimedia-info .flex.inline .radio-group { flex-grow: 1; flex-shrink: 1; flex-basis: 0; }

.ebook-product-setting .multimedia-info .ui.calendar, .ebook-product-setting .multimedia-info .ui.radio, .ebook-product-setting .multimedia-info .radio-group .select-group, .ebook-product-setting .multimedia-info .radio-group .input.public-date { display: inline-block; vertical-align: middle; }

.ebook-product-setting .multimedia-info .market-list li { position: relative; float: left; margin-right: 18px; }

.ebook-product-setting .multimedia-info .market-list li:before { content: ''; display: inline-block; position: absolute; top: 4px; left: -9px; width: 1px; height: 15px; background-color: #dedede; }

.ebook-product-setting .multimedia-info .market-list li:first-child:before { display: none; }

.ebook-product-setting .multimedia-info .market-list:after { content: ''; display: block; clear: both; }

.ebook-product-setting .omission label, .ebook-product-setting .omission span { color: #e9464a !important; font-weight: bold !important; }

.ebook-product-setting .invalidBorder { border: 1px solid #e9464a !important; border-radius: 3px !important; }

.ebook-product-setting .invalidBorder .selectric { border: 0 !important; }

/*layer popup*/
.ebook-regist-pop tr th, .ebook-regist-pop tr td { padding: 19px 10px 15px 10px; font-size: 15px; }

.ebook-regist-pop .h80 { height: 80px; }

.ebook-regist-pop .w55 { display: inline-block; min-width: 55px !important; width: 55px !important; }

.ebook-regist-pop .w60 { display: inline-block; min-width: 60px !important; width: 60px !important; }

.ebook-regist-pop .w70 { display: inline-block; min-width: 70px !important; width: 70px !important; }

.ebook-regist-pop .w80 { display: inline-block; min-width: 80px !important; width: 80px !important; }

.ebook-regist-pop .w100 { display: inline-block; min-width: 100px !important; width: 100px !important; }

.ebook-regist-pop .w120 { display: inline-block; min-width: 120px !important; width: 120px !important; }

.ebook-regist-pop .w170 { display: inline-block; min-width: 170px !important; width: 170px !important; }

.ebook-regist-pop .radio-group .separate-date { display: inline-block; vertical-align: middle; }

.ebook-regist-pop .radio-group .separate-date .gubun { padding: 0 5px; }

.ebook-regist-pop.ebook-search table { font-size: 14px; }

.ebook-regist-pop.ebook-search table tr { border-bottom: 1px solid #dedede; }

.ebook-regist-pop.ebook-search table.search th { padding-left: 20px; vertical-align: middle; background: #fbfbfb; }

.ebook-regist-pop.ebook-search table.search .select-group, .ebook-regist-pop.ebook-search table.search .ui.dropdown, .ebook-regist-pop.ebook-search table.search .ui.dropdown .ui.button { display: inline-block; vertical-align: middle; width: 150px; }

.ebook-regist-pop.ebook-search table.search .date-group .ui.calendar { display: inline-block; vertical-align: middle; }

.ebook-regist-pop.ebook-search table.search .date-group .gubun { padding: 0 5px; }

.ebook-regist-pop.ebook-search table.search .date-group .ui.button { padding: 0 10px; min-width: 54px; }

.ebook-regist-pop.ebook-search table.search .search-input { position: relative; }

.ebook-regist-pop.ebook-search table.search .search-input .input { display: inline-block; width: 45%; }

.ebook-regist-pop.ebook-search table.search .search-input .ui.button { margin-left: 3px; min-width: 80px; }

.ebook-regist-pop.ebook-search table.search .search-input.type2 .select-group { display: inline-block; margin-right: 3px; vertical-align: middle; }

.ebook-regist-pop.ebook-search table.search .search-input.type2 .input { display: inline-block; vertical-align: middle; }

.ebook-regist-pop.ebook-search table.search td .ui.form { border-bottom: 0; }

.ebook-regist-pop.ebook-search table.search + .button-area { text-align: center; }

.ebook-regist-pop.ebook-search table .no-data { padding: 50px 0; font-size: 15px; text-align: center; }

.ebook-regist-pop.ebook-search .desc-top { display: block; margin-top: 30px; color: #919191; font-size: 13px; text-align: right; }

.ebook-regist-pop.ebook-search .ui.calendar, .ebook-regist-pop.ebook-search .ui.radio, .ebook-regist-pop.ebook-search .radio-group .select-group, .ebook-regist-pop.ebook-search .radio-group .input.public-date { display: inline-block; vertical-align: middle; }

.ebook-regist-pop .table-type { border-top: 1px solid #919191 !important; }

.ebook-regist-pop .table-type td { padding: 3px; height: 40px; text-align: center; word-break: break-all; }

.ebook-regist-pop .table-type td p { word-break: break-all; }

.ebook-regist-pop .table-type th { padding: 0 3px; height: 40px; text-align: center; font-weight: 500; vertical-align: middle; box-sizing: border-box; }

.ebook-regist-pop .table-type th .essen { position: relative; }

.ebook-regist-pop .table-type th .essen:before { content: ''; display: inline-block; position: absolute; top: -2px; left: -4px; width: 4px; height: 4px; background-color: #e9464a; border-radius: 50%; }

.ebook-regist-pop .table-type.type1 td { padding: 10px 5px; }

.ebook-regist-pop .table-type.type1 .input-group { border-bottom: 0; }

.ebook-regist-pop .table-type.type2 thead th { padding: 8px 3px; height: 40px; vertical-align: middle; box-sizing: border-box; }

.ebook-regist-pop .table-type.type2 tbody td { padding: 0 3px; height: 40px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }

.ebook-regist-pop .table-type.type3 thead th { padding: 5px 3px; font-size: 10px; vertical-align: middle; }

.ebook-regist-pop .table-type.type3 tbody td { padding-left: 5px; padding-right: 5px; height: 60px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.ebook-regist-pop .table-type.type3 tbody td p + p { margin-top: 5px; }

.ebook-regist-pop .table-type.type4 thead th { padding: 5px 3px; font-size: 10px; vertical-align: middle; }

.ebook-regist-pop .table-type.type4 tbody td { padding-left: 5px; padding-right: 5px; height: 60px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.ebook-regist-pop .table-type.type4 tbody td p + p { margin-top: 5px; }

.ebook-regist-pop .result-area > .table-result { table-layout: fixed; border-top: 1px solid #919191; }

.ebook-regist-pop .result-area > .table-result thead tr { border-bottom: 1px solid #dedede; }

.ebook-regist-pop .result-area > .table-result thead th { font-size: 13px; font-weight: 500; text-align: center; vertical-align: middle; padding: 10px 0; }

.ebook-regist-pop .result-area > .table-result .no-result { padding: 41px 0; }

.ebook-regist-pop .result-area > .table-result table .no-result { padding: 41px 0; }

.ebook-regist-pop .result-area > .table-result table td { padding: 10px 0; font-size: 12px; text-align: center; word-break: break-all; }

.ebook-regist-pop .result-area > .table-result table td .button { min-width: 70px; }

.ebook-regist-pop .dupli-area .input-group { display: inline-block; width: 70%; }

.ebook-regist-pop .separate-group2 div { display: inline-block; }

.ebook-regist-pop .separate-group2 div.select-group { vertical-align: top; }

.ebook-regist-pop .separate-group2 .gubun { display: block; padding: 0 3px; }

.ebook-regist-pop .separate-group2 .ui.calendar + .select-group { margin-left: 5px; }

.ebook-regist-pop .event-area { margin-top: 20px; font-size: 14px; }

.ebook-regist-pop .event-area .title { display: inline-block; float: left; padding-top: 3px; }

.ebook-regist-pop .event-area .desc { display: inline-block; float: left; }

.ebook-regist-pop .event-area .input-group { border-bottom: 0; }

/*autocomplete ui*/
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-family: 'notosanskr'; font-weight: 400; font-size: 13px; min-height: 150px; max-height: 150px; overflow-y: auto; }

.ui-autocomplete.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; background: none; background-color: #fff; box-shadow: 0 0 10px -6px; }

.ui-autocomplete.ui-menu .ui-menu { position: absolute; }

.ui-autocomplete.ui-menu .ui-menu-item { margin: 0; cursor: pointer; background-color: #fff; }

.ui-autocomplete.ui-menu .ui-menu-item a { display: block; }

.ui-autocomplete.ui-menu .bold-text { font-weight: bold; }

.ui-autocomplete.ui-menu .ui-menu-item-wrapper { position: relative; padding: 5px 10px 5px 5px; box-sizing: border-box; }

.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active { margin: 0; border: 0; background: none; color: #000; font-weight: 400; text-decoration: underline; }

.ui-autocomplete.ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }

.ui-autocomplete.ui-menu .ui-state-focus, .ui-autocomplete.ui-menu .ui-state-active { margin: 0; }

.ui-autocomplete.ui-menu .ui-widget-content { background-color: #fff; }

.shopping-iframe.web iframe { min-width: 1100px; }

.shopping-iframe.web .top-sub-info.ui { position: absolute; top: 0; left: 0; min-width: none; width: 100%; }

.shopping-product-setting.top-fixed-pd { padding-top: 45px; }

.shopping-product-setting.top-fixed-pd > .shopping-info-regist:first-child { padding-top: 0; }

.shopping-product-setting .w150 { display: inline-block; min-width: 150px !important; width: 150px !important; }

.shopping-product-setting table td, .shopping-product-setting table th { height: 65px; box-sizing: border-box; }

.shopping-product-setting .table-type { table-layout: fixed; }

.shopping-product-setting .table-type tr { border-bottom: 1px solid #e1e1e1; }

.shopping-product-setting .table-type .no-data { padding: 200px 0; font-size: 15px; text-align: center; }

.shopping-product-setting .table-type thead th { padding: 15px 0; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; box-sizing: border-box; }

.shopping-product-setting .table-type tbody td { padding: 10px 2px; height: 60px; font-size: 15px; text-align: center; box-sizing: border-box; word-break: break-all; }

.shopping-product-setting .table-type tbody td p + p, .shopping-product-setting .table-type tbody td a + p { padding-top: 10px; }

.shopping-product-setting .table-type tbody td p + a { margin-top: 10px; }

.shopping-product-setting .table-type tbody td .text-link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.shopping-product-setting .table-type tbody td .fileupload + label { vertical-align: middle; }

.shopping-product-setting .table-type.type2 thead th { font-size: 12px; vertical-align: middle; }

.shopping-product-setting .table-type.type2 tbody td { padding-left: 3px; padding-right: 3px; height: 60px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }

.shopping-product-setting .table-type.type3 thead th { padding: 0 3px; height: 50px; font-size: 10px; vertical-align: middle; }

.shopping-product-setting .table-type.type3 tbody td { padding: 0 3px; height: 80px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.shopping-product-setting .table-type .scroll-wrap { max-height: 450px; overflow-y: auto; }

.shopping-product-setting .top-accordion-area, .shopping-product-setting .search-area { position: relative; }

.shopping-product-setting .top-accordion-area.on .fixed-toogle .fixed-open-button, .shopping-product-setting .search-area.on .fixed-toogle .fixed-open-button { background: url(../img/img_arrow_down02.png) #c8c8c8 center 6px no-repeat; }

.shopping-product-setting .top-accordion-area .table-row, .shopping-product-setting .search-area .table-row { display: table-row; }

.shopping-product-setting .top-accordion-area .fixed-toogle, .shopping-product-setting .search-area .fixed-toogle { text-align: center; }

.shopping-product-setting .top-accordion-area .fixed-toogle .fixed-open-button, .shopping-product-setting .search-area .fixed-toogle .fixed-open-button { display: inline-block; width: 50px; height: 20px; background: url(../img/img_arrow_up03.png) #c8c8c8 center 6px no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-indent: -999em; }

.shopping-product-setting .top-accordion-area .link-right, .shopping-product-setting .search-area .link-right { position: absolute; bottom: -5px; right: 0; }

.shopping-product-setting .top-accordion-area .date-group .ui.calendar, .shopping-product-setting .search-area .date-group .ui.calendar { display: inline-block; }

.shopping-product-setting .top-accordion-area .date-group .gubun, .shopping-product-setting .search-area .date-group .gubun { padding: 0 5px; }

.shopping-product-setting .top-accordion-area .date-group .ui.button, .shopping-product-setting .search-area .date-group .ui.button { padding: 0 10px; min-width: 55px; }

.shopping-product-setting .top-accordion-area .date-group2 .select-group, .shopping-product-setting .search-area .date-group2 .select-group { vertical-align: middle; }

.shopping-product-setting .top-accordion-area .date-group2 .input, .shopping-product-setting .search-area .date-group2 .input { display: inline-block; margin-left: 3px; min-width: 170px; width: 170px; }

.shopping-product-setting .top-accordion-area .search-input, .shopping-product-setting .search-area .search-input { position: relative; }

.shopping-product-setting .top-accordion-area .search-input .input, .shopping-product-setting .search-area .search-input .input { display: inline-block; width: 50%; }

.shopping-product-setting .top-accordion-area .search-input .ui.button, .shopping-product-setting .search-area .search-input .ui.button { margin-left: 5px; min-width: 80px; }

.shopping-product-setting .top-accordion-area .search-input.type2 .select-group, .shopping-product-setting .search-area .search-input.type2 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.shopping-product-setting .top-accordion-area .search-input.type2 .input, .shopping-product-setting .search-area .search-input.type2 .input { padding-left: 155px; }

.shopping-product-setting .top-accordion-area .search-input.type3 .ui.button, .shopping-product-setting .search-area .search-input.type3 .ui.button { min-width: 93px; }

.shopping-product-setting .top-accordion-area .search-input.type4 .select-group, .shopping-product-setting .search-area .search-input.type4 .select-group { position: absolute; top: 0; left: 0; z-index: 1; }

.shopping-product-setting .top-accordion-area .search-input.type4 .input, .shopping-product-setting .search-area .search-input.type4 .input { padding-left: 155px; padding-right: 0; }

.shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .search-area .radio-group .radio { min-width: 110px; }

.shopping-product-setting .top-accordion-area .checkbox-group .checkbox + .shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .radio + .shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .checkbox + .shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .radio + .shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .search-area .checkbox-group .checkbox + .shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .search-area .checkbox-group .radio + .shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .search-area .radio-group .checkbox + .shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .search-area .radio-group .radio + .shopping-product-setting .top-accordion-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .checkbox + .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .checkbox-group .radio + .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .radio-group .checkbox + .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .radio-group .radio + .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .search-area .checkbox-group .checkbox + .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .search-area .checkbox-group .radio + .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .search-area .radio-group .checkbox + .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .search-area .radio-group .radio + .shopping-product-setting .top-accordion-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .checkbox-group .checkbox + .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .radio + .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .checkbox + .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .radio + .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .search-area .checkbox-group .checkbox + .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .search-area .checkbox-group .radio + .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .search-area .radio-group .checkbox + .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .search-area .radio-group .radio + .shopping-product-setting .top-accordion-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .checkbox + .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .top-accordion-area .checkbox-group .radio + .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .top-accordion-area .radio-group .checkbox + .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .top-accordion-area .radio-group .radio + .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .search-area .checkbox-group .checkbox + .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .search-area .checkbox-group .radio + .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .search-area .radio-group .checkbox + .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .search-area .radio-group .radio + .shopping-product-setting .top-accordion-area .radio-group .radio, .shopping-product-setting .top-accordion-area .checkbox-group .checkbox + .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .radio + .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .checkbox + .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .radio + .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .search-area .checkbox-group .checkbox + .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .search-area .checkbox-group .radio + .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .search-area .radio-group .checkbox + .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .search-area .radio-group .radio + .shopping-product-setting .search-area .checkbox-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .checkbox + .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .checkbox-group .radio + .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .radio-group .checkbox + .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .radio-group .radio + .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .search-area .checkbox-group .checkbox + .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .search-area .checkbox-group .radio + .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .search-area .radio-group .checkbox + .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .search-area .radio-group .radio + .shopping-product-setting .search-area .checkbox-group .radio, .shopping-product-setting .top-accordion-area .checkbox-group .checkbox + .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .radio + .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .checkbox + .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .radio-group .radio + .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .search-area .checkbox-group .checkbox + .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .search-area .checkbox-group .radio + .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .search-area .radio-group .checkbox + .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .search-area .radio-group .radio + .shopping-product-setting .search-area .radio-group .checkbox, .shopping-product-setting .top-accordion-area .checkbox-group .checkbox + .shopping-product-setting .search-area .radio-group .radio, .shopping-product-setting .top-accordion-area .checkbox-group .radio + .shopping-product-setting .search-area .radio-group .radio, .shopping-product-setting .top-accordion-area .radio-group .checkbox + .shopping-product-setting .search-area .radio-group .radio, .shopping-product-setting .top-accordion-area .radio-group .radio + .shopping-product-setting .search-area .radio-group .radio, .shopping-product-setting .search-area .checkbox-group .checkbox + .shopping-product-setting .search-area .radio-group .radio, .shopping-product-setting .search-area .checkbox-group .radio + .shopping-product-setting .search-area .radio-group .radio, .shopping-product-setting .search-area .radio-group .checkbox + .shopping-product-setting .search-area .radio-group .radio, .shopping-product-setting .search-area .radio-group .radio + .shopping-product-setting .search-area .radio-group .radio { margin-left: 10px; }

.shopping-product-setting .top-accordion-area .date-group .button.basic, .shopping-product-setting .search-area .date-group .button.basic { min-width: 55px; }

.shopping-product-setting .search-area .checkbox-group .checkbox { min-width: 120px; }

.shopping-product-setting .del { text-decoration: line-through; }

.shopping-product-setting .ui.calendar, .shopping-product-setting .ui.radio, .shopping-product-setting .radio-group .select-group, .shopping-product-setting .radio-group .input.public-date { display: inline-block; vertical-align: middle; z-index: 1; }

.shopping-product-setting .shopping-info-regist { padding-top: 60px; }

.shopping-product-setting .shopping-info-regist.pd150 { padding-bottom: 150px; }

.shopping-product-setting .shopping-info-regist.top-fixed-pd { padding-top: 225px; }

.shopping-product-setting .shopping-info-regist.top-fixed-pd.on { padding-top: 128px; }

.shopping-product-setting .shopping-info-regist.top-fixed-pd.scroll { padding-top: 276px; }

.shopping-product-setting .shopping-info-regist.top-fixed-pd.scroll.on { padding-top: 158px; }

.shopping-product-setting .shopping-info-regist .regist-description { margin-bottom: 60px; padding: 20px; background-color: #f7f7f7; box-sizing: border-box; }

.shopping-product-setting .shopping-info-regist .regist-description .text-description { font-size: 13px; }

.shopping-product-setting .shopping-info-regist .regist-description .link { color: #0959fa; text-decoration: underline; text-underline-position: under; }

.shopping-product-setting .shopping-info-regist .text-regist { position: relative; padding-bottom: 10px; border-bottom: 1px solid #919191; }

.shopping-product-setting .shopping-info-regist .text-regist .title-regist { display: inline-block; font-size: 18px; font-weight: 700; }

.shopping-product-setting .shopping-info-regist .text-regist .link { position: absolute; top: 9px; right: 0; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.shopping-product-setting .shopping-info-regist .text-regist .desc-regist { position: absolute; top: 2px; right: 0; display: inline-block; padding-left: 10px; color: #919191; font-size: 14px; }

.shopping-product-setting .shopping-info-regist .text-regist .desc-regist.ico-red:before { content: ''; position: absolute; display: inline-block; top: 9px; left: 0; width: 4px; height: 4px; line-height: 18px; background-color: #ea5255; border-radius: 50%; text-indent: -999em; }

.shopping-product-setting .shopping-info-regist .logo_icon { display: inline-block; padding-right: 5px; width: 16px; height: 22px; background: url(../img/img_main_part05_h.png) left center no-repeat; background-size: 16px; text-indent: -9999em; }

.shopping-product-setting .shopping-info-regist .ui.form tr th { height: 65px; /*error*/ }

.shopping-product-setting .shopping-info-regist .ui.form tr th.veralign-middle { padding-top: 15px; }

.shopping-product-setting .shopping-info-regist .ui.form tr th.omission label, .shopping-product-setting .shopping-info-regist .ui.form tr th.omission span { color: #e9464a; font-weight: bold; }

.shopping-product-setting .shopping-info-regist .ui.form tr td { padding: 15px; min-height: 65px; font-size: 15px; box-sizing: border-box; word-break: break-all; /*error*/ }

.shopping-product-setting .shopping-info-regist .ui.form tr td.omission label, .shopping-product-setting .shopping-info-regist .ui.form tr td.omission span { color: #e9464a; font-weight: bold; }

.shopping-product-setting .shopping-info-regist .ui.form .button.add { margin-top: 35px; }

.shopping-product-setting .shopping-info-regist .ui.form .input-group > .label > label, .shopping-product-setting .shopping-info-regist .ui.form .text-group > .label > label { font-size: 15px; }

.shopping-product-setting .shopping-info-regist .ui.form textarea { height: 120px; }

.shopping-product-setting .shopping-info-regist .ui.form .text-group .file > label.disabled { background-color: #e9e9e9 !important; border: 1px solid #e9e9e9 !important; cursor: initial !important; }

.shopping-product-setting .shopping-info-regist .ui.form .dupli-area .input { padding-right: 85px; }

.shopping-product-setting .shopping-info-regist .ui.form .dupli-area .button { position: absolute; top: 0; right: 0; }

.shopping-product-setting .shopping-info-regist .ui.form .dupli-area.type1 .input { display: inline-block; width: 60%; padding-right: 0; }

.shopping-product-setting .shopping-info-regist .ui.form .dupli-area.type1 .dupli-btn { display: inline-block; vertical-align: middle; }

.shopping-product-setting .shopping-info-regist .ui.form .dupli-area.type1 .dupli-btn .button { position: relative; }

.shopping-product-setting .shopping-info-regist .ui.form .keyword-list { margin: -5px 0 0 -3px; }

.shopping-product-setting .shopping-info-regist .ui.form .keyword-list li { position: relative; display: inline-block; width: 138px; margin: 5px 0 0 3px; }

.shopping-product-setting .shopping-info-regist .ui.form .keyword-list.view li { margin-left: 30px; width: auto; }

.shopping-product-setting .shopping-info-regist .ui.form .keyword-list.view li:first-child { margin-left: 0; }

.shopping-product-setting .shopping-info-regist .ui.form .ui.calendar input { min-width: auto; }

.shopping-product-setting .shopping-info-regist .ui.form .file.essen .fileupload { width: 62%; }

.shopping-product-setting .shopping-info-regist + .shopping-info-regist { padding-top: 80px; }

.shopping-product-setting .shopping-info-regist .bg-box { background-color: #f7f7f7; border-radius: 5px; }

.shopping-product-setting .shopping-info-regist .bg-box.pd20 { padding: 20px; }

.shopping-product-setting .shopping-info-regist .text-info { font-size: 15px; }

.shopping-product-setting .shopping-info-regist .text-info .link { display: inline-block; margin-left: 5px; color: #0959fa; font-size: 12px; text-decoration: underline; text-underline-position: under; }

.shopping-product-setting .shopping-info-regist .keyword-group { padding: 10px 15px; border: 1px solid #e5e5e5; }

.shopping-product-setting .shopping-info-regist .keyword-group span { margin-right: 9px; color: #6e6e6e; cursor: pointer; }

.shopping-product-setting .shopping-info-regist .keyword-group span.on { color: #2b2b2b; font-weight: 500; }

.shopping-product-setting .shopping-info-regist .key-choice { padding-top: 14px; }

.shopping-product-setting .shopping-info-regist .key-choice strong { padding: 0 8px; font-weight: 500; }

.shopping-product-setting .shopping-info-regist .key-choice strong:before { content: '['; font-weight: 300; }

.shopping-product-setting .shopping-info-regist .key-choice strong:after { content: ']'; font-weight: 300; }

.shopping-product-setting .shopping-info-group.hide .shopping-info-regist table { display: none; }

.shopping-product-setting .shopping-info-group.hide .shopping-info-regist .text-regist .desc-regist, .shopping-product-setting .shopping-info-group.hide .shopping-info-regist .text-regist .link { display: none; }

.shopping-product-setting .shopping-info-group.hide .button-reserve-area .link-reserve.up { display: none; }

.shopping-product-setting .shopping-info-group.hide .button-reserve-area .link-reserve.down { display: block; }

.shopping-product-setting .shopping-info-group.hide .shopping-info-regist + .shopping-info-regist { padding-top: 30px; }

.shopping-product-setting .shopping-info-group .button-reserve-area { margin-top: 20px; text-align: right; }

.shopping-product-setting .shopping-info-group .button-reserve-area .link-reserve { display: inline-block; position: relative; padding-right: 40px; font-size: 14px; line-height: 30px; }

.shopping-product-setting .shopping-info-group .button-reserve-area .link-reserve.up .ico-arrow { background: url(../img/img_arrow_up02.png) center no-repeat; }

.shopping-product-setting .shopping-info-group .button-reserve-area .link-reserve.down { display: none; }

.shopping-product-setting .shopping-info-group .button-reserve-area .ico-arrow { position: absolute; top: 0; right: 0; width: 30px; height: 30px; font-size: 0; border: 1px solid #c8c8c8; border-radius: 3px; background: url(../img/img_sel_arrow_down02.png) center no-repeat; }

.shopping-product-setting .rewrite .button-area { padding-top: 30px; text-align: right; }

.shopping-product-setting .button-area { padding-top: 60px; text-align: center; }

.shopping-product-setting .button-area a { display: inline-block; }

.shopping-product-setting .ui.tootip .tootip-box table { color: #fff; font-size: 13px; border-top: 1px solid #fff; }

.shopping-product-setting .ui.tootip .tootip-box table th { height: auto; vertical-align: middle; }

.shopping-product-setting .ui.tootip .tootip-box table td { font-size: 13px; height: auto; text-align: left; }

.w150 { display: inline-block; min-width: 150px !important; width: 150px !important; }

.list-type { font-size: 13px; }

.list-type li { position: relative; padding-left: 10px; }

.list-type li:before { content: '-'; position: absolute; top: 0; left: 0; font-size: 13px; }

.list-type.type2 li { position: relative; padding-left: 20px; }

.list-type.type2 li:before { content: '※'; position: absolute; top: 1px; left: 0; font-size: 13px; }

.list-type.none li:before { display: none; }

.list-type.none li { padding: 5px 0; }

.list-type.none li:first-child { padding-top: 0; }

.list-type.point-line span { display: block; font-size: 16px; line-height: 22px; text-decoration: underline; text-underline-position: under; font-weight: 500; }

.layer-pop .shopping-regist-pop .w250 { min-width: 250px !important; width: 250px; vertical-align: middle; }

.layer-pop .shopping-regist-pop .dupli-area .input { padding-right: 85px; }

.layer-pop .shopping-regist-pop .dupli-area .button { position: absolute; top: 0; right: 0; }

.layer-pop .shopping-regist-pop .dupli-area.type1 .input { display: inline-block; width: 60%; padding-right: 0; }

.layer-pop .shopping-regist-pop .dupli-area.type1 .dupli-btn { display: inline-block; vertical-align: middle; }

.layer-pop .shopping-regist-pop .dupli-area.type1 .dupli-btn .button { position: relative; }

.layer-pop .shopping-regist-pop .keyword-list { margin: -5px 0 0 -3px; }

.layer-pop .shopping-regist-pop .keyword-list li { position: relative; display: inline-block; width: 138px; margin: 5px 0 0 3px; }

.layer-pop .shopping-regist-pop .keyword-list.view li { margin-left: 30px; width: auto; }

.layer-pop .shopping-regist-pop .keyword-list.view li:first-child { margin-left: 0; }

.layer-pop .shopping-regist-pop .ui.form .input-group .file .fileupload { width: 60%; }

.layer-pop .shopping-regist-pop .search-result { position: absolute; top: 45px; right: 0; width: 100%; min-height: 180px; max-height: 180px; z-index: 3; padding: 10px 15px 15px 15px; background-color: #fff; border: 1px solid #c4c4c4; box-shadow: 0 0 10px -6px; border-radius: 5px; box-sizing: border-box; overflow-y: auto; }

.layer-pop .shopping-regist-pop .search-result .result-list li a { display: block; }

.layer-pop .shopping-regist-pop .search-result .result-list li a .desc { font-size: 13px; word-break: break-all; }

.layer-pop .shopping-regist-pop .search-result .result-list li + li { margin-top: 15px; }

.layer-pop .shopping-regist-pop .search-result .result-list li:hover { text-decoration: underline; }

.layer-pop .shopping-regist-pop .shopping-search tr td { position: relative; }

.layer-pop .shopping-status-history { border-bottom: 1px solid #a7a7a7; }

.layer-pop .shopping-status-history > table { margin-top: 10px; border-top: 1px solid #a7a7a7; }

.layer-pop .shopping-status-history > table thead { border-bottom: 1px solid #f4f4f4; }

.layer-pop .shopping-status-history > table thead th { padding: 15px 0; font-size: 13px; font-weight: 500; text-align: center; vertical-align: middle; }

.layer-pop .shopping-status-history > table tbody tr { border-bottom: 1px solid #f4f4f4; }

.layer-pop .shopping-status-history > table tbody tr td { font-size: 12px; text-align: center; }

.layer-pop .shopping-status-history > table tbody tr td.no-data { padding: 138px 0; }

.layer-pop .shopping-status-history > table .wrap-scroll { height: 504px; max-height: 504px; overflow-y: scroll; }

.layer-pop .shopping-status-history .top-group:after { content: ''; display: block; clear: both; }

.layer-pop .shopping-status-history .top-group span { font-size: 14px; }

.layer-pop .shopping-status-history .top-group .select-group { display: inline-block; margin-left: 5px; min-width: 90px; width: 90px; vertical-align: middle; text-align: left; }

.layer-pop .shopping-regist-pop { /*error*/ }

.layer-pop .shopping-regist-pop tr th, .layer-pop .shopping-regist-pop tr td { padding: 19px 10px 15px 10px; font-size: 15px; height: 60px; box-sizing: border-box; }

.layer-pop .shopping-regist-pop .table-regist tr th { background-color: #fbfbfb; }

.layer-pop .shopping-regist-pop .table-regist .w170 { min-width: 170px !important; width: 170px !important; }

.layer-pop .shopping-regist-pop .table-type { border-top: 1px solid #919191 !important; }

.layer-pop .shopping-regist-pop .table-type td { padding: 3px; height: 40px; text-align: center; word-break: break-all; }

.layer-pop .shopping-regist-pop .table-type td p { word-break: break-all; }

.layer-pop .shopping-regist-pop .table-type th { padding: 0 3px; height: 40px; text-align: center; font-weight: 500; vertical-align: middle; box-sizing: border-box; }

.layer-pop .shopping-regist-pop .table-type.type2 thead th { padding: 8px 3px; height: 40px; vertical-align: middle; box-sizing: border-box; }

.layer-pop .shopping-regist-pop .table-type.type2 tbody td { padding: 0 3px; height: 40px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }

.layer-pop .shopping-regist-pop .table-type.type3 thead th { padding: 5px 3px; font-size: 10px; vertical-align: middle; }

.layer-pop .shopping-regist-pop .table-type.type3 tbody td { padding-left: 5px; padding-right: 5px; height: 60px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.layer-pop .shopping-regist-pop .table-type.type3 tbody td p + p { margin-top: 5px; }

.layer-pop .shopping-regist-pop .table-type.type4 thead th { padding: 5px 3px; font-size: 10px; vertical-align: middle; }

.layer-pop .shopping-regist-pop .table-type.type4 tbody td { padding-left: 5px; padding-right: 5px; height: 60px; box-sizing: border-box; font-size: 10px; vertical-align: middle; }

.layer-pop .shopping-regist-pop .table-type.type4 tbody td p + p { margin-top: 5px; }

.layer-pop .shopping-regist-pop .title-product { margin-bottom: 15px; font-size: 14px; font-weight: 700; }

.layer-pop .shopping-regist-pop .ui.calendar.all { min-width: 150px; width: 150px !important; }

.layer-pop .shopping-regist-pop .bg-box { padding: 20px; background-color: #f7f7f7; box-sizing: border-box; }

.layer-pop .shopping-regist-pop .bg-box .info-regist { margin-bottom: 10px; font-size: 13px; word-break: break-all; }

.layer-pop .shopping-regist-pop .bg-box .input-group { position: relative; }

.layer-pop .shopping-regist-pop .bg-box .input-group .button { position: absolute; top: 0; right: 0; }

.layer-pop .shopping-regist-pop .bg-box input, .layer-pop .shopping-regist-pop .bg-box button { background-color: #fff; }

.layer-pop .shopping-regist-pop .bg-box .input { padding-right: 83px; }

.layer-pop .shopping-regist-pop .bg-box .desc-regist { margin-top: 10px; color: #919191; font-size: 12px; }

.layer-pop .shopping-regist-pop .bg-box .desc-regist.list li { position: relative; padding-left: 10px; }

.layer-pop .shopping-regist-pop .bg-box .desc-regist.list li:before { content: '-'; position: absolute; top: 0; left: 0; color: #919191; font-size: 12px; }

.layer-pop .shopping-regist-pop .button-area { margin: 60px 0 0 0; text-align: right; }

.layer-pop .shopping-regist-pop.dupli .dupli-area { position: relative; }

.layer-pop .shopping-regist-pop.dupli .dupli-area .input-group { display: inline-block; width: 70%; }

.layer-pop .shopping-regist-pop.ui.form .input-group > .label, .layer-pop .shopping-regist-pop.ui.form .text-group > .label { margin-bottom: 10px; padding: 0; width: auto; }

.layer-pop .shopping-regist-pop.ui.form .input-group th, .layer-pop .shopping-regist-pop.ui.form .input-group td { vertical-align: middle; }

.layer-pop .shopping-regist-pop.ui.form .text-group th, .layer-pop .shopping-regist-pop.ui.form .text-group td { vertical-align: top; }

.layer-pop .shopping-regist-pop.ui.form .input-group.count th { padding-top: 19px; padding-left: 12px; background-color: transparent; vertical-align: top; }

.layer-pop .shopping-regist-pop.ui.form .input { padding: 0; }

.layer-pop .shopping-regist-pop.ui.form .input .w125 { width: 125px !important; }

.layer-pop .shopping-regist-pop.ui.form .input .w150 { width: 150px !important; }

.layer-pop .shopping-regist-pop.ui.form .input.date { display: inline-block; min-width: 250px; width: 250px; vertical-align: middle; }

.layer-pop .shopping-regist-pop.ui.form .input-group + .input-group { margin-top: 15px; }

.layer-pop .shopping-regist-pop.ui.form .input-group .gubun-group div { display: inline-block; }

.layer-pop .shopping-regist-pop.ui.form .input-group .gubun-group .gubun { padding: 0 3px; }

.layer-pop .shopping-regist-pop.ui.form .input-group.date .date-group { display: inline-block; }

.layer-pop .shopping-regist-pop.ui.form .input-group.date .date-group .ui.calendar { display: inline-block; min-width: 125px; width: 125px; }

.layer-pop .shopping-regist-pop.ui.form .input-group.date .date-group .ui.calendar.time { margin-left: 3px; min-width: 55px; width: 55px; }

.layer-pop .shopping-regist-pop.ui.form .input-group.date .gubun { padding: 0 3px; }

.layer-pop .shopping-regist-pop.ui.form .input-group.search .ui.search.border-rw { position: relative; }

.layer-pop .shopping-regist-pop.ui.form .input-group .button { font-size: 14px; background-color: #fff; }

.layer-pop .shopping-regist-pop.ui.form .input-group .selectric .button:after { background-color: #fff; }

.layer-pop .shopping-regist-pop.ui.form .input-group.dupli td { position: relative; }

.layer-pop .shopping-regist-pop.ui.form .input-group.dupli .input { display: inline-block; margin-right: 3px; min-width: 250px; max-width: 300px; }

.layer-pop .shopping-regist-pop.ui.form .text-group textarea { height: 80px; background-color: #fff; }

.layer-pop .shopping-regist-pop.ui.form .text-group textarea.w100 { height: 100px; }

.layer-pop .shopping-regist-pop.ui.form .top-detail { padding-top: 0; border-top: 1px solid #dedede; }

.layer-pop .shopping-regist-pop.ui.form .top-detail tr { border-bottom: 1px solid #dedede; }

.layer-pop .shopping-regist-pop.ui.form .top-detail th { height: 60px; vertical-align: middle; background-color: #fbfbfb; background-clip: padding-box; box-sizing: border-box; font-size: 14px; }

.layer-pop .shopping-regist-pop.ui.form .top-detail td { padding: 5px 10px; height: 55px; }

.layer-pop .shopping-regist-pop .omission label, .layer-pop .shopping-regist-pop .omission span { color: #e9464a !important; font-weight: bold !important; }

.content.global .product-info-regist.global-input-wrap { padding-bottom: 30px; }

.content.global .product-info-regist.global-input-wrap .ui.dropdown { display: inline-block; }

.content.global .bg-orange { background-color: rgba(246, 163, 147, 0.23); }

.content.global .bg-blue { background-color: rgba(11, 107, 193, 0.13); }

.content.global .global-content .product-info-regist:first-child { padding-top: 0; }

.content.global .product-price-info table { border-top: 0; }

.content.global .channel-setting label { display: inline-block; }

.content.global .channel-setting label.mrb70 { margin-bottom: 70px !important; }

.content.global .channel-setting .button.basic { position: absolute; left: 12px; bottom: 15px; }

.content.global .channel-setting .global-channel li { padding: 15px; display: flex; align-items: center; }

.content.global .channel-setting .global-channel li:not(:last-child) { border-bottom: 1px solid #dedede; }

.content.global .channel-setting .global-channel .channel-left { width: 35%; padding-right: 15px; box-sizing: border-box; display: flex; align-items: center; }

.content.global .channel-setting .global-channel .channel-left img { margin-right: 10px; }

.content.global .channel-setting .global-channel .channel-right { width: 65%; padding-right: 15px; box-sizing: border-box; }

.content.global .local-price td { position: relative; }

.content.global .local-price td .input-front { display: inline-block; width: 220px; height: 35px; margin: 0 !important; position: absolute; top: -5px; left: 25px; }

.content.global .local-price td .base-price { position: relative; }

.content.global .local-price td .base-price input { width: 150px !important; }

.content.global .product-info-regist.in-app-product .input-group td .base-price { font-size: 15px; }

.content.global .product-info-regist.in-app-product .input-group td .base-price input { width: 180px; text-align: right; margin-left: 25px; margin-right: 10px; }

.content.global .product-info-regist.in-app-product .input-group td .base-price span { margin-left: 28px; }

.content.global .product-info-regist.in-app-product .input-group td .base-price span.mrl10 { margin-left: 10px !important; }

.content.global .product-info-regist.in-app-product .input-group td .base-price.w400 { width: 400px; }

.content.global .product-info-regist.in-app-product .input-group td .subscribe-period { display: inline-block; font-size: 15px; }

.content.global .product-info-regist.in-app-product .input-group td .subscribe-period input { width: 180px; margin-right: 10px; }

.content.global .product-info-regist.in-app-product .input-group td .subscribe-period + .radio-group { display: inline-block; }

.content.global .product-info-regist.in-app-product .input-group td .subscribe-period.w400 { width: 400px; }

.content.global .product-info-regist.in-app-product .input-group .button { position: static; }

.content.global .product-info-regist.in-app-product .dupli-area .button { position: absolute; }

.content.global .product-info-regist.in-app-product ~ .btn-area { text-align: center; }

.content.global .product-info-regist table.table-price tr { border-bottom: 1px solid #e1e1e1; }

.content.global .product-info-regist table.table-price tr:last-child { border-bottom: 0; }

.content.global .product-info-regist table.table-price tr.bb2 { border-bottom: 2px solid #e1e1e1; }

.content.global .product-info-regist table.table-price td { height: 50px; text-align: center; }

.content.global .product-info-regist table.table-price td .text-input { text-align: left; }

.content.global .product-info-regist table.table-price td input.w200 { width: 200px; }

.content.global .product-info-regist table.table-price th { text-align: center; vertical-align: middle; height: 50px; }

.content.global .product-info-regist table.table-price th label { padding-left: 0; }

.content.global .product-info-regist table.table-price .button-close { display: inline-block; width: 20px; height: 25px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; background-size: 15px; }

.content.global .product-info-regist .button-add-area { position: absolute; left: 12px; bottom: 15px; }

.content.global .product-customer-setting .product-comment .comment-writter { position: relative; }

.content.global .product-customer-setting .product-comment .comment-writter .report { position: absolute; top: 15px; right: 10px; }

.global-product-info { border-top: 1px solid #a7a7a7; }

.global-product-info th { padding: 15px; font-weight: 500; }

.global-product-info td { padding-top: 20px; padding-bottom: 20px; }

.global-product-info.lang tbody { overflow: scroll; display: block; overflow-x: hidden; min-height: 320px; height: 320px; }

.global-product-info.lang tbody tr { display: block; }

.global-product-info.lang-select-pop .scroll-wrap { overflow-y: scroll; }

.global-product-info.lang-select-pop .scroll-wrap.h320 { max-height: 320px; }

.global-product-info.lang-select-pop .checkbox label { display: block; }

.global-product-info.lang-select-pop thead th { text-align: center; }

.global-product-info.lang-select-pop .country tbody td span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.global-product-info.lang-select-pop .country tbody td span label:before, .global-product-info.lang-select-pop .country tbody td span label:after { top: 50%; margin-top: -11.5px; }

.layer-pop.global { /*언어추가*/ /*GB_AP_MS_AB_03_POPUP_02*/ }

.layer-pop.global > .cont-inner { min-height: 400px; }

.layer-pop.global .global-language-info .setup_wrap { width: 92%; }

.layer-pop.global .global-language-info .setup_wrap .left, .layer-pop.global .global-language-info .setup_wrap .right { width: 280px; }

.layer-pop.global .global-language-info .setup_wrap .list-box ul { height: 360px; }

.layer-pop.global .global-language-info .setup_wrap .button-close { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 35px; height: 35px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

.layer-pop .pop-gb-language { min-height: 218px; }

.product-setup-country.global-setup .left-setup { width: 23%; }

.product-setup-country.global-setup .left-setup .setup-country-list li { font-size: 14px !important; }

.product-setup-country.global-setup .button-arrow a { left: 33%; }

.product-setup-country.global-setup .right-setup { width: 57%; }

.product-setup-country.global-setup .right-setup tr { border-bottom: 1px solid #dedede; }

.product-setup-country.global-setup .right-setup th { padding: 15px; font-weight: 500; text-align: center; }

.product-setup-country.global-setup .right-setup .select-business { position: relative; padding-right: 40px; }

.product-setup-country.global-setup .right-setup .select-business .button-close { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 35px; height: 35px; text-indent: -999em; background: url(../img/img_close_03.png) center no-repeat; }

/*# sourceMappingURL=../maps/style.css.map */