@charset "UTF-8";
@import "./style.css";
/** supplier ver.0.0.8 **/
/* reset css var. 0.2.1 */
/* reset */
html { font-size: 10px; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; }

fieldset, img { border: 0 none; }

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

blockquote, q { quotes: none; }

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

input, select, textarea, button { vertical-align: middle; }

button { border: 0 none; background-color: transparent; cursor: pointer; }

body { background: #fff; }

body, th, td, input, select, textarea, button { font-size: 1.4rem; line-height: 1.2; font-family: 'Malgun Gothic', '맑은 고딕', sans-serif; color: #333; }

a { color: #333; text-decoration: none; }

a:active, a:hover { text-decoration: underline; }

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

/* reset end */
body { -webkit-text-size-adjust: none; }

input[type=text], input[type=password], input[type=submit], input[type=search] { -webkit-appearance: none; }

input:checked[type=checkbox] { background-color: #666; -webkit-appearance: checkbox; }

button, input[type=button], input[type=submit], input[type=reset], input[type=file] { -webkit-appearance: button; }

input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* 전역 css var. 0.3.0 */
.text_left { text-align: left !important; }

.text_center { text-align: center !important; }

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

.text_custom { color: #353d52 !important; }

.bg_custom { background: #353d52 !important; }

.text_gray { color: #868e96 !important; }

.text_darkgray { color: #343a40 !important; }

.text_brightgray { color: #adb5bd !important; }

.text_blue { color: #339af0 !important; }

.text_darkblue { color: #1c7ed6 !important; }

.text_brightblue { color: #74c0fc !important; }

.text_red { color: #ff6b6b !important; }

.text_darkred { color: #e03131 !important; }

.text_brightred { color: #ffa8a8 !important; }

.text_green { color: #40c057 !important; }

.text_darkgreen { color: #2f9e44 !important; }

.text_brightgreen { color: #69db7c !important; }

.text_yellow { color: #fab005 !important; }

.text_darkyellow { color: #f08c00 !important; }

.text_brightyellow { color: #ffd43b !important; }

.text_white { color: #ffffff !important; }

.text_black { color: #000000 !important; }

.text_bold { font-weight: 600 !important; }

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

.text_lighter { font-weight: 100 !important; }

.bg_blue0 { background: #e7f5ff !important; }

.bg_red0 { background: #fff5f5 !important; }

.bg_yellow0 { background: #fff9db !important; }

.float_left, .fl_left { float: left !important; }

.float_right, .fl_right { float: right !important; }

.float_clear { clear: both; }

.clearfix:after, .cont:after, .function:after, .header__infobox:after, .footer__list:after, .signup__cont:after, .signup__progress:after { content: ''; display: block; clear: both; }

.ir_pm { display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -999.9rem; }

.ir_wa { display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%; }

.flex { display: flex !important; }

.flex_inline { display: inline-flex !important; }

.flex_row { flex-direction: row; }

.flex_column { flex-direction: column; }

.mt_auto { margin-top: auto !important; }

.mr_auto { margin-right: auto !important; }

.mb_auto { margin-bottom: auto !important; }

.ml_auto { margin-left: auto !important; }

.ma_auto { margin: auto !important; }

/* 테이블 */
.tbl_comm { width: 100%; border-spacing: 0; border-collapse: collapse; word-break: break-all; background: #ffffff; }

.tbl_comm > thead > tr > th { padding: .8rem .6rem; border: 0.1rem solid #dee2e6; font-weight: normal; font-size: 1.3rem; line-height: 1.4; background: #f8f9fa; color: #868e96; }

.tbl_comm > tbody > tr > th { padding: .8rem .6rem; border: 0.1rem solid #dee2e6; font-weight: normal; font-size: 1.3rem; line-height: 1.4; background: #f8f9fa; color: #868e96; }

.tbl_comm > tbody > tr > td { padding: .8rem .6rem; border: 0.1rem solid #dee2e6; font-size: 1.4rem; line-height: 1.4; }

.tbl_comm--small > thead > tr > th { padding: .3rem .6rem; }

.tbl_comm--small > tbody > tr > th { padding: .3rem .6rem; }

.tbl_comm--small > tbody > tr > td { padding: .3rem .6rem; }

.tbl_comm--nostyle > thead > tr > th { padding: 0; border: 0; background: #fff; }

.tbl_comm--nostyle > tbody > tr > th { padding: 0; border: 0; background: #fff; }

.tbl_comm--nostyle > tbody > tr > td { padding: 0; border: 0; background: #fff; }

/** 전역사용 class 끝 **/
* { box-sizing: border-box; }

*:focus { outline: none; }

html { height: 100%; }

body { height: 100%; }

/* 버튼 색상 */
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }

.btn_comm, .function__btn, .signup__btn { display: inline-block; height: 2.8rem; padding: .3rem .8rem; border: 0.1rem solid #adb5bd; border-radius: .3rem; font-size: 1.4rem; line-height: 1.2; background: #ffffff; color: #000000; vertical-align: middle; cursor: pointer; }

.btn_comm:hover, .function__btn:hover, .signup__btn:hover { border-color: #adb5bd; background: #f1f3f5; text-decoration: none; }

.btn_comm:active, .function__btn:active, .signup__btn:active, .btn_comm.active, .active.function__btn, .active.signup__btn { background: rgba(53, 61, 82, 0.8); border-color: transparent; color: #dee2e6; box-shadow: inset 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }

.btn_comm:disabled, .function__btn:disabled, .signup__btn:disabled, .btn_comm.disabled, .disabled.function__btn, .disabled.signup__btn { border-color: #ced4da !important; background: #e9ecef !important; color: #868e96 !important; cursor: default; }

.btn_comm.red, .red.function__btn, .red.signup__btn { border-color: transparent; background: #f03e3e; color: #f8f9fa; }

.btn_comm.red:hover, .red.function__btn:hover, .red.signup__btn:hover { border-color: #e03131; background: #fa5252; text-decoration: none; }

.btn_comm.red:active, .red.function__btn:active, .red.signup__btn:active, .btn_comm.red.active, .red.active.function__btn, .red.active.signup__btn { background: #e03131; box-shadow: none; }

.btn_comm.green, .green.function__btn, .green.signup__btn { border-color: transparent; background: #37b24d; color: #f8f9fa; }

.btn_comm.green:hover, .green.function__btn:hover, .green.signup__btn:hover { border-color: #2f9e44; background: #40c057; text-decoration: none; }

.btn_comm.green:active, .green.function__btn:active, .green.signup__btn:active, .btn_comm.green.active, .green.active.function__btn, .green.active.signup__btn { background: #2f9e44; box-shadow: none; }

.btn_comm.blue, .blue.function__btn, .blue.signup__btn { border-color: transparent; background: #228be6; color: #f8f9fa; }

.btn_comm.blue:hover, .blue.function__btn:hover, .blue.signup__btn:hover { border-color: #228be6; background: #339af0; text-decoration: none; }

.btn_comm.blue:active, .blue.function__btn:active, .blue.signup__btn:active, .btn_comm.blue.active, .blue.active.function__btn, .blue.active.signup__btn { background: #228be6; box-shadow: none; }

.btn_comm--second, .signup__btn--second { border-color: #adb5bd; background: transparent; color: #343a40; box-shadow: none; }

.btn_comm--second:hover, .signup__btn--second:hover { border-color: #adb5bd; background: #f8f9fa; box-shadow: none; }

.btn_comm--second:active, .signup__btn--second:active, .btn_comm--second.active, .active.signup__btn--second { background: #e7f5ff; box-shadow: none; }

.btn_comm--second.red, .red.signup__btn--second { border-color: #ffa8a8; background: transparent; color: #e03131; }

.btn_comm--second.red:hover, .red.signup__btn--second:hover { border-color: #ff8787; background: #fff5f5; box-shadow: none; }

.btn_comm--second.red:active, .red.signup__btn--second:active, .btn_comm--second.red.active, .red.active.signup__btn--second { background: #fff5f5; box-shadow: none; }

.btn_comm--second.green, .green.signup__btn--second { border-color: #8ce99a; background: transparent; color: #2f9e44; }

.btn_comm--second.green:hover, .green.signup__btn--second:hover { border-color: #69db7c; background: #ebfbee; box-shadow: none; }

.btn_comm--second.green:active, .green.signup__btn--second:active, .btn_comm--second.green.active, .green.active.signup__btn--second { background: #ebfbee; box-shadow: none; }

.btn_comm--second.blue, .blue.signup__btn--second { border-color: #339af0; background: transparent; color: #1971c2; }

.btn_comm--second.blue:hover, .blue.signup__btn--second:hover { border-color: #4dabf7; background: #e7f5ff; box-shadow: none; }

.btn_comm--second.blue:active, .blue.signup__btn--second:active, .btn_comm--second.blue.active, .blue.active.signup__btn--second { background: #e7f5ff; box-shadow: none; }

.btn_comm--third, .signup__btn--third { border-color: transparent; background: transparent; color: #343a40; text-decoration: underline; box-shadow: none; }

.btn_comm--third:hover, .signup__btn--third:hover { border-color: transparent; background: #f8f9fa; text-decoration: underline; box-shadow: none; }

.btn_comm--third:active, .signup__btn--third:active, .btn_comm--third.active, .active.signup__btn--third { border-color: transparent; background: transparent; box-shadow: none; }

.btn_comm--third.red, .red.signup__btn--third { border-color: transparent; background: transparent; color: #e03131; }

.btn_comm--third.red:hover, .red.signup__btn--third:hover { border-color: transparent; background: #fff5f5; text-decoration: underline; box-shadow: none; }

.btn_comm--third.red:active, .red.signup__btn--third:active, .btn_comm--third.red.active, .red.active.signup__btn--third { border-color: transparent; background: #fff5f5; box-shadow: none; }

.btn_comm--third.green, .green.signup__btn--third { border-color: transparent; background: transparent; color: #2f9e44; }

.btn_comm--third.green:hover, .green.signup__btn--third:hover { border-color: transparent; background: #ebfbee; text-decoration: underline; box-shadow: none; }

.btn_comm--third.green:active, .green.signup__btn--third:active, .btn_comm--third.green.active, .green.active.signup__btn--third { border-color: transparent; background: #ebfbee; box-shadow: none; }

.btn_comm--third.blue, .blue.signup__btn--third { border-color: transparent; background: transparent; color: #1971c2; }

.btn_comm--third.blue:hover, .blue.signup__btn--third:hover { border-color: transparent; background: #e7f5ff; text-decoration: underline; box-shadow: none; }

.btn_comm--third.blue:active, .blue.signup__btn--third:active, .btn_comm--third.blue.active, .blue.active.signup__btn--third { border-color: transparent; background: #e7f5ff; box-shadow: none; }

.btn_small { display: inline-block; padding: .4rem; border: 0.1rem solid #adb5bd; border-radius: .3rem; font-size: 1.2rem; line-height: 1.2; background: #ffffff; color: #000000; vertical-align: middle; cursor: pointer; }

.btn_small:hover { border-color: #adb5bd; background: #f1f3f5; text-decoration: none; }

.btn_small:active, .btn_small.active { background: #495057; border-color: transparent; color: #dee2e6; box-shadow: inset 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }

.btn_small:disabled, .btn_small.disabled { border-color: #ced4da !important; background: #e9ecef !important; color: #868e96 !important; cursor: default; }

.btn_small.red { border-color: #e03131; background: #f03e3e; color: #f8f9fa; }

.btn_small.red:hover { border-color: #e03131; background: #fa5252; text-decoration: none; }

.btn_small.red:active, .btn_small.red.active { background: #e03131; box-shadow: none; }

.btn_small.green { border-color: #2f9e44; background: #37b24d; color: #f8f9fa; }

.btn_small.green:hover { border-color: #2f9e44; background: #40c057; text-decoration: none; }

.btn_small.green:active, .btn_small.green.active { background: #2f9e44; box-shadow: none; }

.btn_small.blue { border-color: #1971c2; background: #1c7ed6; color: #f8f9fa; }

.btn_small.blue:hover { border-color: #1971c2; background: #228be6; text-decoration: none; }

.btn_small.blue:active, .btn_small.blue.active { background: #1971c2; box-shadow: none; }

.btn_small--second { border-color: #adb5bd; background: transparent; color: #343a40; box-shadow: none; }

.btn_small--second:hover { border-color: #adb5bd; background: #f8f9fa; box-shadow: none; }

.btn_small--second:active, .btn_small--second.active { background: #e7f5ff; box-shadow: none; }

.btn_small--second.red { border-color: #ffa8a8; background: transparent; color: #e03131; }

.btn_small--second.red:hover { border-color: #ff8787; background: #fff5f5; box-shadow: none; }

.btn_small--second.red:active, .btn_small--second.red.active { background: #fff5f5; box-shadow: none; }

.btn_small--second.green { border-color: #8ce99a; background: transparent; color: #2f9e44; }

.btn_small--second.green:hover { border-color: #69db7c; background: #ebfbee; box-shadow: none; }

.btn_small--second.green:active, .btn_small--second.green.active { background: #ebfbee; box-shadow: none; }

.btn_small--second.blue { border-color: #339af0; background: transparent; color: #1971c2; }

.btn_small--second.blue:hover { border-color: #4dabf7; background: #e7f5ff; box-shadow: none; }

.btn_small--second.blue:active, .btn_small--second.blue.active { background: #e7f5ff; box-shadow: none; }

.btn_small--third { border-color: transparent; background: transparent; color: #343a40; text-decoration: underline; box-shadow: none; }

.btn_small--third:hover { border-color: transparent; background: #f8f9fa; text-decoration: underline; box-shadow: none; }

.btn_small--third:active, .btn_small--third.active { border-color: transparent; background: transparent; box-shadow: none; }

.btn_small--third.red { border-color: transparent; background: transparent; color: #e03131; }

.btn_small--third.red:hover { border-color: transparent; background: #fff5f5; text-decoration: underline; box-shadow: none; }

.btn_small--third.red:active, .btn_small--third.red.active { border-color: transparent; background: #fff5f5; box-shadow: none; }

.btn_small--third.green { border-color: transparent; background: transparent; color: #2f9e44; }

.btn_small--third.green:hover { border-color: transparent; background: #ebfbee; text-decoration: underline; box-shadow: none; }

.btn_small--third.green:active, .btn_small--third.green.active { border-color: transparent; background: #ebfbee; box-shadow: none; }

.btn_small--third.blue { border-color: transparent; background: transparent; color: #1971c2; }

.btn_small--third.blue:hover { border-color: transparent; background: #e7f5ff; text-decoration: underline; box-shadow: none; }

.btn_small--third.blue:active, .btn_small--third.blue.active { border-color: transparent; background: #e7f5ff; box-shadow: none; }

.btn_icon { display: inline-flex; padding: .4rem; border-radius: .3rem; background: #ffffff; color: #000000; cursor: pointer; }

.btn_icon:hover { background-color: #e9ecef; text-decoration: none; }

.btn_icon:hover [class^="icon-"] { color: #212529; }

.btn_icon [class^="icon-"] { justify-content: center; align-items: center; font-size: 2.4rem; color: #868e96; }

/* */
.btngroup { display: inline-flex; }

.btngroup > li { display: inline-block; }

.btngroup > li .btn_comm, .btngroup > li .function__btn, .btngroup > li .signup__btn { min-width: 5.5rem; border-left-color: transparent; border-radius: 0; }

.btngroup > li:first-child .btn_comm, .btngroup > li:first-child .function__btn, .btngroup > li:first-child .signup__btn { border-left-color: #adb5bd; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; }

.btngroup > li:last-child .btn_comm, .btngroup > li:last-child .function__btn, .btngroup > li:last-child .signup__btn { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; }

/* 입력폼 */
.tf_comm, .signup__tf { display: inline-block; min-height: 2.8rem; padding: .1rem .4rem; border: 0.1rem solid #adb5bd; border-radius: .3rem; font-size: 1.4rem; line-height: 1.4; vertical-align: middle; box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.075); }

.tf_comm:disabled, .signup__tf:disabled { border-color: #ced4da; background-color: #f8f9fa; color: #495057; }

.tf_comm:focus, .signup__tf:focus { background: #d0ebff; }

/* 셀렉트박스 */
select { padding-right: 1.5rem !important; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/supplier/ico_selectdown_b.png); background-position: right center; background-repeat: no-repeat; }

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

.opt_comm { display: inline-block; height: 2.8rem; border: 0.1rem solid #adb5bd; border-radius: .3rem; padding: .1rem .4rem; font-size: 1.4rem; background-image: url(../img/supplier/ico_selectdown_b.png); background-position: right center; background-repeat: no-repeat; color: #495057; vertical-align: middle; }

.opt_comm::-ms-expand { display: none; }

.opt_comm:disabled { border-color: #adb5bd; background-color: #f8f9fa; color: #868e96; }

.opt_comm:focus { background-color: #d0ebff; }

/* 이미지 체크박스 */
.checkbox_comm, .custom__checkbox, .search__checkbox, .login__checkbox, .terms__checkbox { display: inline-block; margin-left: .2rem; margin-right: 1.5rem; }

.checkbox_comm input[type=checkbox], .custom__checkbox input[type=checkbox], .search__checkbox input[type=checkbox], .login__checkbox input[type=checkbox], .terms__checkbox input[type=checkbox] { display: none; }

.checkbox_comm label, .custom__checkbox label, .search__checkbox label, .login__checkbox label, .terms__checkbox label { display: flex; cursor: pointer; letter-spacing: -.1rem; }

.checkbox_comm i, .custom__checkbox i, .search__checkbox i, .login__checkbox i, .terms__checkbox i { width: 1.4rem; height: 1.4rem; margin: auto 0; margin-right: .4rem; background: url(../img/supplier/img_icon_v1.png) no-repeat -1rem -1rem; vertical-align: middle; text-indent: -999.9rem; }

.checkbox_comm input[type=checkbox]:checked + label > i, .custom__checkbox input[type=checkbox]:checked + label > i, .search__checkbox input[type=checkbox]:checked + label > i, .login__checkbox input[type=checkbox]:checked + label > i, .terms__checkbox input[type=checkbox]:checked + label > i { background-position: -4rem -1rem; }

.checkbox_comm input[type=checkbox]:disabled + label, .custom__checkbox input[type=checkbox]:disabled + label, .search__checkbox input[type=checkbox]:disabled + label, .login__checkbox input[type=checkbox]:disabled + label, .terms__checkbox input[type=checkbox]:disabled + label { color: #a9a9a9; }

.checkbox_comm input[type=checkbox]:disabled + label > i, .custom__checkbox input[type=checkbox]:disabled + label > i, .search__checkbox input[type=checkbox]:disabled + label > i, .login__checkbox input[type=checkbox]:disabled + label > i, .terms__checkbox input[type=checkbox]:disabled + label > i { background-position: -7rem -1rem; }

.checkbox_comm input[type=checkbox]:checked:disabled + label > i, .custom__checkbox input[type=checkbox]:checked:disabled + label > i, .search__checkbox input[type=checkbox]:checked:disabled + label > i, .login__checkbox input[type=checkbox]:checked:disabled + label > i, .terms__checkbox input[type=checkbox]:checked:disabled + label > i { background-position: -10rem -1rem; }

/* 이미지 라디오버튼 */
.radio_comm, .search__radio { display: inline-block; margin-left: .2rem; margin-right: 1.5rem; }

.radio_comm input[type="radio"]:not(ie8), .search__radio input[type="radio"]:not(ie8) { display: none; }

.radio_comm input[type="radio"]:not(ie8) + label, .search__radio input[type="radio"]:not(ie8) + label { cursor: pointer; letter-spacing: -.1rem; }

.radio_comm input[type="radio"]:not(ie8) + label > i, .search__radio input[type="radio"]:not(ie8) + label > i { display: inline-block; overflow: hidden; width: 1.4rem; height: 1.4rem; margin-right: .3rem; background: url(../img/supplier/img_icon_v1.png) no-repeat -13rem -1rem; vertical-align: middle; text-indent: -999.9rem; }

.radio_comm input[type="radio"]:not(ie8):checked + label > i, .search__radio input[type="radio"]:not(ie8):checked + label > i { background-position: -16rem -1rem; }

.radio_comm input[type="radio"]:not(ie8):disabled + label, .search__radio input[type="radio"]:not(ie8):disabled + label { color: #a9a9a9; }

.radio_comm input[type="radio"]:not(ie8):disabled + label > i, .search__radio input[type="radio"]:not(ie8):disabled + label > i { background-position: -19rem -1rem; }

.radio_comm input[type="radio"]:not(ie8):checked:disabled + label > i, .search__radio input[type="radio"]:not(ie8):checked:disabled + label > i { background-position: -22rem -1rem; }

/* 이미지 토글버튼 */
.toggle_comm { display: inline-block; margin-right: 1.5rem; outline: 0; line-height: 1; }

.toggle_comm input[type="checkbox"]:not(ie8) { display: none; }

.toggle_comm input[type="checkbox"]:not(ie8) + label { display: inline-block; position: relative; width: 3rem; height: 1.5rem; padding: .2rem; border-radius: 1.3rem; background: #ced4da; cursor: pointer; user-select: none; transition: all .4s ease; }

.toggle_comm input[type="checkbox"]:not(ie8) + label:after { content: ""; display: block; position: relative; width: 50%; height: 100%; left: 0; border-radius: 1.3rem; background: #fff; transition: all .2s ease; }

.toggle_comm input[type="checkbox"]:not(ie8) + label:before { display: none; }

.toggle_comm input[type="checkbox"]:not(ie8):checked + label { background: #228be6; }

.toggle_comm input[type="checkbox"]:not(ie8):checked + label:after { left: 50%; }

.toggle_comm input[type="checkbox"]:not(ie8):disabled + label { display: inline-block; border: .1rem solid #999; width: 1rem; height: 1rem; }

/* 테이블 */
.tbl_comm { width: 100%; border-spacing: 0; border-collapse: collapse; word-break: break-all; }

.tbl_comm > thead > tr > th { padding: .8rem .6rem; border: 0.1rem solid #dee2e6; font-weight: normal; font-size: 1.4rem; line-height: 1.4; background: #f8f9fa; color: #868e96; }

.tbl_comm > tbody > tr > th { padding: .8rem .6rem; border: 0.1rem solid #dee2e6; font-weight: normal; font-size: 1.4rem; line-height: 1.4; background: #f8f9fa; color: #868e96; }

.tbl_comm > tbody > tr > td { padding: .8rem .6rem; border: 0.1rem solid #dee2e6; font-size: 1.4rem; line-height: 1.4; }

.tbl_comm--small > thead > tr > th { padding: .3rem .6rem; }

.tbl_comm--small > tbody > tr > th { padding: .3rem .6rem; }

.tbl_comm--small > tbody > tr > td { padding: .3rem .6rem; }

.tbl_comm--nostyle > thead > tr > th { padding: 0; border: 0; background: #fff; }

.tbl_comm--nostyle > tbody > tr > th { padding: 0; border: 0; background: #fff; }

.tbl_comm--nostyle > tbody > tr > td { padding: 0; border: 0; background: #fff; }

/*******************************************************************************/
/* 레이아웃 */
.layout { height: 100%; }

.layout__wrap { display: flex; flex-direction: row; width: 100%; min-width: 136rem; height: 100%; background: #dee2e6; }

.layout__aside { flex: none; width: 20rem; height: 100%; }

.layout__container { flex: 1; display: flex; flex-direction: column; overflow-y: scroll; height: 100%; }

.layout__header { flex: none; }

.layout__contents { flex: none; margin: 0 1.6rem; }

.layout__footer { flex: none; }

.layout__popupwrap { display: flex; height: 100%; }

/* tab영역 */
.tab { display: block; border-bottom: 0.1rem solid #ced4da; padding: 1rem; }

/* 컨텐츠 */
.cont { display: block; position: relative; }

.cont__tit { display: block; padding: 1rem 0; font-size: 1.8rem; font-weight: 600; color: rgba(0, 0, 0, 0.8); }

.cont__tit:before { content: ''; display: inline-block; width: .4rem; height: 1.8rem; margin: .2rem .5rem 0 0; border-radius: .3rem; background: rgba(0, 0, 0, 0.8); vertical-align: top; letter-spacing: -.1rem; }

.cont__tit > span { margin-left: .2rem; font-size: 1.4rem; font-weight: normal; color: rgba(0, 0, 0, 0.8); }

.cont__txt { margin: 1rem 0; }

.cont__actionbar { padding: 1.6rem 0; }

.cont__subtit { position: relative; margin: .8rem 0; font-size: 1.6rem; font-weight: 600; color: #495057; }

.cont__subtit:before { content: ''; display: inline-block; width: .4rem; height: .4rem; margin: .6rem .5rem 0 0; border-radius: 50%; background: #4dabf7; vertical-align: top; }

.cont__link { text-decoration: underline; }

.cont__hr { margin: 1rem 0; border: none; height: .1rem; background: #dee2e6; }

.cont__hr--noline { background: none; }

.cont__btnbox { display: block; position: relative; margin: 1.5rem 0 1.5rem; }

.cont__margin { padding: 3rem 0; }

.codebox { position: relative; line-height: 0; }

.codebox code { display: block; overflow: auto; padding: 1rem 1rem; font-family: Source Code Pro,sourcecodepro,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace,sans-serif; background: #212529; color: #adb5bd; line-height: 1.5; }

.codebox i { font-style: normal; color: #faa2c1; }

.panel { overflow: hidden; border-radius: .3rem; background: #ffffff; box-shadow: 0.05rem 0.05rem 0.5rem 0.05rem rgba(173, 181, 189, 0.5); }

.panel__header { padding: 1rem 1.2rem; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1); }

.panel__body { padding: 1.2rem; }

.panel__footer { padding: 1rem 1.2rem; border-top: 0.1rem solid #ced4da; background: #ffffff; }

.modal { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 10; }

.modal__content { position: relative; min-width: 40rem; }

.modal__close { position: absolute; top: .8rem; right: 1.8rem; width: 2.4rem; height: 2.4rem; background-image: url(../img/supplier/img_icon_v1.png); background-position: -7.3rem -10.3rem; cursor: pointer; z-index: 10; }

.modal__close:hover { background-position: -11.3rem -10.3rem; }

/* 카드형 box */
.cardbox { display: flex; flex-direction: column; margin: 0 1rem; border: 0.1rem solid #adb5bd; border-radius: .2rem; background: #ffffff; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);}

.cardbox__header { display: flex; align-items: center; position: relative; min-height: 3.7rem; margin: 0; padding: .1rem .8rem; border-bottom: 0.1rem solid #ced4da; border-radius: .2rem .2rem 0 0; }

.cardbox__body { position: relative; margin: 0; padding: 1.4rem 1.6rem; }

.cardbox__body--scroll420 { overflow: auto; overflow-x: hidden; max-height: 42rem; }

.cardbox__body--scroll460 { overflow: auto; overflow-x: hidden; max-height: 46rem; }

.cardbox__body--scroll500 { overflow: auto; overflow-x: hidden; max-height: 50rem; }

.cardbox__footer { position: relative; margin: 0; padding: .6rem .8rem; border-top: 0.1rem solid #dee2e6; border-radius: 0 0 .2rem .2rem; background: #f8f9fa; }

.cardbox__tit { position: relative; margin-top: .8rem; font-weight: bolder; }

.cardbox__tit:before { content: ''; display: inline-block; width: .3rem; height: 1rem; margin-right: .5rem; background: #888; }

/* 기능 */
.function { display: block; }

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

.function__list { display: inline-block; margin: 0 0 1rem; }

.function__list > dt { display: inline-block; color: #868e96; }

.function__list > dt::before { content: '·'; margin-right: .3rem; }

.function__list > dt::after { content: ':'; margin-left: .3rem; margin-right: 1rem; }

.function__list > dd { display: inline-block; margin-right: 1rem; line-height: 1.4; color: #868e96; }

.function__list > dd span { font-weight: bolder; color: #495057; }

.function__tbl { width: auto; border-spacing: 0; border-collapse: collapse; word-break: break-all; }

.function__tbl > tbody > tr > th { padding: 0 .3rem; font-size: 1.2rem; font-weight: normal; color: #868e96; }

.function__tbl > tbody > tr > td { padding: 0 .3rem; font-size: 1.2rem; }

.function__txt { display: inline-block; margin-top: .2rem; font-size: 1.4rem; line-height: 1.4; }

/* 데이터 */
.data { display: block; }

.data__box { display: flex; border: .1rem solid transparent; background: #dee2e6; }

.data__box--nostyle { border: inherit; background: inherit; }

.data__tbl { width: 100%; border-spacing: 0; border-collapse: collapse; background: #fff; word-break: break-all; }

.data__tbl tr th, .data__tbl tr td { padding: .6rem .8rem; border: 0.1rem solid rgba(210, 210, 210, 0.5); font-weight: normal; }

.data__tbl > thead > tr > th { border-bottom: 0.1rem solid rgba(151, 151, 151, 0.5); font-size: 1.2rem; background: #e9ecef; color: rgba(0, 0, 0, 0.5); }

.data__tbl > tbody > tr > th { color: #343a40; }

.data__tbl > tbody > tr > td { color: #343a40; }

.data__tbl > tfoot > tr > td { border-top: 0.1rem solid rgba(151, 151, 151, 0.5); background: #e9ecef; color: rgba(0, 0, 0, 0.5); }

.data__tbl.hover > tbody > tr { transition: background-color ease-out .05s; }

.data__tbl.hover > tbody > tr:hover { background: rgba(0, 183, 255, 0.1); }

.data__tbl.overwidth { margin-bottom: 5rem; white-space: nowrap; }

/* 데이터가 없을경우 */
.nodata { display: block; }

.nodata__comm, .nodata__box { display: block; margin: 0 auto; padding: 3rem 0; background: #fff; color: #868e96; }

.nodata__icon { display: block; width: 3rem; height: 3rem; margin: 0 auto 1rem; background: url(../img/supplier/img_icon_v1.png) -1rem -10rem no-repeat; text-indent: -999.9rem; }

.nodata__tit { font-size: 1.6rem; color: #495057; text-align: center; }

.nodata__txt { margin-top: .5rem; color: #adb5bd; text-align: center; }

.custom { position: relative; width: 79.4rem; padding: 0; margin: .4rem auto; border: 0.1rem solid #adb5bd; font-size: 1.3rem; line-height: 1.4; }

.custom__group { padding: .6rem .2rem; border-bottom: 0.1rem solid #adb5bd; background: #fff9db; }

.custom__checkbox { margin: 0 1.5rem 0 .4rem; letter-spacing: -.1rem; }

.custom__headbox { position: relative; }

.custom__tit { margin: 0; font-size: 2.8rem; color: #495057; text-align: center; }

.custom__info { position: absolute; left: .5rem; bottom: 0; font-size: 1.4rem; }

.custom__tblbox { margin: .1rem -.1rem; }

.custom__tbl { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; table-layout: fixed; word-break: break-all; }

.custom__tbl > thead > tr > th { height: 2.5rem; padding: .2rem .2rem; border: 0.1rem solid #adb5bd; font-size: 1.3rem; font-weight: normal; background: #f8f9fa; color: #868e96; line-height: 1.3; }

.custom__tbl > tbody > tr > th { height: 2.5rem; padding: .2rem .2rem; border: 0.1rem solid #adb5bd; font-size: 1.3rem; font-weight: normal; background: #f8f9fa; color: #868e96; line-height: 1.3; }

.custom__tbl > tbody > tr > td { height: 2.5rem; padding: .2rem .2rem; border: 0.1rem solid #adb5bd; font-size: 1.4rem; color: #000000; line-height: 1.3; }

.custom__tbl > tfoot > tr > td { height: 2.5rem; margin-bottom: 1rem; padding: .4rem .2rem; border: 0.1rem solid #adb5bd; font-size: 1.6rem; font-weight: 600; color: #333; }

.custom__fixbox { overflow: auto; overflow-x: hidden; max-height: 36rem; }

/* 검색바 */
.search { display: block; }

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

.search__tf { display: inline-block; height: 3.2rem; padding: .2rem .4rem; border: 0.1rem solid #adb5bd; border-radius: .3rem; font-size: 1.4rem; color: #343a40; vertical-align: top; }

.search__tf::placeholder { color: #868e96; }

.search__tf:-ms-input-placeholder { color: #868e96; }

.search__tf:focus { border-bottom-color: #f03e3e; transition: .3s; }

.search__opt { display: inline-block; height: 3.2rem; border-radius: .3rem; padding: .2rem .4rem; border: 0.1rem solid #adb5bd; font-size: 1.4rem; background-color: #ffffff; background-image: url(../img/supplier/ico_selectdown_b.png); background-position: right center; background-repeat: no-repeat; color: #343a40; vertical-align: middle; }

.search__opt:disabled { background-color: #ced4da; cursor: no-drop; }

.search__checkbox { padding: .5rem 0; color: #ffffff; }

.search__radio { padding: .5rem 0; color: #ffffff; }

.search__list { display: inline-block; vertical-align: top; }

.search__list > dt { display: inline-block; height: 2.4rem; margin-right: -.5rem; padding: .3rem; border: 0; border-right: none; vertical-align: top; }

.search__list > dd { display: inline-block; height: 2.4rem; vertical-align: top; }

.search__txt { display: inline-block; height: 2.6rem; padding: .4rem 0; vertical-align: middle; }

/* 페이지네이션 */
.paging, .pagination { display: block; }

.paging__list, .pagination__list { display: flex; height: 6rem; justify-content: center; align-items: center; }

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

.paging__list--firstlast > li:first-child > a, .pagination__list--firstlast > li:first-child > a { width: 3rem; background: url(../img/supplier/img_icon_v1.png) no-repeat -12.3rem -6.2rem; text-indent: -999.9rem; }

.paging__list--firstlast > li:last-child > a, .pagination__list--firstlast > li:last-child > a { width: 3rem; background: url(../img/supplier/img_icon_v1.png) no-repeat -15.2rem -6.2rem; text-indent: -999.9rem; }

.paging__list > li, .pagination__list > li { display: inline-block; margin: 0 .2rem; font-size: 1.4rem; }

.paging__list > li > a, .pagination__list > li > a { display: block; overflow: hidden; min-width: 2.4rem; padding: .5rem; border: 0.1rem solid #ced4da; border-radius: .2rem; color: #868e96; line-height: 1; text-align: center; }

.paging__list > li > a:hover, .pagination__list > li > a:hover { border-color: #228be6; text-decoration: none; }

.paging__list > li.prev > a, .paging__list > li > a.prev, .pagination__list > li.prev > a, .pagination__list > li > a.prev { width: 2.4rem; background: url(../img/supplier/img_icon_v1.png) no-repeat -9.4rem -6.2rem; text-indent: -999.9rem; }

.paging__list > li.next > a, .paging__list > li > a.next, .pagination__list > li.next > a, .pagination__list > li > a.next { width: 2.4rem; background: url(../img/supplier/img_icon_v1.png) no-repeat -18.1rem -6.2rem; text-indent: -999.9rem; }

.paging__list > li.first > a, .paging__list > li > a.first, .pagination__list > li.first > a, .pagination__list > li > a.first { width: 3rem; background: url(../img/supplier/img_icon_v1.png) no-repeat -12.3rem -6.2rem; text-indent: -999.9rem; }

.paging__list > li.last > a, .paging__list > li > a.last, .pagination__list > li.last > a, .pagination__list > li > a.last { width: 3rem; background: url(../img/supplier/img_icon_v1.png) no-repeat -15.2rem -6.2rem; text-indent: -999.9rem; }

.paging__list > li.active > a, .paging__list > li > a.active, .pagination__list > li.active > a, .pagination__list > li > a.active { border-color: #228be6 !important; font-weight: bolder; background-color: #228be6; color: #ffffff; }

.paging__list > li.disabled > a, .paging__list > li > a.disabled, .pagination__list > li.disabled > a, .pagination__list > li > a.disabled { opacity: 0.5; border-color: #f1f3f5; background-color: #f1f3f5; cursor: auto; }

.paging__list > li.disabled > a:hover, .paging__list > li > a.disabled:hover, .pagination__list > li.disabled > a:hover, .pagination__list > li > a.disabled:hover { border-color: #f8f9fa; }

/* 로고 */
.logo { flex: none; display: flex; flex-direction: column; width: 100%; height: 8rem; background: rgba(66, 99, 235, 0.25); }

.logo:hover { text-decoration: none; }

.logo__tit { font-size: 1.6rem; font-weight: 100; color: #f8f9fa; text-align: center; letter-spacing: -.1rem; }

.logo .icon-togethers_ci { font-size: 5rem; color: #ffffff; text-align: center; }

.gnb { display: block; }

.gnb__list > li { float: left; }

.gnb__link { display: block; padding: 1rem; }

.gnb__link:hover { background: #dee2e6; text-decoration: none; }

/* 헤더 */
.header { display: flex; align-items: center; position: relative; height: 4rem; padding: 0 1.6rem; background: #ffffff; box-shadow: 0.05rem 0.05rem 0.5rem 0.05rem rgba(173, 181, 189, 0.5); }

.header__infobox { display: flex; align-items: center; margin-left: auto; }

.header__btn { display: inline-flex; padding: .2rem .4rem; border: .1rem solid transparent; border-radius: .3rem; }

.header__btn:hover { background: #e9ecef; }

.header__btn [class^="icon-"] { margin: auto 0; font-size: 2.4rem; color: #868e96; }

.header__link { display: inline-flex; align-items: center; padding: 0 1rem; text-align: center; }

.header__link > span { margin: auto 0; font-size: 1.3rem; color: #868e96; letter-spacing: -.18rem; }

.header__link [class^="icon-"] { margin: auto 0; font-size: 1.8rem; margin-right: .4rem; }

.header__link:hover { text-decoration: none; }

.header__link:hover > span { color: #228be6; }

/* 사이드메뉴 */
.aside { display: flex; flex-direction: column; align-items: flex-start; background: #353d52; }

.aside__snbwrap { display: block; overflow-x: hidden; overflow-y: auto; width: 20rem; height: 30rem; }

.aside__snblink { display: flex; align-items: center; width: 100%; height: 4.2rem; color: #adb5bd; text-decoration: none; transition: .15s; }

.aside__snblink:hover { background: rgba(255, 255, 255, 0.05); color: #f8f9fa; text-decoration: none; }

.aside__snblink.active { background: rgba(0, 0, 0, 0.25); color: #ffffff; }

.aside__snblink.active .badge { background: #1864ab; }

.aside__snblink [class^="icon-"] { margin: auto 1rem auto 1.6rem; font-size: 1.8rem; }

.aside__snblink .badge { display: inline-block; margin: auto 1.6rem; margin-left: auto; padding: .3rem .6rem; border-radius: 1rem; font-size: 1.2rem; font-weight: normal; background: #228be6; color: #ffffff; line-height: 1; vertical-align: middle; }

.aside__tit { display: inline-flex; padding: 2rem 1.6rem .5rem; font-size: 1.1rem; font-weight: 600; color: rgba(255, 255, 255, 0.8); }

.aside__txt { display: inline-block; margin: auto .4rem; }

/* 푸터 */
.footer { display: inline-flex; width: 100%; padding: 0; border-top: 0.1rem solid #adb5bd; }

.footer__innerbox { padding: 1.5rem 2rem; }

.footer__list { display: block; margin-left: auto; }

.footer__list > li { float: left; }

.footer__list > li:first-child::before { display: none; }

.footer__list > li:before { content: '|'; margin: 0 .8rem; color: #adb5bd; }

.footer__txt { margin: .5rem 0; color: #868e96; }

.itemsgroup { display: flex; flex-wrap: wrap; padding: 2rem 0; }

.itemsgroup > .item { flex: 1 1 40%; padding: 1.2rem; }

.itemsgroup__inner { flex: 1 1 40%; padding: 1.2rem; }

.itemsgroup__inner > .item { padding-bottom: 3rem; }

.itemsgroup__inner > .item:last-child { padding-bottom: 0; }

.dashdata__tit { display: flex; height: 4.5rem; padding: 0 2rem; align-items: center; font-size: 1.6rem; background: rgba(53, 61, 82, 0.8); color: white; }

.dashdata__link { display: inline-block; margin-left: auto; padding: .6rem .8rem; border: none; border-radius: .3rem; font-size: 1.2rem; background: rgba(0, 0, 0, 0.2); color: white; cursor: pointer; }

.dashdata__link:hover { background: rgba(0, 0, 0, 0.4); text-decoration: none; }

.dashdata__tbl { table-layout: fixed; width: 100%; border: none; border-spacing: 0; border-collapse: collapse; }

.dashdata__tbl > thead > tr { background: #f8f9fa; }

.dashdata__tbl > thead > tr > th { height: 4rem; padding: 0 .6rem; border-bottom: 0.1rem solid #ced4da; font-weight: normal; font-size: 1.2rem; vertical-align: middle; }

.dashdata__tbl > thead > tr > th:first-child { padding-left: 1rem; }

.dashdata__tbl > thead > tr > th:last-child { padding-right: 1rem; }

.dashdata__tbl > tbody > tr { transition: background-color .25s ease; }

.dashdata__tbl > tbody > tr:hover { background: #f8f9fa; }

.dashdata__tbl > tbody > tr > td { height: 4rem; padding: 0 .3rem; border-bottom: 0.1rem solid rgba(206, 212, 218, 0.5); text-align: center; vertical-align: middle; }

.dashdata__tbl > tbody > tr > td:first-child { padding-left: 1rem; }

.dashdata__tbl > tbody > tr > td:last-child { padding-right: 1rem; }

.dashdata__tbl .num { font-family: Arial, Helvetica, sans-serif; font-size: 1.6rem; font-weight: 600; letter-spacing: .06rem; }

.dashlink { display: flex; position: relative; height: 12rem; justify-content: center; align-items: center; cursor: pointer; transition: .15s; }

.dashlink:hover { text-decoration: none; transform: scale(1.02); }

.dashlink__iconbox { flex: none; display: flex; justify-content: center; align-items: center; position: relative; width: 10rem; height: 100%; background: rgba(53, 61, 82, 0.8); }

.dashlink__iconbox [class^="icon-"] { font-size: 4rem; color: white; }

.dashlink__textgroup { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.dashlink__tit { font-size: 2rem; margin-bottom: 1.6rem; letter-spacing: .1rem; }

.dashlink__txt { font-size: 2rem; font-weight: 100; letter-spacing: .1rem; }

.dashlink__emp { font-size: 3rem; font-weight: 600; font-family: Arial, Helvetica, sans-serif; line-height: 1; }

/* 로그인 */
.login { display: flex; align-items: center; height: 100%; }

.login .icon-togethers_ci { display: flex; justify-content: center; align-items: center; margin: 0 auto; font-size: 10rem; color: #ffffff; }

.login__box { width: 47rem; margin: auto; padding: 6rem; border-radius: .3rem; background: #353d52; box-shadow: box-shadow; }

.login__tit { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 4rem; font-size: 2rem; font-weight: 100; text-align: center; color: #f8f9fa; letter-spacing: -.1rem; }

.login__txt { margin-top: 1.5rem; color: #ced4da; }

.login__label { display: block; margin: 2rem 0 0; color: #343a40; }

.login__checkbox { color: #ced4da; }

.login__tfbox { display: inline-flex; align-items: stretch; width: 100%; height: 5rem; margin-top: 1.5rem; padding: 1rem; border: 0.1rem solid #dee2e6; border-radius: .3rem; background: #e7f5ff; line-height: 1.5; }

.login__tfbox > input { display: block; width: 100%; height: 100%; background: transparent; border: transparent; }

.login__tfbox > input::placeholder { color: #868e96; }

.login__tfbox > span { display: block; padding: .3rem 0; white-space: nowrap; }

.login__btn { display: block; width: 100%; margin: 3rem 0 1rem; padding: 1.6rem; border-radius: .3rem; font-size: 1.6rem; background: #228be6; color: #ffffff; text-align: center; }

.login__btn:hover { background: #339af0; text-decoration: none; }

.login__btn:disabled, .login__btn.disabled { background: rgba(255, 255, 255, 0.1); color: #868e96; }

.login__infobox { padding: 2rem; border-radius: .3rem; background: #f03e3e; color: #ffffff; }

.login__link { margin: auto 0; color: #ced4da; }

.login__option { display: flex; margin-top: 1.5rem; }

/* 신규가입 */
.signup { display: block; }

.signup__box { position: relative; width: 70rem; margin: 2rem auto; padding: 3rem; padding-top: 1rem; border-radius: .3rem; background: #353d52; box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.2); }

.signup__tit { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0rem; font-size: 2rem; font-weight: 100; color: #f8f9fa; letter-spacing: -.1rem; }

.signup__tit > .icon-togethers_ci { display: flex; justify-content: center; align-items: center; margin: 0 auto; font-size: 8rem; color: #ffffff; }

.signup__txt { display: block; margin: .8rem 0 .5rem; }

.signup__cont { display: block; margin: 0; padding: 3rem; border-top: 0.3rem solid #339af0; background: #f8f9fa; }

.signup__subtit { display: block; margin: 1.5rem 0 3rem; font-size: 2.3rem; font-weight: 400; }

.signup__subtxt { display: block; margin: 1.5rem 0 3rem; font-size: 1.8rem; line-height: 1.8; }

.signup__progress { display: flex; justify-content: center; margin: 0; }

.signup__progress > li { flex: 1; position: relative; padding: 2rem; text-align: center; }

.signup__progress > li::before { content: '●'; display: block; position: absolute; top: 30%; left: 2rem; font-size: 1rem; color: rgba(206, 212, 218, 0.1); }

.signup__progress > li::after { content: '●'; display: block; position: absolute; top: 30%; right: 2rem; font-size: 1rem; color: rgba(206, 212, 218, 0.1); }

.signup__progress > li [class^="icon-"] { font-size: 3rem; color: rgba(206, 212, 218, 0.4); }

.signup__progress > li p { margin-top: 1.6rem; font-size: 1.6rem; color: rgba(206, 212, 218, 0.4); }

.signup__progress > li.active p, .signup__progress > li.active [class^="icon-"] { color: #339af0; }

.signup__progress > li.active p { font-weight: 600; }

.signup__btn { height: auto; margin: 3rem .5rem .5rem; padding: 1rem 4.6rem; font-size: 1.6rem; font-weight: 600; }

.signup__tbl { width: 100%; margin-top: 2rem; border-spacing: 0; border-collapse: collapse; background: #fff; word-break: break-all; }

.signup__tbl > tbody > tr > th { padding: .8rem; border: 0.1rem solid #ced4da; font-weight: normal; line-height: 1.4; background: #e9ecef; text-align: left; }

.signup__tbl > tbody > tr > td { padding: .8rem; border: 0.1rem solid #ced4da; font-weight: normal; line-height: 1.4; }

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

.signup__innertbl > tbody > tr > td { padding: .4rem 0; }

/* 약관 */
.terms { display: block; }

.terms__box { overflow-y: auto; height: 40rem; padding: 2rem; border: 0.1rem solid #ced4da; background: #ffffff; }

.terms__checkbox { margin: .8rem 0; }

.terms__checkbox label { font-size: 1.6rem; font-weight: 600; color: #000; letter-spacing: 0; }

.terms__pre { font-size: 1.2rem; color: #212529; line-height: 1.4; white-space: pre-wrap; }

/* 출고지시서용 */
.print { flex: 1; display: flex; flex-direction: column; }

.print__tit { flex: none; height: 6rem; margin: 2rem 0 1rem; font-size: 3rem; text-align: center; }

.print__txt { margin-top: 1rem; padding: 0 1rem; }

.print__tbl { width: 100%; border-spacing: 0; border-collapse: collapse; word-break: break-all; }

.print__tbl > thead > tr { border-top: 1px solid #333; border-bottom: 1px solid #333; }

.print__tbl > thead > tr th { height: 4rem; font-size: 1.3rem; padding: 0 2rem; }

.print__tbl > tbody > tr td { height: 3.5rem; padding: 0 2rem; border-bottom: .1rem solid #ddd; }

.print__tbl > tbody > tr:last-child td { border-bottom-color: #333; }

.print__list { display: block; margin-top: 1rem; }

.print__list > li { display: block; float: left; padding: .2rem 1rem; }

/*messagebox css*/
.custom_messagebox_overlay {
    background-color    : rgba(220, 240, 175, 0.5);
/*     border              : 10px solid rgba(150, 190, 85, 0.6); */
}
.custom_messagebox {
    background-color    : #ddf0b0;
    border              : 1px solid #99bb55;
    border-radius       : 20px;
}
.custom_messagebox .messagebox_content{
    background-color    : #ddedff;
	
}
    .custom_messagebox .messagebox_title,
    .custom_messagebox .messagebox_buttons {
        background-color    : #ffffff;
    }
        .custom_messagebox .messagebox_buttons button {
/*             background-color    : #ddf0b0; */
            border-radius       : 20px;
        }