/* reset */
@import url('/resources/font/noto_sans_kr.css');
@import url('/resources/font/spoqa_han_sans_kr.css');

body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif, 'AppleGothic';
    font-weight: 400;
    letter-spacing: -1px;
}

html,
body {
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.scroll_event {
    overflow: hidden;
}

br {
    font-family: Arial, sans-serif !important;
}

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

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

:focus{
    outline: none;
    box-shadow:inset 0 0 0 2px tomato;
}

::selection {
    background: #384e85;
    color: #fff;
}

fieldset,
a img,
input[type=image] {
    border: 0
}

input:focus {
}

textarea {
    width: 96%;
    min-height: 110px;
    max-height: 300px;
    height: auto;
    resize: none;
    padding-left: 10px;
    padding-top: 5px;
}

textarea,
input[type=file],
input[type=password],
input[type=text],
input[type=number],
input[type=tel],
input[type=email] {
    border: 1px solid #dbdbdb;
    background: #fff;
    color: #515151;
    letter-spacing: 0;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif, 'AppleGothic';
}

input[type=file],
input[type=password],
input[type=text],
input[type=number],
input[type=tel],
input[type=email] {
    width: 100%;
    height: 44px;
    line-height: 46px;
    padding-left: 10px;
    box-sizing: border-box;
    letter-spacing: 0;
}

select[readonly],
select[disabled],
input[readonly],
input[disabled],
textarea[readonly]:not(.no-background),
textarea[disabled]:not(.no-background) {
    background: #eee
}

select{
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;
    background:url("/cloud_ver2/new_cloud/images/icn_arr_down.png") no-repeat 100% 50%;
    padding-right:30px;
    border: 1px solid #dbdbdb;
    color: #515151;
    letter-spacing: 0;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif, 'AppleGothic';
    height: 44px;
    padding-left: 10px;
    box-sizing: border-box;
}


.input-cal select{width:100%; max-width:80px;}
.input-hypen{margin:0 5px;}

img,
input[type=checkbox],
select {
    vertical-align: middle
}

button {
    font-family: 'Noto Sans KR', sans-serif, 'AppleGothic';
}

input::placeholder {
    font-style: normal;
    font-weight: 400;
}

textarea::placeholder {
    font-style: normal;
    font-weight: 400;
}

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

/* select customizing */
.sel_box {
    display: inline-block;
    border: 1px solid #dbdbdb;
    height: 44px;
    vertical-align: top;
    margin-right: 0.5em;
}

.sel_box .jq_sel {
    display: block;
    position: relative
}

.sel_box .jq_sel span {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    height: 32px;
    width: 100%;
    _width: auto;
    line-height: 43px;
    text-align: left;
    text-indent: 8px;
    overflow: hidden;
    cursor: pointer;
}

.sel_box .jq_sel a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    right: 0px;
    top: 5px;
    width: 34px;
    height: 32px;
    background: url(/cloud_ver2/new_cloud/images/icn_arr_down.png) no-repeat 100% 0;
}

.sel_box .jq_sel ul {
    overflow: auto;
    display: none;
    position: absolute;
    top: 42px;
    left: -1px;
    z-index: 9999;
    width: 100%;
    max-height: 300px;
    border: 1px solid #ccc;
    background: #fff;
    white-space: nowrap;
    margin-left: 0 !important;
}

.sel_box .jq_sel ul a {
    display: block;
    padding: 9px 2px 9px 10px;
    text-decoration: none;
    text-align: left
}

.sel_box .jq_sel ul a:hover {
    background: #f6f6f6
}

.sel_box .jq_sel_hide {
    display: none
}

.selectbox_title strong {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 15px;
    line-height: 16px;
    padding: 0 0 2px;
    font-weight: normal;
    word-break: break-all;
}

.selectbox_title_focus {
    border-color: #a5c7fe;
}

.selectbox_title_focus strong {
    color: #737373;
}

.selectbox_title_disabled {
    background-color: #eee;
}

.selectbox_title_disabled strong {
    color: #737373;
}

.tbl_select_box span.selectbox_title {
    width: 118px !important;
    padding-left: 10px;
    border: 1px solid #d5d5d5;
    height: 44px;
    background: url('/cloud_ver2/new_cloud/images/icn_arr_down.png') no-repeat right center;
}

.tbl_select_box span.selectbox_title strong {
    height: 44px;
    line-height: 44px;

}

.selectbox_option {
    overflow: hidden;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.selectbox_option li {
    list-style: none;
}

.selectbox_option a {
    overflow: hidden;
    display: block;
    padding: 5px 5px 5px 10px;
    color: #666;
    font-size: 11px;
    word-break: break-all;
    line-height: 16px;
    text-decoration: none;
}

.selectbox_option a.on,
.selectbox_option a:hover,
.selectbox_option a:focus {
    color: #737373;
    background: #eee;
}

.selectbox02 {
    position: relative;
    width: 216px;
    border: 1px solid #999;
    z-index: 1;
    padding: 8px 10px 13px 10px;
    margin-right: 0;
}

input[type=radio] {
    margin-top: -1px;
    vertical-align: middle;
}

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

label {
    margin-right: 10px;
}

legend {
    overflow: hidden;
    width: 0;
    height: 0
}
caption{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}

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

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

th,
td {
    position: relative
}

fieldset {
    border: 0
}

iframe {
    width: 100%;
    border: 0
}

hr {
    clear: both;
    border: 0
}

b,
i,
em {
    font-style: normal;
    font-size: inherit;
    color: inherit
}

hr.divider {
    border: 0.5px solid #ebebeb;
}

/* common */

.f_l {
    position: relative;
    float: left;
    /*margin-bottom: 30px;*/
}

.f_r {
    position: relative;
    float: right
}

.rig {
    text-align: right
}

.lef {
    text-align: left !important
}

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

.hide {
    display: none
}

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

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

.conWrap {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

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

.gnb_wrap {
    display: flex;
    align-items: center;
    height: 120px;
}

.mt3em {
    margin-top: 3em;
}

.mt2em {
    margin-top: 2em;
}

.mt1em {
    margin-top: 1em;
}

.ml6em {
    margin-left: 6em;
}

.ml5em {
    margin-left: 5em;
}

.ml4em {
    margin-left: 4em;
}

.ml3em {
    margin-left: 3em;
}

.ml2em {
    margin-left: 2em;
}

.ml1em {
    margin-left: 1em;
}

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

.mb3em {
    margin-bottom: 3em;
}

.mb2em {
    margin-bottom: 2em;
}

.mb1em {
    margin-bottom: 1em;
}

.mr74em {
    margin-right: 7.4em;
}

.mr7em {
    margin-right: 7em;
}

.mr6em {
    margin-right: 6em;
}

.mr5em {
    margin-right: 5em;
}

.mr4em {
    margin-right: 4em;
}

.mr3em {
    margin-right: 3em;
}

.mr2em {
    margin-right: 2em;
}

.mr1em {
    margin-right: 1em;
}

.mr0 {
    margin-right: 0;
}


.paddingLef10p {
    padding-left: 10px;
}

.paddingBot1em {
    padding-bottom: 1em;
}

.paddingTop2em {
    padding-top: 2em;
}

.paddingTop1em {
    padding-top: 1em;
}

.paddingLef2em {
    padding-left: 2em;
}

.paddingLef1em {
    padding-left: 1em;
}

.paddingRit2em {
    padding-right: 2em;
}

.paddingRit1em {
    padding-right: 1em;
}

.bg_color_1 {
    background-color: #ececec;
}

.fonts20p {
    font-size: 20px;
}

#dimmer.show {
    opacity: 0.5;
    visibility: visible;
    display: block;
    transition: visibility 0s, opacity 0.5s ease-out;
}

#dimmer {
    background: #000;
    opacity: 0;
    position: fixed; /* important to use fixed, not absolute */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* may not be necessary */
    visibility: hidden;
    display: none;
    transition: visibility 0s, opacity 0.5s ease-out;
}

#dimmer.show ~ #dimmer-message {
    display: block;
}

#dimmer-message {
    display: none;
    z-index: 10000;
    box-shadow: 0px 5px 20px 10px;
    border-radius: 10px;
    background-color: white;
    font-size: 20px;
    font-weight: bold;
    border: 2px solid black;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 20px;
    margin-left: -200px;
    margin-top: -50px;
    text-align: center;
}

.main_container {position: relative; }

/* scroll bar*/
/*
	== malihu jquery custom scrollbar plugin ==
	Plugin URI:http://manos.malihu.gr/jquery-custom-content-scroller
	*/

/*
	CONTENTS:
		1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
		2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
		3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
		4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
		5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
		6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
			6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
	*/

/*
	------------------------------------------------------------------------------------------------------------------------
	1. BASIC STYLE
	------------------------------------------------------------------------------------------------------------------------
	*/
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

/*
	------------------------------------------------------------------------------------------------------------------------
	2. VERTICAL SCROLLBAR
	y-axis
	------------------------------------------------------------------------------------------------------------------------
	*/
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position:outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position:outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/*
	------------------------------------------------------------------------------------------------------------------------
	3. HORIZONTAL SCROLLBAR
	x-axis
	------------------------------------------------------------------------------------------------------------------------
	*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position:outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

/*
	------------------------------------------------------------------------------------------------------------------------
	4. VERTICAL AND HORIZONTAL SCROLLBARS
	yx-axis
	------------------------------------------------------------------------------------------------------------------------
	*/
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/*
	------------------------------------------------------------------------------------------------------------------------
	5. TRANSITIONS
	------------------------------------------------------------------------------------------------------------------------
	*/
/*
	------------------------------------------------------------------------------------------------------------------------
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
	------------------------------------------------------------------------------------------------------------------------
	*/

/*
		----------------------------------------
		6.1 THEMES
		----------------------------------------
		*/

/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
}

/* ---------------------------------------- */

.mtm20 {
    margin-top: -20px !important
}

.mt0 {
    margin-top: 0 !important
}

p.desc {
    margin: 5px 0 0
}

td p.desc {
    margin: 5px 0 0
}

a.downLoad {
    overflow: hidden;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(/cloud_ver2/new_cloud/images/icn_downLoad.png) no-repeat;
    text-indent: -999px
}

.val_mid * {
    vertical-align: middle
}

/* gnb */

#gnb {
    background: #fff;
    position: relative;
}

/*#gnb h1 {*/
/*    width: 50%;*/
/*    margin: 0 auto;*/
/*    float: left;*/
/*    height: 110px;*/
/*    line-height: 115px;*/
/*}*/

#gnb h1 {
    /*
    width: 50%;
    margin: 0 auto;
    float: left;
    height: 90px;
    line-height: 90px;*/
}

#gnb h1.tit {
    text-align: center;
    font-size: 38px;
    color: #000000;
    position: relative;
    left: 314px;
    top: 0;
    font-weight: 300;
}

#gnb h1 a {
    display: block;
    max-width: 400px;
}

/*#gnb aside {*/
/*    float: right;*/
/*    width: 50%;*/
/*    line-height: 115px;*/
/*    text-align: right;*/
/*}*/

#gnb aside {
    /*float: right;
    width: 50%;
    line-height: 90px;
    text-align: right;*/
}

#gnb aside #google_translate_element {
    float: right;
    position: relative;
    top: -5px;
    right: 0;
}

#gnb aside > div a:hover {
    text-decoration: none
}

#gnb aside div > ul {
    position: relative;
    /*top: 10px;*/
}

#gnb aside div > ul > li {
    position: relative;
    display: inline-block;
}

#gnb aside li > a, #gnb aside li {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #222222;
}

#gnb aside li > span {
    display: inline-block;
    margin-right: 10px;
    padding-right: 12px;
    line-height: 21px;
    background: url(/cloud_ver2/new_cloud/images/bg_bar_gray_1x11.png) 100% 50% no-repeat;
    letter-spacing: -1px;
    font-size: 13px;
    color: #58595b;
}

#gnb aside li:last-child > a {
    background: none;
}

#gnb aside li > a:hover {
    color: #389ef3;
}

#gnb aside li > i {
    line-height: 21px;
}

#gnb aside li > i > a {
    border-radius: 9px;
    background-color: #f95c0f;
    color: #fff;
    padding: 3px 9px 2px 7px;
    font: 11px "Dotum", "占쎈즻占쏙옙", "Arial";
}

#gnb aside li > i > span {
    border-radius: 9px;
    background-color: #f95c0f;
    color: #fff;
    margin: 0 10px 0 0;
    padding: 3px 9px 2px 9px;
    font: 11px "Dotum", "占쎈즻占쏙옙", "Arial";
}

#gnb aside a.msg {
    position: absolute;
    top: -12px;
    right: -14px;
    width: 18px;
    height: 22px;
    margin: 0;
    padding: 1px 0 0;
    line-height: normal;
    background: url(/cloud_ver2/new_cloud/images/icn_msg.png) no-repeat;
    text-align: center;
    font-size: 10px;
    color: #fff
}

#gnb aside a.msg + div {
    top: 25px;
    right: -40px
}

#gnb aside li div {
    display: none;
    position: absolute;
    top: 80px;
    right: -31px;
    z-index: 200;
    border: 1px solid #ececec;
    box-shadow: 0 0 10px rgba(11, 11, 11, .2);
    border-radius: 5px;
    background: #fff;
    text-align: left;
    line-height: 1;
}

#gnb aside li div.on {
    display: block
}

#gnb aside li div > img {
    position: absolute;
    top: -15px;
    right: 30px
}

#gnb aside li dl {
    border-radius: 5px;
    background: #f6f6f6;
    overflow: hidden;
}

#gnb aside li dl:after {
    content: '';
    clear: both;
    display: block
}

#gnb aside li dt {
    float: left;
    clear: left;
    width: 100px;
    padding: 10px 0;
    line-height: 2;
    background: #f2f5f5;
    word-break: keep-all;
    text-align: center;
    font-size: 14px;
    color: #1b1b1b
}

#gnb aside li dt:first-child {
    border-radius: 5px 0 0 0
}

#gnb aside li dt:last-of-type {
    border-radius: 0 0 0 5px
}

#gnb aside li dd {
    width: 200px;
    margin-left: 100px;
    padding: 10px;
    border-bottom: 1px solid #ececec;
    background: #fff;
    line-height: 2;
}

#gnb aside li dd:first-of-type {
    border-radius: 0 10px 0 0
}

#gnb aside li dd:last-child {
    border-radius: 0 0 10px;
    border-bottom: 0
}

#gnb aside li dd a {
    display: block;
    text-decoration: none;
}

#gnb aside li dd a:hover {
    color: #de284a;
}

#gnb aside li span {
    display: block;
    margin: 10px
}

#gnb aside li span a {
    display: block;
    padding: 8px 5px;
    border-bottom: 1px solid #ddd;
    white-space: nowrap
}

#gnb aside > form {
    position: absolute;
    left: calc(50% - 50px);
    top: 30px;
    margin-left: -175px;
    border-radius: 2px;
    border: 2px solid #005a79;
    width: 350px;
    height: 40px;
}

#gnb aside > form input[type=text],
#gnb aside > form input[type=tel],
#gnb aside > form input[type=email] {
    float: left;
    border: none;
    width: 307px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    padding-left: 15px;
}

#gnb aside > form input[type=image] {
    position: absolute;
    left: 320px;
    top: 11px;
    border: none;
}

#gnb nav {
    position: relative;
    background: #fff;
}

#gnb nav.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 0 7px rgba(11, 11, 11, .2);
}

#gnb nav ul li.main_menu {
    position: relative;
    float: left;
    /*height: 57px;*/
    height: 45px;
    width: 19%;
    text-align: center;
    vertical-align: bottom;
}


.nav_hover_eff {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background: #384e85;
    opacity: 0;
    margin: 8px auto 0 auto;
    animation: fadeout 2s forwards;
}

@keyframes fadeout {
    from {
        transform: translateX(0);
        opacity: 1;

    }
    to {
        transform: translateX(300%);
        opacity: 0;
    }
}


#gnb nav ul li.main_menu:hover .nav_hover_eff {
    animation: fadein .5s forwards;
    opacity: 1;
}

@keyframes fadein {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

#gnb nav ul li.main_menu span.main_txt01 {
    font-size: 22px;
    font-weight: 400;
    color: #222;
    text-decoration: none;
    cursor: pointer;
    display: block;
    /*height: 56px;*/
    height: 45px;
    overflow: hidden;
    padding-top: 9px;
}

#gnb nav ul li.main_menu span.main_txt01 a {
    /*font-size: 22px;*/
    font-size: 18px;
    font-weight: 400;
    color: #222;
    text-decoration: none;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

#gnb nav ul li.main_menu ul.sub_menu:hover .nav_hover_eff {
    animation: none;
    opacity: 1;
}

#gnb nav ul li.main_menu > ul.sub_menu {
    position: absolute;
    /*top: 59px;*/
    top: 48px;
    left: 0;
    width: 100%;
    margin: -3px auto 0 auto;
    z-index: 9999;
    display: none;
}

#gnb nav ul li.main_menu > ul.sub_menu .cs01 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 10px 10px rgba(11, 11, 11, .1);
}

.sub_menu_all {
    position: relative;
    display: table-cell;
    width: 256px;
}

.sub_menu_all h2 {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    width: 100%;
    line-height: 28px !important;
    color: #212121;
}

.sub_menu_all a {
    font-size: 18px !important;
    font-weight: 300 !important;
    display: block;
    padding: 1em 0 !important;
    text-align: left !important;
    line-height: 22px !important;
}

#gnb nav ul li.main_menu > ul.sub_menu a {
    display: block;
    font-size: 16px !important;
    font-weight: 400;
    color: #515151;
    line-height: auto;
    padding: 1em;
    text-indent: 0;
    text-align: center;
    border: 1px solid #ececec;
    border-bottom: 0;
}

#gnb nav ul li.main_menu:hover > ul.sub_menu li a:hover {
    background-color: #f6f6f6;
}

#gnb nav ul li.main_menu > ul.sub_menu .cs01 .cs_sub li {
    position: relative;
    display: block;
    width: 100%;
}

#gnb nav ul li.main_menu > ul.sub_menu .cs01 .cs_sub li a {
    text-align: left;
    padding: 0.7em;
    font-size: 18px;
    color: #212121;
    word-break: keep-all;
}

.sub_menu_children {
    background-image: url('/cloud_ver3/html_web/images/common/next01.png');
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 5px;
}

.nav_hover_bg {
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 999;
    height: 424px;
    background: #fff;
    box-shadow: 0px 8px 10px rgba(11, 11, 11, 0.1);
    border-top: 1px solid #ececec;
    display: none;
}

.cs_sub_children {
    position: absolute;
    top: 0;
    right: -239px;
    background: #f6f6f6 !important;
    display: none;
}

.cs_sub_children li {
    width: 240px !important;
    height: auto !important;
    border-left: 0 !important;
    padding: 0 !important;
}

.cs_sub_children li a {
    padding: 0.7em !important;
    color: #515151 !important;
}

.cs_sub_children li a:hover {
    text-decoration: underline;
    color: #212121 !important;
}

.cs_sub_children li ul li a {
    padding: 0 0 5px 15px !important;
    font-size: 16px !important;
    color: #777 !important;
    font-weight: 300 !important;
}

.sub_menu_point_icon {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    text-align: center;
    background: #00caae;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    margin-right: 3px;
}

#gnb nav .view_allmenu {
    position: absolute;
    right: 0;
    /*bottom: 6px;*/
    bottom: 10px;
    /*width: 40px;*/
    /*height: 40px;*/
    width: 30px;
    height: 25px;
    z-index: 100;
    background: url('/cloud_ver3/html_web/images/common/icon_allmenu_digitalceart.png') no-repeat;
    background-size: cover;
    border: 0;
}

#gnb nav .view_allmenu.on {
    /*top: 19px;*/
    /*z-index: 9999;*/
    /*position: fixed;*/
    /*right: 17%;*/
    /*background: url('/cloud_ver3/html_web/images/common/icon_allmenu_digitalceart_close.png') no-repeat;*/
    background: url('/cloud_ver3/html_web/images/common/icon_allmenu_digitalceart_close_b.png') no-repeat;
}

.shift-tab{display:none !important;}
/*.main_menu > a{position:relative; display:block; height:45px; line-height:45px; text-align:center; font-size:18px; font-weight:400; color:#222; }
.main_menu > a::after{opacity:0; content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#384e85; animation:fadeOut 2s forwards;}
.main_menu > a:hover::after{animation:fadeIn .5s forwards; opacity: 1;}

@keyframes fadeIn {
    form {
        width:0;
        opacity: 0;
    }
    to {
        width:100%;
        opacity: 1;
    }
}

@keyframes fadeOut {
    form {
        width:100%;
    }
    to {
        width:0;
    }
}*/

/* 메뉴 전체보기 */
/*nav .all_menu {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: fixed;*/
/*    display: none;*/
/*    overflow-y: auto;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 999;*/
/*    background: #fff;*/
/*    box-shadow: 0 10px 10px rgba(11, 11, 11, .2);*/
/*    padding-top: 55px;*/
/*}*/

/*nav .all_menu.on {*/
/*    display: block*/
/*}*/

/*nav .all_menu .main_menu01 {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    vertical-align: top;*/
/*    width: 19%;*/
/*    height: 100%;*/
/*}*/

/*nav .all_menu .main_menu01 > ul.sub_menu .cs01 {*/
/*    padding-top: 3em;*/
/*    margin-right: 1em;*/
/*}*/

/*nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub {*/
/*    height: 83vh;*/
/*    border-left: 1px solid #ececec;*/
/*    padding-left: 1em;*/
/*}*/

/*nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub li a {*/
/*    border: 0 !important;*/
/*    padding: 0.5em 0 0 0;*/
/*    font-size: 18px;*/
/*    display: block;*/
/*    color: #212121;*/
/*}*/

/*nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub li a:hover {*/
/*    text-decoration: underline;*/
/*}*/

/*nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub li:first-child {*/
/*    padding-top: 0 !important;*/
/*}*/

/*nav .all_menu .main_menu01 .cs_sub_children {*/
/*    position: relative !important;*/
/*    right: 0 !important;*/
/*    display: block !important;*/
/*    background: transparent !important;*/
/*}*/

/*nav .all_menu .main_menu01 .cs_sub_children li {*/
/*    width: auto !important;*/
/*}*/

/*nav .all_menu .main_menu01 .cs_sub_children li a {*/
/*    padding: 5px !important;*/
/*    font-size: 16px !important;*/
/*}*/

/*nav .all_menu .main_menu01 .sub_menu_all {*/
/*    position: relative;*/
/*    display: block;*/
/*    width: 200px;*/
/*}*/

/*nav .all_menu .main_menu01 .sub_menu_all h2 {*/
/*    margin-bottom: 1em;*/
/*}*/

/*.all_menu_title {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    background: #384e85;*/
/*    z-index: 9999;*/
/*    color: #fff;*/
/*    font-weight: 400;*/
/*    font-size: 24px;*/
/*    padding: 0.5em;*/
/*}*/

nav .all_menu {
    width: 1280px;
    /*height: 100%;*/
    position: absolute;
    display: none;
    /*overflow-y: auto;*/
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    background: #fff;
    /*box-shadow: 0 10px 10px rgba(11, 11, 11, .2);*/
    /*padding-top: 55px;*/
    border: 1px solid #ececec;
    border-left: none;
}

nav .all_menu.on {
    display: block
}

nav .all_menu .main_menu01 {
    position: relative;
    float: left;
    vertical-align: top;
    width: 19%;
    height: 100%;
}

nav .all_menu .main_menu01 > ul.sub_menu .cs01 {
    /*padding-top: 3em;*/
    /*margin-right: 1em;*/
}

nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub {
    height: 500px;
    border-left: 1px solid #ececec;
    /*padding-left: 1em;*/
    padding: 20px;
}

nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub > li {
    margin-bottom: 20px;
}

nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub li a {
    border: 0 !important;
    /*padding: 0.5em 0 0 0;*/
    font-size: 16px;
    display: block;
    color: #212121;
}

nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub li a:hover {
    text-decoration: underline;
}

nav .all_menu .main_menu01 > ul.sub_menu .cs01 .cs_sub li:first-child {
    padding-top: 0 !important;
}

nav .all_menu .main_menu01 .cs_sub_children {
    position: relative !important;
    right: 0 !important;
    display: block !important;
    background: transparent !important;
}

nav .all_menu .main_menu01 .cs_sub_children li {
    width: auto !important;
}

nav .all_menu .main_menu01 .cs_sub_children li a {
    padding: 5px !important;
    font-size: 14px !important;
}

nav .all_menu .main_menu01 .sub_menu_all {
    position: relative;
    display: block;
    width: 200px;
}

nav .all_menu .main_menu01 .sub_menu_all h2 {
    margin-bottom: 1em;
}

.all_menu_title {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #384e85;
    z-index: 9999;
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    padding: 0.5em;
}

/* slider */
.bx-wrapper {
    margin: 0 auto
}

.bx-wrapper img {
    max-width: 100%;
    max-height: 100%;
}

/* 아이디찾기 */

.find_idpw {
    position: relative;
    width: 100%;
    min-height: 500px;
    padding-top: 3em;
    border-top: 1px solid #ececec;
}

.find_idpw h2 {
    font-size: 22px;
    padding: 1em 0;
    color: #212121;
    font-weight: 500;
}

.find_idpw h3 {
    border: 1px solid #ececec;
    padding: 2em 0;
    color: #384e85 !important;
}

.email .selectbox_title {
    border: 1px solid #ececec;
    height: 44px;
    text-align: center;
    vertical-align: top !important;
    padding-top: 0.8em;
}

/* tab _menu */
.tab_menu .tab_con {
    display: none;
    width: 100%
}

.tab_menu > li.on .tab_con {
    display: block
}

.tab_menu.vs .tab_con {
    visibility: hidden;
    display: block;
    width: 100%
}

.tab_menu.vs > li.on .tab_con {
    visibility: visible
}

.tab_link {

}

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

.tab_link a {
    position: relative;
    display: inline-block;
    width:calc(100% / 4);
    margin-bottom: -1px;
    padding: 1em;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    margin-left: -3px;

}

.tab_link a:first-child {
    margin-left: 0;
}

.tab_link.e2 a {
    width: 50%;
    padding: 0
}

.tab_link a.on {
    border-bottom: 1px solid #fff;
    border-top: 2px solid #384e85;
    background: #fff;
    color: #014da2;
    font-weight: 500;
}

/* tbl style */
.tblWrap:before {
    content: '';
    display: block;
    clear: both
}

table .requ {
    position: relative
}

table .requ:before {
    content: '* ';
    color: #ff0000
}

table td.emailSt1 input[type=text],
table td.emailSt1 input[type=email],
table td.emailSt1 input[type=tel] {
    width: 30%
}

table td.emailSt2 input[type=text],
table td.emailSt2 input[type=email],
table td.emailSt2 input[type=tel] {
    width: 63%
}

table td.tel input[type=text],
table td.tel input[type=email],
table td.tel input[type=tel] {
    width: 100px;
    padding-left: 10px;
    text-align: left
}

table td.tel01 input[type=text],
table td.tel01 input[type=email],
table td.tel01 input[type=tel] {
    width: 162px;
    padding-left: 10px;
    text-align: left
}

table.e4 td.tel input[type=text],
table.e4 td.tel input[type=email],
table.e4 td.tel input[type=tel] {
    width: 63px;
    padding-left: 0;
    text-align: left
}

table.e4 th {
    width: 20%
}

table.e4 td {
    width: 30%
}

table.e2 th {
    width: 20%
}

table.e2 td {
    width: 80%
}

table.e4e th {
    width: 25%
}

.good_list_table tbody td {
}

.tbl_st1 thead th {
    padding: 12px 5px;
    border-bottom: 1px solid #ebebeb;
    background: #f9f9f9;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st1 thead tr:first-child th {
    border-top: 1px solid #c0c0c0;
}

.tbl_st1 tbody td {
    padding: 14px 2px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 13px;
    position: relative;
}

.tbl_st1 tbody td .button {
    width: 75px;
    padding: 8px;
    border-radius: 5px;
}

.tbl_st1 tbody td .button.st1 {
    border: 1px solid white;
    transition: all 0.2s;
    background-color: #1159a6;
    color: white;
}

.tbl_st1 tbody td .button.st1:hover {
    border: 1px solid #1159a6;
    background-color: white;
    color: black;
}

.tbl_st1 tbody td .button.button-request {
}

.tbl_st1 tbody td .button.button-request.status--received {
    transition: all 0.2s;
    background-color: #1159a6;
    color: white;
}

.tbl_st1 tbody td .button.button-request.status--received:hover {
    border: 1px solid #1159a6;
    background-color: white;;
    color: black;
}

.tbl_st1 tbody td .button.button-request.status--yet {
    transition: all 0.2s;
    background-color: #838383;
    color: white;
}

.tbl_st1 tbody td .button.button-request.status--yet:hover {
    border: 1px solid #838383;
    background-color: white;;
    color: black;
}

.tbl_st1 tbody td.title {
    padding-left: 5px;
    word-break: keep-all;
    text-align: left;
}

.tbl_st1 tbody td.title a {
    font-size: 13px;
}

.tbl_st1 tbody td a {
    font-size: 13px;
}

.tbl_st1 tbody td a.schSelect:active {
    background: #384e85;
    color: #fff;
}

.tbl_st2 th {
    position: relative;
    width: 20%;
    padding: 10px 10px 10px 24px;
    border-bottom: 1px solid #ececec;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st2 td {
    padding: 2em 1em;
    border-bottom: 1px solid #ececec;
}

.tbl_st3 {
    border-top: 1px solid #c0c0c0
}

.tbl_st3 th {
    padding: 14px 0;
    border-bottom: 1px solid #ebebeb;
    background: #f9f9f9;
    text-align: center;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st3 td {
    padding: 16px 10px;
    border-bottom: 1px solid #ebebeb;
    font-size: 13px
}

.tbl_st3.type_c td {
    text-align: center;
}

.tbl_st3.type_c tfoot td {
    padding: 14px 10px;
    background-color: #f1f6e2;
}

.tbl_st4 {
    border-top: 1px solid #c0c0c0;
    border-collapse: collapse;
}

.tbl_st4 th {
    padding: 20px;
    border-bottom: 1px solid #ececec;
    background-color: #f6fbff;
    white-space: nowrap;
    text-align: left;
    font-size: 16px;
    color: #1b1b1b
}

.lb {
    padding: 14px 20px 14px 20px;
    border-bottom: 1px solid #ebebeb;
    background-color: #f9f9f9;
    white-space: nowrap;
    text-align: left;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st4 td {
    padding: 10px;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    word-break: break-word;
}

.tbl_st4 td:nth-child(8) {
    word-break: keep-all;
}

.tbl_st5 {
    border-top: 1px solid #ececec
}

.tbl_st5 th {
    padding: 14px 0;
    border: 1px solid #ebebeb;
    background: #f9f9f9;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st5 th:nth-of-type(4) {
    width: 50%
}

.tbl_st5 td {
    line-height: 140%;
    padding: 14px 10px;
    border: 1px solid #ebebeb
}

.tbl_st6 {
    border-top: 1px solid #c0c0c0
}

.tbl_st6 th {
    padding: 14px 0;
    border-bottom: 1px solid #ebebeb;
    background: #f9f9f9;
    text-align: center;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st6 td {
    padding: 14px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 13px;
    text-align: center
}

.tbl_st6 tr td:nth-of-type(2) {
    text-align: left
}

.tbl_st7 th {
    padding: 14px 0 14px 10px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    white-space: nowrap;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st7 tbody th {
    border-bottom: 0
}

.tbl_st7 td {
    padding: 14px 0 14px 10px;
    border-bottom: 1px solid #efefef;
    vertical-align: top;
    font-size: 14px
}

.tbl_st8 thead th {
    padding: 12px 5px;
    border-bottom: 1px solid #ebebeb;
    background: #f9f9f9;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st8 thead tr:first-child th {
    border-top: 1px solid #c0c0c0;
    background: #f9f9f9 url(/cloud_ver2/new_cloud/images/bg_tbl_head_st1.png) repeat-x
}

.tbl_st8 tbody td {
    padding: 14px 2px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 13px;
}

.tbl_st8 tbody td.title {
    padding-left: 5px;
    word-break: keep-all;
    text-align: left;
}

.tbl_st8 tbody td.title a {
    font-size: 13px;
}

.tbl_st8 thead th {
    padding: 12px 5px;
    border-bottom: 1px solid #ebebeb;
    background: #f9f9f9;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    color: #1b1b1b
}

.tbl_st8 thead tr:first-child th {
    border-top: 1px solid #c0c0c0;
    background: #f9f9f9 url(/cloud_ver2/new_cloud/images/bg_tbl_head_st1.png) repeat-x
}

.tbl_st8 tbody td {
    padding: 14px 2px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 13px;
}

.tbl_st8 tbody td.title {
    padding-left: 5px;
    word-break: keep-all;
    text-align: left;
}

.tbl_st8 tbody td.title a {
    font-size: 13px;
}

.tbl_st9 {
    table-layout: fixed;
    position: relative;
    border-top: 1px solid #ececec;
}

.tbl_st9 .puchbudgetamt {
    display: inline-block;
    margin: 0 1em;
    font-size: 14px;
    color: #212121;
}

.tbl_st9_box_title {
    font-weight: 500;
    margin-bottom: 0.5em !important;
}

.tbl_st9_title {
    margin: 1em 0;
    font-size: 18px;
    color: #212121;
}

h5.tbl_st9_title {
    margin: 1em 0;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.tbl_st9_title em {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    vertical-align: top;
    margin: 0 0.5em 0 0;
    background: #384e85;
}

.tbl_st9 tr th {
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    background-color: #f6fbff;
}

.tbl_st9 td {
    padding: 14px 10px;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    white-space: normal !important;
    word-break: break-all;
    height: 73px;
}

.tbl_st9.--no-bottom-border tr:last-child th,
.tbl_st9.--no-bottom-border tr:last-child td {
    border-bottom: none;
}

.tbl_st9 th.sm {
    padding: 7px 0px 7px 0px;
    font-size: 14px;
}

.tbl_st9 td.sm {
    padding: 4px 0px 7px 5px;
    border-right: 1px solid #ebebeb;
}

.input_span_style {
    border: 1px solid #ececec;
    font-size: 14px;
    height: 45px;
    width: 265px;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.5em;
    background: #f6f6f6;
    text-align: center;
    padding-top: 11px;
}

.detailRequ.saas .tbl_st9 .sel_box {
    min-width: 60%;
}

.tbl_st9 .sel_box .jq_sel a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    width: 34px;
    height: 28px;
    background: 0;
    right: 3px;
    line-height: 26px;
    text-align: center;
}

.tbl_st9 .sel_box .jq_sel a.jqTransformSelectOpen img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/cloud_ver2/new_cloud/images/icn_arr_down_5.png) top no-repeat;
    width: 13px;
    /* Width of new image */
    height: 13px;
    /* Height of new image */
    padding-left: 35px;
    /* Equal to width of new image */
    display: inline-block;
    vertical-align: middle;
}

table.fixed {
    table-layout: fixed;
}

table.fixed td {
    overflow: hidden;
}


input.fileup {
    width: 100%;
    /*max-width: 600px;*/
    margin-right: 5px;
}

.tbl_st9 input[type=checkbox] {
    position: absolute;
    display: none;
    opacity: 0;
}

.tbl_st9 input[type=checkbox] + label {
    display: inline-block;
    font-size: 14px;
    width: 83px;
}

.tbl_st9 input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.tbl_st9 input[type=checkbox]:checked + label {
    display: inline-block;
    font-size: 14px;
}

.tbl_st9 input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 18px;
    font-weight: 800;
    color: #a0c116;
    background: #fff;
    text-align: center;
    line-height: 18px;
}

.before-request-form input[type=checkbox] {
    position: absolute;
    display: none;
    opacity: 0;
}

.before-request-form input[type=checkbox] + label {
    display: inline-block;
    font-size: 14px;
    width: 83px;
    margin-right: 0;
}

.before-request-form input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    left: 0;
    bottom: 1px;
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, .4), 1px 1px 1px 0px rgba(0, 0, 0, .2);
}

.before-request-form input[type=checkbox]:checked + label {
    display: inline-block;
    font-size: 14px;
}

.before-request-form input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 18px;
    font-weight: 800;
    color: #a0c116;
    background: #fff;
    text-align: center;
    line-height: 18px;
}

.width100p {
    width: 100% !important;
}

.width90p {
    width: 90% !important;
}

.width83p {
    width: 83% !important;
}

.width80p {
    width: 80% !important;
}

.width70p {
    width: 70% !important;
}

.width65p {
    width: 65% !important;
}

.width62p {
    width: 62% !important;
}

.width60p {
    width: 60% !important;
}

.width50p {
    width: 50% !important;
}

.width40p {
    width: 40% !important;
}

.width35p {
    width: 37% !important;
}

.width30p {
    width: 30% !important;
}

.width25p {
    width: 25% !important;
}

.width20p {
    width: 20% !important;
}

.width15p {
    width: 15% !important;
}

.width10p {
    width: 10% !important;
}

.height50p {
    min-height: 40px !important;
}

.height40p {
    min-height: 40px !important;
}

.height30p {
    min-height: 30px !important;
}

.height20p {
    min-height: 20px !important;
}

.height10p {
    min-height: 10px !important;
}

.label_btn2 {
    width: 18%;
    text-align: right;
}

.label_btn3 {
    float: right;
    padding-right: 6px;
}

.label_btn input[type=radio] + label,
.label_btn input[type=radio]:checked + label {
    width: 85px !important;
}

.label_btn2 input[type=radio] + label,
.label_btn2 input[type=radio]:checked + label {
    width: 49px !important;
    font-size: 11px !important;
}

.label_btn3 input[type="radio"] + label,
.label_btn3 input[type="radio"]:checked + label {
    width: 60px !important;
    margin-right: -7px !important;
}

/*.tbl_st4 input[type="radio"],*/
/*.tbl_st9 input[type="radio"],*/
.label_btn input[type="radio"],
.label_btn2 input[type="radio"],
.label_btn3 input[type="radio"],
.label_btn9 input[type="radio"] {
    width: 0px;
    height: 0px;
    display: none;
}

/*.tbl_st9 input[type="radio"] + label {
    margin-top: 10px;
    margin-left: 20px;
}*/

/*.tbl_st9 input[type="radio"] + label:before {
    top: 4px !important;
}*/

/*.tbl_st9 input[type="radio"]:checked + label:before {
    top: 4px !important;
}*/

/*.tbl_st9 input[type="radio"]:checked + label:after {
    top: 8px !important;
}*/

.label_btn input[type="radio"] + label,
.label_btn2 input[type="radio"] + label,
.label_btn3 input[type="radio"] + label {
    display: inline-block;
    font-size: 15px;
    background-color: #FFFFFF;
    width: 103px;
    height: 28px;
    margin-right: -5px;
    vertical-align: middle;
    line-height: 25px;
    text-align: center;
    border: #ccc 1px solid;
}

.label_btn input[type=radio]:checked + label,
.label_btn2 input[type=radio]:checked + label,
.label_btn3 input[type=radio]:checked + label {
    display: inline-block;
    font-size: 15px;
    background-color: #a0c116;
    color: #FFFFFF;
    width: 103px;
    height: 28px;
    margin-right: -5px;
    vertical-align: middle;
    line-height: 25px;
    text-align: center;
    border: #ccc 1px solid;
}

.label_btn4 {
    position: relative;
    display: inline-block;
}

.label_btn4 input[type=button] + label {
    display: inline-block;
    font-size: 15px;
    background-color: #a0c116;
    color: #FFFFFF;
    width: 103px;
    height: 28px;
    margin-right: -5px;
    vertical-align: middle;
    line-height: 25px;
    text-align: center;
    border: #ccc 1px solid;
    width: 49px !important;
    font-size: 11px !important;
}

.tbl_st9 input[type=radio]:disabled + label,
.flex-con input[type=radio]:disabled + label {
    background-color: #e2e2e2;
    color: #626262;
    cursor: default;
}

.tbl_st9 .vat .unit {
    display: inline-block;
    width: 200px;
}

.tbl_st9 .term input[type=text],
.tbl_st9 .term input[type=tel],
.tbl_st9 .term input[type=email] {
    width: 180px;
    font-size: 14px;
}

.tbl_st9 .term button img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('/cloud_ver3/html_web/images/common/icn_calen.png') top no-repeat;
    width: 20px;
    /* Width of new image */
    height: 20px;
    /* Height of new image */
    padding-left: 35px;
    /* Equal to width of new image */
    display: inline-block;
    vertical-align: middle;
    top: 3px;
}

.tbl_st9 .term button {
    border: 0;
    height: 27px;
}

.tbl_st9 .len_r {
    border-right: 1px solid #ebebeb;
    padding-left: 0px;
}

.supAdm .tbl_st9 ul {
    margin-left: 0;
}

.scroll_box {
    height: 150px;
    width: 375px;
    overflow: auto;
    scrollbar-base-color: gold;
    padding: 10px;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent;
}

.inner {
    display: inline-block !important;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.5em;
    width: 80%;
    font-size: 14px;
}

.inner-table {
    width: 49%;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
}

.inner-table textarea {
    border: 1px solid #ececec;
    height: 100%;
    min-height: 330px;
}

.inner-table.--align-top {
    vertical-align: top;
}

.viewTxt {
    width: 100%;
    height: 50px;
    background-color: #f2f5fc;
    opacity: 1.0;
    line-height: 48px !important;
    color: #6b6b6b;
    font-size: 14px !important;
    padding-left: 5px;
    margin-top: 0px !important;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tbl_st9 .inner {
    max-height: 40px;
}

.tbl_st9 .vat input[type=radio] {
    margin-left: 10px;
}

.tbl_st9 .vat label {
    margin-right: 0px;
}

.tbl_st9 .inner label {
    font-size: 14px !important
}

.label_btn9 {
    position: relative;
    display: inline-block;
    width: 55px;
    right: -1.5em;
}

.label_btn9_1 {
    position: absolute;
    top: 0.7em;
    right: 7px;
}

/*.memOut input,*/
.label_btn9_1 input,
.label_btn9_2 input,
.label_btn9 input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

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

.label_btn9_2 input [type="radio"] + label,
.label_btn9_1 input [type="radio"] + label,
.label_btn9 input[type="radio"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    padding: 0 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin: 0 !important;
}

.label_btn9_2 input[type="radio"] + label {
    width: 50px !important;
    height: 44px !important;
    background: #fff !important;
    color: #384e85;
    border: 1px solid #384e85 !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    font-size: 14px;
    text-align: center;
}

.label_btn9_2 input[type="radio"]:checked + label {
    top: 0 !important;
    color: #FFFFFF;
    left: 0 !important;
    background: #384e85 !important;
    border: 1px solid #384e85 !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
}

.label_btn9_2 input[type="radio"] + label:before,
.label_btn9_2 input[type="radio"]:checked + label:after {
    content: normal !important;
}

.label_btn9 input[type="radio"]:disabled + label {
    background: none !important;
    color: #384e85 !important;
    font-weight: 500;
}

#dcacl input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #fff;
    border: 0;
}

#dcacl input[type="checkbox"]:disabled + label {
    background: none !important;
    padding-right: 2em;
}

#dcacl input[type="checkbox"]:checked + label:after {
    content: '';
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background: #fff url(/cloud_ver2/new_cloud/images/input_check_01.png) no-repeat center center !important;
    border: 0 !important;
}

.label_btn9 input[type="radio"] + label:before {
    color: #ff877e !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
}

.label_btn9 input[type="radio"]:checked + label:before {
    background: none !important;
    border: 0 !important;
}

.label_btn9 input[type="radio"]:checked + label:after {
    content: '';
    color: #384e85;
    width: auto !important;
    height: auto !important;
    order: 0 !important;
}

.label_btn9_1 input[type="radio"]:disabled + label {
    background: none !important;
    color: #212121 !important;
    font-weight: 400;
}

.label_btn9_1 input[type="radio"] + label:before {
    color: #212121 !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
}

.label_btn9_1 input[type="radio"]:checked + label:before {
    background: none !important;
    border: 0 !important;
}

.label_btn9_1 input[type="radio"]:checked + label:after {
    content: '';
    color: #212121;
    width: auto !important;
    height: auto !important;
    order: 0 !important;
}

.label_btn9_1_table {
    position: relative;
    width: 100%;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.label_btn9_1_table th {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    padding: 1em;
    border-bottom: 1px solid #ccc;
}

.label_btn9_1_table td {
    font-size: 18px;
    font-weight: 600;
    color: #212121;
    padding: 1.5em 0;
}

.label_btn9_1_table td input {
    border: 0;
    width: 73%;
    text-align: right;
    font-size: 18px;
    font-weight: 500;
    color: #212121;
    margin-top: -4px;
}

.label_btn9_1_table td input[readonly] {
    background: #fff;
}

.label_btn9_1_table td em {
    font-size: 22px;
    display: inline-block;
    font-weight: 700;
    padding: 0 0.5em;
}

.input_border input {
    border: 1px solid #ececec !important;
}

.vat_on {
    color: #384e85;
    font-weight: 500;
}

.vat_off {
    color: #777;
}

.inner_label_text label {
    font-size: 12px !important;
    background: #384e85;
    color: #fff;
    border-radius: 5px;
    padding: 2px 7px;
    margin-left: 10px !important;
}

.flex-con {
    display: flex;
    flex-flow: wrap;
}

.flex-item {
    flex-basis: 47.5%;
}

.flex-th {
    flex-basis: 22%;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 50px;
    background-color: #869fe2;
    color: #FFFFFF;
}

.flex-td {
    flex-basis: 75%;
    display: flex;
    flex-direction: row;
    height: 50px;
    align-items: center;
    border: 1px solid #ebebeb;
}

.flex-td span,
.flex-td label,
.flex-td div {
    font-size: 14px;
    cursor: default;
}

p.requ:before {
    content: '* ';
    color: #a0c116
}

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

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

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

/* faq */
.faq .answer {
    display: none;
    background: #f9f9f9
}

.faq .answer.on {
    display: table-row
}

/* paging */
.paging {
    margin: 30px 0;
    vertical-align: top;
    text-align: center
}

.paging a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    vertical-align: top;
    font-weight: 400;
    font-size: 16px;
    color: #949494;
}

.paging .on {
    color: #384e85;
    font-weight: 500;
    border:2px solid #384e85;
    line-height:22px;
}

.paging > a {
    overflow: hidden;
    background: url(/cloud_ver2/new_cloud/images/paging_arr.png) no-repeat;
    text-indent: -999px
}

.paging > .goLast {
    background-position: -29px 0
}

.paging > a.goPrev {
    overflow: hidden;
    background: url(/cloud_ver2/new_cloud/images/paging_arr_s.png) no-repeat;
    text-indent: -999px
}

.paging > a.goNext {
    overflow: hidden;
    background: url(/cloud_ver2/new_cloud/images/paging_arr_s.png) no-repeat;
    text-indent: -999px;
    background-position: -29px 0
}

.wish_paging {
    margin: 30px 0;
    vertical-align: top;
    text-align: center
}

.wish_paging a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    vertical-align: top;
    font-weight: 400;
    font-size: 16px;
    color: #bdbdbd;
    outline: none;
}

.wish_paging .on {
    color: #fff;
    font-weight: 500;
}

.wish_paging > a {
    overflow: hidden;
    background: url('/cloud_ver2/new_cloud/images/wish_paging_arr.png') no-repeat;
    text-indent: -999px
}

.wish_paging > .goLast {
    background-position: -29px 0
}

.wish_paging > a.goPrev {
    overflow: hidden;
    background: url('/cloud_ver2/new_cloud/images/wish_paging_arr_s.png') no-repeat;
    text-indent: -999px
}

.wish_paging > a.goNext {
    overflow: hidden;
    background: url('/cloud_ver2/new_cloud/images/wish_paging_arr_s.png') no-repeat;
    text-indent: -999px;
    background-position: -29px 0
}

/* color_set */
.fcol_1 {
    color: #1b1b1b
}

.fcol_2 {
    color: #ff6901
}

/* button style */
table + .btnArea {
    margin-top: 30px
}

.btnArea + table {
    margin-top: 10px
}

.btnArea {
    overflow: hidden;
    clear: both;
    text-align: center
}

/*.btnArea + .btnArea {
    margin-top: 30px
}*/

.lay_lnb .btnArea {
    clear: both;
}

.btnArea + .list_st1 {
    margin-top: 30px
}

.btnArea.lef {
    text-align: left
}

.btnArea.rig {
    text-align: right;
    margin: 1em 0;
}

.btnArea.st1 {
    padding-top: 40px;
    margin-bottom: 30px;
    height: 76px;
}

.btns {
    display: inline-block;
    min-width: 70px;
    padding: 0.8em 1.0em;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: center;
    color: #515151;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
}

.btns2 {
    display: inline-block;
    min-width: 70px;
    height: 34px;
    /* line-height: 30px; */
    padding: 0 15px;
    border: 0;
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    /* box-shadow: 0px 1px 3px 1px #84848430;; */
}

.btns:hover {
    text-decoration: none
}

.btns.disabled,
.btns.readonly {
    color: white !important;
    background-color: grey !important;
    border-color: grey !important;
    cursor: none !important;
}

.btns.disabled input,
.btns.readonly input {
    cursor: none !important;
}

.btns.st0 {
    background-color: red;
}

.btns.st1 {
    background-color: #384e85;
    border: 1px solid #384e85 !important;
    padding: 0.8em 1.5em;
    color: #fff;
    cursor: pointer;
}

.btns.st2 {
    background-color: #c0c0c0;
}

.btns.st3 {
    border-color: #384e85;
    color: #384e85;
    font-weight: 500;
    background: #fff;
    /*padding: 10px 10px;*/
    cursor: pointer;
    margin-right: 0;
}

.btns.st3.disabled {
    background-color: #dedede !important;
    border-color: #dedede !important;
    color: #7D7D7D !important;
    cursor: default !important;
}

.btns2.st3 {
    background-color: #fff;
    color: #696969;
    border: 1px solid #dadada;
    font-weight: 800;
    line-height: 30px;
    height: 32px;
}

.btns.st4 {
    background-color: #296eaf;
    cursor: pointer;
}

.btns.st5 {
    background-color: #384e85;
    border: 1px solid #384e85 !important;
    padding: 0.5em 0.5em;
    color: #fff;
    cursor: pointer;
}

.btns.st44 {
    background-color: #800000
}

.btns.st5 {
    background-color: #384e85;
    border: 1px solid #384e85;
    color: #fff;
}

.btns2.st5 {
    background-color: #ceeafa;
    color: #585858;
    border: 1px solid #cecece;
    font-weight: 800;
    line-height: 30px;
    height: 32px;
}

.btns.st6 {
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    background-color: #f66568;
    font-size: 13px;
}

.btns.st7 {
    min-width: auto;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
    border-radius: 2px;
    background-color: #7ca503;
    font-size: 13px;
}

.btns.st8 {
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    background-color: #757ae5;
    font-size: 13px;
}

.btns.st9 {
    background-color: #C1BDBD
}

.btns.st10 {
    background-color: #a0c116
}

.btns.st11 {
    background-color: #aaaaaa;
    width: 138px;
    height: 35px;
    margin-right: 8px;
    font-size: 16px;
}

.btns.st12 {
    background-color: #869fe2;
    width: 138px;
    height: 35px;
    font-size: 16px;
}

.btns.st13 {
    background-color: #ffffff;
    color: #737373;
    border: 1px solid #ddd;
    font-weight: 800;
    width: 135px;
    height: 34px;
    font-size: 13px;
    line-height: 31px;
}

.btns2.st13 {
    background-color: #ffffff;
    color: #737373;
    border: 1px solid #ddd;
    font-weight: 800;
    width: 135px;
    height: 34px;
    font-size: 13px;
    line-height: 31px;
}

.btns.st14 {
    background-color: #ffffff;
    color: #737373;
    border: 1px solid #ddd;
    font-weight: 800;
    width: 100px;
    height: 28px;
    font-size: 13px;
    line-height: 31px;
    margin-left: 10px;
}

.btns2.st15 {
    background-color: #ffffff;
    color: #626262;
    border: 1px solid #ddd;
    font-weight: 800;
    width: 166px;
    height: 34px;
    font-size: 13px;
    line-height: 30px;
    cursor: pointer;
    margin-right: 10px;
}

.btns.st16 {
    color: #f5567a;
    font-weight: 500;
    padding: 8px 10px;
    cursor: pointer;
    margin-right: 0;
    background: #fff;
    height: 42px;
    border: 2px solid #f5567a;
}

.btns.st16 img {
    width: 20px;
}

.btns.st17 {
    color: #fff;
    font-weight: 500;
    padding: 8px 10px;
    cursor: pointer;
    margin-right: 0;
    background: #FF5C43;
    height: 42px;
    border: 2px solid #FF5C43;
}

.btns.st18 {
    color: #fff;
    font-weight: 500;
    padding: 10px 10px;
    cursor: pointer;
    margin-right: 0;
    background: rgb(146 146 146);
    height: 42px;
    border: rgb(255 125 104);
}

.btns.st19 {
    background-color: #fff;
    border: 1px solid #384e85 !important;
    padding: 0.8em 1.5em;
    color: #384e85;
    cursor: pointer;
}

.btns.st20 {
    color: #3289a8;
    font-weight: 500;
    padding: 8px 10px;
    cursor: pointer;
    margin-right: 0;
    background: #fff;
    height: 42px;
    border: 2px solid #3289a8;
}

.btns.st20 img {
    width: 20px;
    margin-top: -3px;
}

.btns.st21 {
    color: #818181;
    font-weight: 500;
    padding: 0 10px;
    cursor: pointer;
    margin-right: 0;
    background: #fff;
    height: 44px;
    line-height: 44px;
    border: 1px solid #818181;
}

/*품질 개선 권고_btn*/
.btns.st24 {
    color: #fff;
    background: #c06c00;
    border: 1px solid #c06c00;
    min-width: 127px;
    font-weight: 500;
}

.login_error_wrap {
    display: block;
    margin: 20px 0 10px 0;
}

.error_message {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.5px;
    color: #ff0101;
    vertical-align: middle;
    word-break: keep-all;
    /*text-align: center;*/
}

.detail_cart {
    font-weight: 500;
    color: #3289a8;
    padding-left: 6px;
}

.btns2.st15 > span {
    color: #4f68d4;
    margin-right: 8px;
}

.btns.icnEmail {
    background-image: url(/cloud_ver2/new_cloud/images/icn_mail.png)
}

/*.btns.icnSearch {*/
/*background-image: url(/cloud_ver2/new_cloud/images/icn_search.png)*/
/*}*/

.btns.icnLogin {
    background-image: url(/cloud_ver2/new_cloud/images/icn_login_2.png)
}

.btns.icnPw {
    background-image: url(/cloud_ver2/new_cloud/images/icn_pw.png)
}

.btns.icnPre {
    background-image: url(/cloud_ver2/new_cloud/images/icn_arrD_left.png)
}

.btns.icnHome {
    background-image: url(/cloud_ver2/new_cloud/images/icn_home_2.png)
}

/*.btns.icnXlx {*/
/*background-image: url(/cloud_ver2/new_cloud/images/icn_xlx.png)*/
/*}*/

.btns.icnSave {
    background-image: url(/cloud_ver2/new_cloud/images/icn_save.png)
}

.btns.icnSave2 {
    background-image: url(/cloud_ver2/new_cloud/images/icn_save_2.png)
}

.btns.icnSend {
    background-image: url(/cloud_ver2/new_cloud/images/icn_send.png)
}

.btns.icnDel {
    background-image: url(/cloud_ver2/new_cloud/images/icn_del.png)
}

.btns.icnWrite {
    background-image: url(/cloud_ver2/new_cloud/images/icn_write.png)
}

.btns.icnPaper {
    background-image: url(/cloud_ver2/new_cloud/images/icn_paper.png)
}

.btns.icnPs {
    background-image: url(/cloud_ver2/new_cloud/images/icn_ps_1.png)
}

.btns.icnCheck {
    background-image: url(/cloud_ver2/new_cloud/images/icn_check.png)
}

.btns.icnCheck2 {
    background-image: url(/cloud_ver2/new_cloud/images/icn_check_2.png)
}

.btns.icnList {
    background-image: url(/cloud_ver2/new_cloud/images/icn_list_2.png)
}

.btns.icnAct {
    background-image: url(/cloud_ver2/new_cloud/images/icn_account_act.png)
}

.btns.icnAct_no {
    background-image: url(/cloud_ver2/new_cloud/images/icn_account_act_no.png)
}

.btns.icnChange {
    background-image: url(/cloud_ver2/new_cloud/images/icn_change.png)
}

.btns.icnBck {
    background-image: url(/cloud_ver2/new_cloud/images/icn_back.png)
}

.btns.icnBck2 {
    background-image: url(/cloud_ver2/new_cloud/images/icn_back_2.png)
}

.btns.icnSpk {
    background-image: url(/cloud_ver2/new_cloud/images/icn_speaker.png)
}

.btns.icnModi {
    background-image: url(/cloud_ver2/new_cloud/images/icn_modi.png)
}

.btns.icnPrint {
    background-image: url(/cloud_ver2/new_cloud/images/icn_print_2.png)
}

.btns.icnCerti {
    background-image: url(/cloud_ver2/new_cloud/images/icn_certi.png)
}

.btns.icnView {
    background-image: url(/cloud_ver2/new_cloud/images/icn_send_2.png)
}

.btns.icnViewNo {
    background-image: url(/cloud_ver2/new_cloud/images/icn_recieve.png)
}

.btns.icnCart {
    padding: 0 16px 0 42px;
    background: #296eaf url(/cloud_ver2/new_cloud/images/icn_cart.png) 16px 50% no-repeat;
}

.btns.next:after {
    width: 11px;
    height: 7px;
    margin-top: -3px;
    background-image: url(/cloud_ver2/new_cloud/images/icn_arr_rig_2.png);
}

.btns.icnNext:after {
    width: 9px;
    height: 11px;
    margin-top: -5px;
    background-image: url(/cloud_ver2/new_cloud/images/icn_arrD_rig.png);
}

.btns.icnWishNext:after {
    width: 9px;
    height: 11px;
    margin-top: -4px;
    background-image: url(/cloud_ver2/new_cloud/images/icn_calarr_rig.png);
    letter-spacing: -1px;
}

.btns.icn {
    border: 1px solid #ddd;
    margin: 0 1em 0 0;
}

.btns.icn_r {
    position: relative;
    background-image: none;
    padding-right: 27px
}

.btns.icn_r:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    background-repeat: no-repeat
}

.btns.icn_rV2 {
    position: relative;
    background-image: none;
    padding-right: 19px;
    margin: 0 2px;
}

.btns.icn_rV2:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 4px;
    background-repeat: no-repeat
}

.listView {
    display: inline-block;
    padding: 10px 10px 10px 28px;
    background: #11a0b3 url(/cloud_ver2/new_cloud/images/icn_list_2.png) 10px 50% no-repeat;
    color: #fff
}

.btn_del {
    overflow: hidden;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/cloud_ver2/new_cloud/images/icn_del_2.png) no-repeat;
    text-indent: -999px
}

.btns_s {
    display: block;
    width: 80px;
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    border-radius: 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: center;
    color: #fff;
    margin: 3px auto;
}

.btns_s2 {
    width: 100px;
}

.btns_s:hover {
    text-decoration: none
}

.btns_s.st1 {
    background-color: #fff;
    color: #384e85;
    border: 1px solid #384e85;
}

.btns_s.st2 {
    background-color: #c0c0c0
}

.btns_s.st3 {
    background-color: #384e85;
}

.btns_s.st4 {
    background-color: #296eaf
}

.btns_s.st5 {
    background-color: #343838
}

.btns_s.st6 {
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    background-color: #f66568;
    font-size: 13px;
}

.btns_s.st7 {
    min-width: auto;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
    border-radius: 2px;
    background-color: #7ca503;
    font-size: 13px;
}

.btns_s.st8 {
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    background-color: #757ae5;
    font-size: 13px;
}

.btns.st9 {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 16px;
    color: #fff;
    background: #707070;
    border-radius: 5px;
    height: 42px;
}

.btns_s.st10 {
    background-color: #384e85;
    height: 33px;
    line-height: 33px;
    /*padding-top: 3px;*/
}

.btnArea a.btns.loading,
.btnArea div.btns.loading,
.btnArea button.btns.loading,
.btnArea span.btns.loading {
    width: auto;
    height: auto;
    display: inline-block;
    cursor: progress;
    color: white;
    background: darkgrey;
    background: -webkit-linear-gradient(-90deg, darkgrey 0%, #384e85 50%, darkgrey 100%);
    background: -moz-linear-gradient(-90deg, darkgrey 0%, #384e85 50%, darkgrey 100%);
    background: -ms-linear-gradient(-90deg, darkgrey 0%, #384e85 50%, darkgrey 100%);
    background: -o-linear-gradient(-90deg, darkgrey 0%, #384e85 50%, darkgrey 100%);
    background: linear-gradient(-90deg, darkgrey 0%, #384e85 50%, darkgrey 100%);
    background-size: 50% 25%;
    -webkit-animation: lineargrad 1s ease-in-out infinite;
    -moz-animation: lineargrad 1s ease-in-out infinite;
    animation: lineargrad 1s ease-in-out infinite;
}

@-webkit-keyframes lineargrad {
    0% {
        background-position: 0% 100%
    }
    100% {
        background-position: 100% 0%
    }
}

@-moz-keyframes lineargrad {
    0% {
        background-position: 0% 100%
    }
    100% {
        background-position: 100% 0%
    }
}

@keyframes lineargrad {
    0% {
        background-position: 0% 100%
    }
    100% {
        background-position: 100% 0%
    }
}

/* font */
.font-point * {
    font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}

/* popup - modal */

#treeDiv, #treeDiv1, #treeDiv2, #treeDiv3, #treeDiv4, .x-panel {
    width: 100% !important;
}

.winPopup > h1 {
    padding: 5px 0 10px 5px;
    background: #005a79;
    font-size: 18px;
    color: #fff
}

.winPopup > h2 {
    padding: 1em;
    background: #384e8c;
    font-size: 16px;
    color: #fff
}

.winPopupText {
    padding: 1em;
    background: #efefef;
    text-align: center;
    margin: 10px 15px 30px 10px !important;
    border-radius: 5px;
}

.winPopupText > p {
    font-size: 0.95rem;
    font-weight: 600;
    color: #292929;
}
.winPopupText > p > span {
    color: #f04e4c;
    font-weight: 600;
    font-size: 16px;
}

.winPopup > h1 a {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 14px;
    overflow: hidden;
    width: 12px;
    height: 12px;
    background: url(/cloud_ver2/new_cloud/images/icn_close.png) no-repeat;
    text-indent: -999px;
}

.winPopup > h2 a {
    float: right;
    display: inline-block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    background: url(/cloud_ver2/new_cloud/images/icn_close.png) no-repeat;
    background-position: 3px 5px;
    text-indent: -999px;
}

.winPopup > div {
    margin: 10px 15px 10px 10px
}

.winPopup #ui-datepicker-div {
    width: auto
}

.winPopup .tab_con {
    overflow-y: auto;
    height: 610px
}

.winPopup .tit {
    margin: 20px 0;
    font-size: 16px
}

.winPopup h3 {
    margin: 30px 0 20px;
    font-size: 16px
}

.winPopup h4 {
    margin: 20px 0 10px;
    font-size: 14px
}

.winPopup .selectbox_option {
    margin: 0px 0px 0px 0px
}

.winPopup .search-history {
    padding: 10px;
    margin: 0 10px;
}

.search-history h3 {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 5px;
}

.search-history * {
    font-size: 16px;
}

.search-history .search-history__title {
    font-size: 20px;
}

.search-history__info {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.search-history__info .info .dash::before {
    content: '-';
}

.search-history__info .filter .filter__content {
    line-height: 170%;
    font-size: 14px;
    padding: 10px;
    border: 1px solid black;
    height: 110px;
    overflow-y: auto;
}

.search-history__info .result .result__table {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.search-history__info .result .result__table .result__table-header {
    flex: 1;
    background-color: grey;
}

.search-history__info .result .result__table .result__table-header.--scrollbar {
    padding-right: 17px;
}

.search-history__info .result .result__table .result__table-header * {
    color: white;
}

.search-history__info .result .result__table .result__table-rows {
    max-height: 170px;
    overflow: auto;
}

.search-history__info .result .result__table .result__table-row:not(:last-child) {
    align-items: stretch;
    border-bottom: 1px solid black;
}

.search-history__info .result .result__table .result__table-header,
.search-history__info .result .result__table .result__table-row {
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
}

.search-history__info .result .service {
    padding: 5px;
    border-right: 1px solid black;
    text-align: center;
    flex: 0.65;
}

.search-history__info .result .company {
    text-align: center;
    padding: 5px;
    flex: 0.35;
}

.search-history #button-print {
    left: calc(50% - 32px);
    position: absolute;
    bottom: 0;
}

/* popup - div */
.popup {
    display: none;
    position: absolute;
    left: 50%;
    width: 1024px;
    margin-left: -512px;
    border: 4px solid #478edc;
    background: #fff;
    z-index: 1100
}

.popup.on {
    display: block
}

.popup h2 {
    padding: 7px 10px;
    background: #478edc;
    font-size: 14px;
    color: #fff
}

.popup h2 a {
    float: right;
    display: inline-block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    background: url(/cloud_ver2/new_cloud/images/icn_close.png) no-repeat;
    text-indent: -999px
}

.popup > div {
    margin: 10px
}

/* popup - tip */
.tip {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 22px;
    line-height: 16px;
    background: url(/cloud_ver2/new_cloud/images/icn_msg.png) no-repeat;
    vertical-align: top;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #fff
}

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

.tip dl {
    display: none;
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 100;
    padding: 10px;
    border: 1px solid #6e6f70;
    box-shadow: 0 0 10px #6e6f70;
    border-radius: 10px;
    background: #fff;
    white-space: nowrap;
    text-align: left
}

.tip dl.on {
    display: block
}

/* layout */
.pageTit {
    border-bottom: 1px solid #ebebeb
}

.pageTit h2 {
    height: 74px;
    line-height: 74px;
    font-size: 26px;
    color: #1b1b1b
}

.pageTit span {
    display: inline-block;
    margin: 25px 0 10px
}

.pageTit span a {
    float: left;
    padding: 0 20px 10px;
    border-bottom: 1px solid #e9e9e9;
    text-decoration: none;
    font-size: 26px;
    color: #1b1b1b
}

.pageTit span a.on {
    border-color: #1b1b1b
}

.pageTit img {
    float: right;
    margin-top: 10px
}

.viewTit {
    /*font-size: 16px;
      color: #0186e1*/
    height: 50px;
    line-height: 48px !important;
    color: #515151 !important;
    font-size: 16px !important;
    padding-left: 20px;
    letter-spacing: 0;
}

.viewTit_01 {
    font-size: 18px !important;
    font-weight: 600;
    margin-right: 1em;
    color: #212121 !important;
    vertical-align: middle;
}

.viewTit + table {
    margin-top: 30px
}

/*  sub menu style  */
.lay_lnb nav > ul > li {
    position: relative;
}

.lay_lnb nav > ul > li.sub {
    border-bottom: 0
}

.lay_lnb nav > ul > li > a {
    position: relative;
    display: block;
    padding: 13px 20px;
    text-decoration: none;
    word-break: keep-all;
    /*font-size: 16px;*/
    font-size: 14px;
    color: #1b1b1b;
    border: 1px solid #ececec;
    border-bottom: 0;
}

.first_list a {
    border-top: 0 !important;
}

.lay_lnb nav > ul > li:last-child > a {
    border-bottom: 1px solid #ececec;
}

.lay_lnb nav > ul > li > a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url(/cloud_ver2/new_cloud/images/icn_arr_down_2.png) no-repeat
}

.lay_lnb nav > ul > li > a:hover {
    color: #384e85;
    font-weight: 600;
}

.lay_lnb nav > ul > li.on > a {
    color: #384e85;
    font-weight: 600;
    /*border-bottom: 1px solid #ececec;*/
}


.lay_lnb nav > ul > li.on:first-of-type > a {
    border-bottom: 0;
}

.lay_lnb nav > ul > li.on > a:after {
    background-position: 0 -11px
}

.lay_lnb nav > ul > .sub > a:after {
    background-image: url(/cloud_ver2/new_cloud/images/icn_arr_down_4.png);
}


.lay_lnb nav li ul {
    display: none;
    margin: 15px 0
}

.lay_lnb nav li.on ul {
    display: block;
    background: #f6f6f6;
    margin: 0;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;

}

.lay_lnb nav li.on:last-child ul {
    border-bottom: 1px solid #ececec;
}

.lay_lnb nav li li a {
    display: block;
    position: relative;
    padding: 10px 10px 10px 30px;
    letter-spacing: -1px;
    font-size: 14px;
    color: #1b1b1b
}

.lay_lnb nav li li a:before {
    content: '-';
    position: absolute;
    top: 8px;
    left: 20px
}

.lay_lnb nav li li a.on,
.lay_lnb nav li li a:hover {
    text-decoration: none;
    color: #384e85;
    font-weight: 600;
}

.only_menu {
    margin-top: 4em;
}

.only_menu > li > a {
    border-color: #f5e0de !important;
    color: #1b1b1b !important;
    font-weight: 400 !important;
}

.only_menu li.on ul {
    border: 1px solid #efdddd;
}

.only_menu > li:last-child > a {
    border-bottom: 1px solid #6771a2;
}

.only_menu li.on ul {
    background: #fff5f4 !important;
    border: 1px solid #efdddd !important;
    border-top: 0 !important;
}

.lay_lnb .conWrap .contents,
.lay_lnb .conWrap > div {
    float: left;
    width: 1050px;
    padding: 15px 0 15px 30px;
}

.lay_lnb .conWrap > div > .sel_box {
    float: right;
    margin-bottom: 10px
}

.schAreaTop {display: flex; align-items: flex-end; justify-content: space-between; }
.schAreaTop .schAreanum {font-weight: 600; }
.schAreaTop > div {display: flex; }

.schArea {
    position: relative;
    margin: 1.5em 0;
    clear: both;
}

.schArea .sel_box {
    float: left;
    top: 0
}

.schArea .schCate {
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.schArea > div {
    margin-right: 95px;
    margin-left: 150px !important;
}

.schArea > input[type=submit],
.schArea > a {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    text-align: center
}

.cateArea .sel_box {
    float: left
}

/* common style */
.quot {
    position: relative;
    padding: 0 10px 10px 10px;
    font-size: inherit
}

.quot:before,
.quot:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url(/cloud_ver2/new_cloud/images/bg_quot_1.png) no-repeat
}

.quot:before {
    top: 0;
    left: 0;
}

.quot:after {
    bottom: 0;
    right: 0;
    background-position: -15px 0
}

.join-wrap h2.tit {
    position: relative;
    padding: 0 10px 10px 10px;
    font-size: 16px;
    text-align: center;
    color: #1b1b1b
}

.join-wrap h2.tit:before,
.join-wrap h2.tit:after {
    display: inline-block;
    content: '';
    width: 14px;
    height: 14px;
    position: relative;
    background: url(/cloud_ver2/new_cloud/images/bg_quot_1.png) no-repeat
}

.join-wrap h2.tit:before {
    top: -7px
}

.join-wrap h2.tit:after {
    bottom: -10px;
    background-position: -15px 0
}

.conWrap > h3 {
    margin: 30px 0 30px;
    text-align: center;
    font-size: 26px;
    color: #0186e1
}

.conWrap > h3.fcol_1 {
    color: #1b1b1b
}

.quot i {
    position: relative;
    top: -7px;
    font-size: 16px;
    color: #1b1b1b
}

.conWrap > h3 + p {
    margin-bottom: 30px;
    line-height: 160%;
    font-size: 16px;
    color: #1b1b1b
}

.conWrap > h3 + p i {
    color: #0186e1
}

.biz p.ac.mb70 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #1b1b1b;
}

.uploadFile.no-margin {

}

.uploadFile {
    position: relative;
    padding-right: 120px;
    /*margin-right: 100px;*/
}

.uploadFile > div {
    position: absolute;
    top: 0;
    right: 0px;
    max-width: 117px;
}

.uploadFile > div img {
    padding:2px;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: -23px;*/
}

.uploadFile span {
    position: relative;
    width: 100%;
    margin-left: 3px;
}

.uploadFile img + span {
    width: 94px;
}

.uploadFile input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 40px;
    border:none;
    border-radius:5px;
}
.uploadFile input[type=file]::after{content:"파일선택"; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; font-size:14px; color:#384e85; font-weight:500; text-align:center; line-height:40px;}

.uploadFile2 {
    position: relative;
}

.uploadFile2 > div {
    position: absolute;
    top: 0;
    right: -117px
}

/*.uploadFile2 > div img {
    position: absolute;
    top: 0;
    left: -23px;
}*/

.uploadFile2 span {
    position: relative;
    width: 100%;
    margin-left: 3px;
}

.uploadFile2 img + span {
    width: 94px;
}

.uploadFile2 input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.markCrtfcInput {
    width: 96% !important;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.uploadFile + .uploadFile {
    margin-top: 5px
}

.ect input[type=text],
.ect input[type=tel],
.ect input[type=email] {
    width: auto;
    margin: 5px
}

.unit i {
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.vat .unit {
    display: inline-block;
    width: 300px
}

.vat .unit input[type=text],
.vat .unit input[type=tel],
.vat .unit input[type=email] {
    padding-right: 10px;
    text-align: right
}

.vat .unit + span,
.vat .unit + label {
    margin-left: 10px
}

.num .unit {
    display: inline-block;
}

.num .unit input[type=text],
.num .unit input[type=tel],
.num .unit input[type=email] {
    padding-right: 10px;
    text-align: right
}

.num .unit + span,
.num .unit + label {
    margin-left: 10px
}

/*textarea*/
.text textarea {
    height: 245px
}

.text p {
    text-align: right
}

.text p i {
    color: #ff6901
}

.supAdm .uploaded {
    margin: 5px 0
}

.uploaded {
    margin: 5px 0
}

.uploaded span a:last-of-type {
    display: inline-block;
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: url(/cloud_ver2/new_cloud/images/icn_del_2.png) no-repeat;
    vertical-align: bottom;
    text-indent: -999px
}

.tbl_st4 td.addFile {
    padding-left: 30px;
    background: url(/cloud_ver2/new_cloud/images/icn_file.png) 10px 50% no-repeat
}

/* increase-decrease */
.in_de_btn {
    display: inline-block;
    position: relative;
    width: 200px
}

.in_de_btn input[type=text],
.in_de_btn input[type=tel],
.in_de_btn input[type=email] {
    width: 40px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 0;
    text-align: right;
    border: 1px solid #707070;
}

.in_de_btn a {
    display: inline-block;
    z-index: 100;
    overflow: hidden;
    position: absolute;
    left: 39px;
    width: 21px;
    height: 13px;
    border: 1px solid #dbdbdb;
    background: #fff center center no-repeat;
    text-indent: -999px;
    cursor: pointer
}

.in_de_btn .inc {
    top: 0;
    background-image: url(/cloud_ver2/new_cloud/images/btn_arr_inde_up.png)
}

.in_de_btn .dcc {
    bottom: 0;
    background-image: url(/cloud_ver2/new_cloud/images/btn_arr_inde_dw.png)
}

.fromNia {
    display: inline-block;
    overflow: hidden;
    width: 22px;
    height: 25px;
    background: url(/cloud_ver2/new_cloud/images/icn_mail_2.png) no-repeat;
    text-indent: -999px
}

.secu {
    margin: 20px 0
}

.secu td {
    padding-left: 33px;
    background: url(/cloud_ver2/new_cloud/images/icn_lock_2.png) 20px 50% no-repeat
}

.requ_info {
    float: right
}

.requ_info i {
    color: #ff0000
}

td.w100p input[type=text],
td.w100p input[type=tel],
td.w100p input[type=email] {
    width: 100%
}

/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻�뜝占� */
.bidName {
    color: #0186e1
}

/* datepicker */
.term * {
    vertical-align: middle
}

.term input[type=text],
.term input[type=tel],
.term input[type=email] {
    width: 95px
}

.ui-datepicker-trigger {
    overflow: hidden;
    position: relative;
    top: 0;
    width: 44px;
    height: 44px;
    line-height: 32px;
    border: 1px solid #dbdbdb;
    border-left: 0
}

.ui-datepicker-trigger img {
    position: absolute;
    left: 5px;
    top: 6px;
}

/* bbs style */
.list_st1 .head > span {
    line-height: 5;
    display: inline-block;
    vertical-align: bottom;
    float: left;
    height: 44px;
    margin-bottom: 1em;
}

.list_st1 .head .sel_box {
    float: right;
    line-height: normal
}

.list_st1 .head > span:after {
    content: '';
    clear: both;
    display: block;
}

.list_st1 table {
    margin: 10px 0 30px
}

.list_st1 .tit a {
    text-align: left;
}

.list_st1 .f_l,
.list_st1 .f_r {
    margin-top: -5px
}

/* 占쎌깕占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈셾占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.mixList table {
    margin-top: 0;
    border-top: 1px solid #c0c0c0;
    background: url(/cloud_ver2/new_cloud/images/bg_tbl_head_st1.png) repeat-x
}

.mixList table td {
    padding: 20px 0 20px 5px;
    border-bottom: 1px solid #ebebeb
}

.mixList table td img {
    max-width: 160px;
    max-height: 130px;
    border: 1px solid #eaeaea
}

.mixList table th {
    padding: 20px;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top;
    text-align: left
}

.mixList table th dt {
    margin-bottom: 25px;
    font-size: 14px;
    color: #1b1b1b
}

.mixList table th dd {
    font-size: 13px
}

.mixList table th dd:last-child {
    margin-top: 20px;
    color: #7d7d7d
}

.mixList table th dd:last-child i {
    margin-left: 15px
}

.mixList table th dd:last-child i:before {
    content: '|';
    margin-right: 15px
}

/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈셾占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.gallList .list {
    padding-top: 20px;
    border-top: 1px solid #c0c0c0;
    background: url(/cloud_ver2/new_cloud/images/bg_tbl_head_st1.png) repeat-x
}

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

.gallList .list a {
    display: block;
    float: left;
    width: 250px;
    height: 330px;
    margin-bottom: 20px;
    padding: 8px;
    border: 1px solid #eaeaea
}

.gallList .list a:nth-child(3n-1) {
    margin: 0 20px 20px
}

.gallList .list a span {
    display: table-cell;
    width: 250px;
    height: 230px;
    vertical-align: middle
}

.gallList .list a span img {
    width: 100%;
    max-height: 100%;
}

.gallList .list p {
    overflow: hidden;
    height: 32px;
    margin: 15px 0;
    font-size: 14px
}

/* 占쎈쐻占쎈＋占쎄쉭�뇡�빘�굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲  */
.bbsView table {
    margin-bottom: 30px
}

.bbsViewtd img {
    max-width: 100%
}

/* 占쎈쐻占쎈솓筌뤿슣�굲占쎈뱜 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.cmntArea dl {
    margin-top: 30px
}

.cmntArea dt {
    padding-bottom: 20px;
    border-bottom: 1px solid #c0c0c0;
    font-size: 16px;
    color: #1b1b1b
}

.cmntArea dt em {
    color: #ff0000
}

.cmntArea dt em:before {
    padding-right: 5px;
    content: '*'
}

.cmntArea dt i {
    font-size: 12px;
    color: #ff6901
}

.cmntArea dt b {
    font-size: 12px;
    color: #626262
}

.cmntArea dd {
    position: relative;
    min-height: 42px;
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #ebebeb
}

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

.cmntArea dd ul {
    float: left;
    margin-right: 160px
}

.cmntArea dd li {
    float: left
}

.cmntArea dd li:nth-child(1) {
    width: 125px;
    font-size: 14px;
    color: #1b1b1b
}

.cmntArea dd li:nth-child(3) {
    clear: left;
    padding-top: 5px;
    line-height: 140%
}

.cmntArea dd span {
    position: absolute;
    right: 5px;
    bottom: 5px
}

.cmntArea .cmentWrite textarea {
    float: left;
    width: 654px;
    height: 60px;
    margin-right: 10px
}

.cmntArea .cmentWrite .btns {
    width: 70px;
    height: 62px;
    line-height: 62px
}

/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈쑓癰귨옙占쎈쐻占쎈짗占쎌굲 */
.myceart.detail th {
    width: 160px
}

.myceart h3 {
    margin: 30px 0 20px;
    font-size: 20px;
    color: #1b1b1b
}

.myceart h3 + .btnArea.rig {
    margin: -44px 0 12px;
}

.myceart .tbl_st1 + .tbl_st1 {
    margin-top: 30px
}

.myceart.detail .tbl_st1 td {
    padding-left: 5px;
    padding-right: 5px
}

.myceart.detail .tbl_st1 tbody td i {
    display: block;
    padding: 10px 0;
    border: 1px solid #dbdbdb;
    background: #f9f9f9;
    color: #626262
}

.myceart.detail .tbl_st1 tbody tr:nth-child(2n-1) td {
    border-bottom: 0
}

.myceart.detail .tbl_st1 tbody tr:nth-child(2n) td {
    padding-top: 0
}

.myceart.detail .tbl_st1 tbody tr:nth-child(2n) td i {
    padding-left: 28px;
    background: #f9f9f9 url(/cloud_ver2/new_cloud/images/icn_reply.png) 10px 50% no-repeat;
    text-align: left;
    color: #1b1b1b
}

.myceart.detail th {
    width: 160px
}

.myceart.detail .tbl_st8 td {
    padding-left: 5px;
    padding-right: 5px
}

.myceart.detail .tbl_st8 tbody tr.sass_dn_tr_up td {
    border-bottom: 0;
}

.myceart.detail .tbl_st8 tbody tr.sass_dn_tr_down td {
    padding-top: 0;
}

.myceart.detail .tbl_st8 tbody tr.sass_do_tr_up td {
    border-bottom: 0;
}

.myceart.detail .tbl_st8 tbody tr.sass_do_tr_down td {
    padding-top: 0;
}

.myceart.detail .tbl_st8 tbody td i {
    display: block;
    padding: 10px 0;
    border: 1px solid #dbdbdb;
    background: #f9f9f9;
    padding-left: 28px;
    background: #f9f9f9 url(/cloud_ver2/new_cloud/images/icn_reply.png) 10px 50% no-repeat;
    text-align: left;
    color: #626262;
}

.myceart .tbl_st4 dt {
    line-height: 160%
}

.myceart .tbl_st4 dd {
    margin-top: 10px
}

.myceart .tbl_st4 dd i {
    display: block;
    padding: 5px;
    background: #f9f9f9;
    border: 1px solid #dbdbdb;
    color: #626262
}

.myceart .tbl_st4 dd:nth-child(2n) i {
    padding-left: 28px;
    background: #f9f9f9 url(/cloud_ver2/new_cloud/images/icn_reply.png) 10px 50% no-repeat;
    color: #1b1b1b
}

.myceart .replyWrap {
    margin: 20px 0;
    padding-left: 20px;
    background: url(/cloud_ver2/new_cloud/images/icn_reply.png) 0 20px no-repeat;
}

.myceart .replyWrap table {
    margin-bottom: 20px
}

/*占쎈쐻占쎈솯�ⓦ끉�굲*/
.error_area {
    overflow: hidden;
    clear: both;
    text-align: center;
    margin-top: 60px;
}

.co_yellow {
    background-color: #ff9900;
    padding: 0 40px 0 22px;
}

.sch-num{display:flex; align-items:center;}

/*.txtadd {
    width: 100%;
    background-color: #f6f6f6;
    padding: 1.25em;
    border: 1px solid #ececec;
    border-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
}

.num_call {
    font-size:18px;
    display:block;
    height:30px;
    float:left;
    margin-right:20px;
    font-weight:800;
    color:#2a41a6;
}

.num_call {
    font-size: 20px;
    display: block;
    font-weight: 800;
    color: #384e85;
}

.txtadd img {
    width:37px;
    margin-right: 10px;
}*/


/*1:1문의하기*/
.info--box {padding: 30px; }
.info--box p {font-weight: 800; font-size: 35px; line-height: 52px; color: #333; letter-spacing: -0.8px; text-align: center; }
.info--box ul {display: flex; flex-flow: row wrap; margin-top: 40px; padding-top: 40px; border-top: 2px solid #18479f}
.info--box ul li {position: relative; box-sizing: border-box}
.info--box ul li:nth-child(odd) {width: 47%; padding-left: 140px}
.info--box ul li:nth-child(even) {width: 53%; padding-left: 190px}
.info--box ul li:after {content: ''; position: absolute; top: 27%; right: -1px; transform: translateY(-50%); width: 2px; height: 28px; background: #ddd}
.info--box ul li:last-child:after {display: none}
.info--box ul li > * {font-family: neo; line-height: 40px; letter-spacing: -0.5px}
.info--box ul li span {position: absolute; top: 0; margin: 0; padding-left: 35px; font-weight: 700; font-size: 18px; color: #999}
.info--box ul li:nth-child(odd) span {left: 0; background: url('/cloud_ver2/new_cloud/images/tel_ico.png') no-repeat left center}
.info--box ul li:nth-child(even) span {left: 40px; background: url('/cloud_ver2/new_cloud/images/mail_ico.png') no-repeat left center}
.info--box ul li a {font-size: 27px; font-weight: 800; color: #222; text-decoration: none; letter-spacing: 0}
.info--box ul li a > em {display: block; font-size: 20px; }


/*left_area*/
.lay_lnb .conWrap .left_area {
    width: 211px;
    height: 100%;
    float: left;
    margin: 0;
    padding: 20px 0 0 9px;
}

.lay_lnb .conWrap .left_area h2 {
    height: 50px;
    padding-left: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    background-color: #389ef3;
}

.lay_lnb .conWrap .left_area ul {
    padding: 9px 10px 15px;
    background-color: #f4f4f4;
}

.lay_lnb .conWrap .left_area ul li {
    position: relative;
    margin-top: 6px;
    padding: 10px 20px 11px 12px;
    border: 1px solid #d6d6d6;
    color: #7e7e7e;
    background-color: #f8f8f8;
}

.lay_lnb .conWrap .left_area ul li .icon_delete {
    display: none;
}

.lay_lnb .conWrap .left_area ul li:hover,
.lay_lnb .conWrap .left_area ul li.on {
    padding: 8px 18px 9px 10px;
    border: 3px solid #02aeec;
    color: #333;
    background-color: #fff;
}

.lay_lnb .conWrap .left_area ul li.on .icon_delete {
    display: block;
    position: absolute;
    top: 11px;
    right: 10px;
}

.box_info {
    margin: 0 0 20px 0;
    padding: 15px 20px;
    border: 1px solid #d7dfea;
    background-color: #e8eff7;
}

.txt_st1 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.list_st1 li {
    position: relative;
    margin-top: 8px;
    padding-left: 10px;
    font-size: 14px;
}

.list_st2 li {
    padding-left: 0 !important;
}

.list_st1 li span {
    font-size: 14px;
}

/*.list_st1 li:before {position:absolute; top:5px; left:0; display:block; width:5px; height:5px; border-radius:5px; background-color:#f95b11; content:"";}*/
.list_st1 li:first-child {
    margin-top: 0;
}

.bg_st1 {
    background-color: #f8f8f8;
}

.bg_st2 {
    background-color: #e3e3e3;
}

.icon_delete {
    display: inline-block;
    position: absolute;
    top: 21px;
    height: 10px;
    width: 10px;
    right: 12px;
    background: url('/cloud_ver3/html_web/images/icon_delete.png') no-repeat 0 0;
}

.clearfix {
    *zoom: 1
}

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

.clearfix_dash {
    content: "";
    display: block;
    clear: both
}

/*계약결과관리*/
.buylist .sel_box .jq_sel ul {
    height: 115px !important;
    margin-left: -1px;
    margin-top: -1px;
}

/*공급현황*/
.supAdm .list_st1 .sel_box .jq_sel ul {
    margin-left: -1px;
    margin-top: -1px;
}

.tab-area > ul.has-tab {
    height: 103px;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}

.tab-area > ul.has-tab > li {
    border-right: none;
}

.tab-area > ul > li > ul.list-tab {
    display: none;
    margin-left: 36px;
    margin-right: 80px;
    position: absolute;
    left: 0;
    top: 54px;
    z-index: 100;
}

.tab-area > ul > li.on > ul.list-tab {
    display: block;
}

.tab-area ul.list-tab li {
    margin-left: 20px;
    padding-left: 20px;
    font-size: 12px;
    text-align: center;
    background: url(/new_cloud/images/sub/bg-line.gif) 0 21px no-repeat;
    float: left;
}

.tab-area ul.list-tab li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

.tab-area > ul > li .on {
    font-weight: 700;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .flex {
        max-width: 937px;
    }

    .case.common {
        padding-bottom: 120px !important;
    }

    .form .case.common {
        padding-bottom: 220px !important;
    }
}

.conWrap div.padding-wrapper {
    padding: 30px;
}

.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

.case {
    margin-bottom: 25px;
}

.case * {
    font-family: 'Noto Sans KR';
    font-size: 15px;
    line-height: 160%;
}

.case p.content {
    line-height: 200%;
}

.case h2 {
    font-size: 22px;
}

.case h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.case .underbar {
    display: block;
    /* border-bottom: 4px solid #0186e1; */
    background: linear-gradient(to right, #28c2fd, white);
    color: white;
    padding: 3px 0;
    padding-left: 10px;
}

.case.title {
}

.case.common {
    border-bottom: 1px dotted grey;
    flex: 1;
    padding: 30px 20px;
}

.case.common .provider {
    justify-content: space-between;
    flex: 1;
}

.case.common .provider p {
    font-size: 22px;
}

.case.common .provider .subject {
    font-weight: 700;
    word-break: keep-all;
}

.case.common .grid {
    flex: 1;
    display: grid;
    grid-template-columns: 80px auto;
    grid-template-rows: auto auto auto;
    grid-column-gap: 15px;
    grid-row-gap: 5px;
    justify-content: flex-end;
    align-items: center;
}

.case.common .grid {
    flex: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 15px auto;
    grid-template-columns: 80px auto;
    -ms-grid-rows: auto 5px auto 5px auto;
    grid-template-rows: auto auto auto;
    grid-column-gap: 15px;
    grid-row-gap: 5px;
    justify-content: flex-end;
    align-items: center;
}

.case.common .grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.case.common .grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.case.common .grid > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.case.common .grid > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.case.common .grid > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.case.common .grid > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.case.background .title,
.case.image .title,
.case.description .title,
.case.effect .title {
    flex-basis: 100px;
}

.case.background .content,
.case.image .content,
.case.description .content,
.case.effect .content {
    flex: 1;
}

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

.case.image img {
    max-width: 100%;
    min-width: 70%;
    height: auto;
}

.form .case .subject input {
    width: 100%;
}

.form .case.common {
    padding: 0 0 30px 0;
}

.form .case.common .provder {
}

.form .case textarea {
    resize: vertical;
}

.form .case.common .provider div {
    margin-bottom: 5px;
}

.form .case .select2-selection--multiple {
    border: 1px solid #dbdbdb;
    border-radius: 0;
}

.form .case.image .areaAttach {
    border: 5px dashed #d5d5d5;
    align-items: center;
    justify-content: center;
}

.form .case.image #label-image-file-input {
    display: flex;
    flex-direction: column;
    padding: 5px;
    width: 100%;
    align-content: center;
    justify-content: center;
    min-height: 100px;
}

.form .case.image .image-file-input::-webkit-file-upload-button {
    display: none;
}

.form .case.image .image-file-input {
    border: none;
    display: none;
}

.form .case.image .container-filename {
    text-align: right;
    padding-top: 10px;
}

.form .case input,
.form .case textarea {
    color: black;
}

.form .counter {
    float: right;
}

.form .case input::placeholder,
.form .case input::-ms-input-placeholder,
.form .case input:-ms-input-placeholder {
    color: #ccc;
}

.agree .label-agree .checkmark {
    font-size: 14px;
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #bbb;
}

.agree .label-agree strong {
    line-height: 180%;
    font-size: 15px;
}

.agree .label-agree {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.agree .label-agree input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* On mouse-over, add a grey background color */
.agree .label-agree:hover input ~ .checkmark {
    background-color: #aaa;
}

/* When the checkbox is checked, add a blue background */
.agree .label-agree input:checked ~ .checkmark {
    background-color: #0186e1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.agree .label-agree input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.agree .label-agree .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form .case .counter.exceedLimit {
    color: #ff3a3a;
}

.red {
    color: #de284a;

}

.red-bg {
    background-color: #ff3a3a;
}

ul.list-sort li {
    display: inline-block;
}

ul.list-sort li.sort a {
    color: #227a99;
    font-weight: bold;
}

ul.list-sort li a {
    font-size: 14px;
}

ul.list-sort li::before {
    margin: 0;
    padding: 0;
    content: none;
}

ul.list-sort li::after {
    content: '|';
    padding-left: 10px;
}

ul.list-sort li:last-child::after {
    content: none;
}

td.no-padding {
    padding: 0;
}

.inner-div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    text-align: center;
    align-items: stretch;
    overflow: hidden;
}

.inner-div > div {
    width: 100%;
    border-right: 1px solid #c0c0c0;
}

.inner-div > div:last-child {
    border-right: none;
}

.inner-div > div:nth-child-end {
    width: 100%;
    border-right: 1px solid #c0c0c0;
}

.innder-div .inner-div-header {
    border-bottom: 1px solid #c0c0c0;
}

.new-icon {
    position: absolute;
    left: -7px;
    top: calc(50% - 9px);
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    background-color: #F36B22;
    color: white;
    border-radius: 50%;
    padding: 0 4px;
    user-select: none;
}

.new-icon-noti {
    position: absolute;
    left: 117px;
    top: calc(50% + 22px);
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    background-color: #F36B22;
    color: white;
    border-radius: 50%;
    padding: 0 4px;
    user-select: none;
}

/*  우측 탭메뉴  */

.ceart_right_tab_box {
    position: fixed;
    top: 230px;
    right: -322px;
    z-index: 99;
    transition: all ease .3s;
    height: 145px;
}

.ceart_right_tab_box dl {
    height: 145px;
}

.ceart_right_tab_box_open {
    right: 0;
    transition: all ease .3s;
    z-index: 100;
}

.ceart_right_tab_box dt, .ceart_right_tab_box dd {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-shadow: -10px 0 8px rgba(11, 11, 11, .1);
}

.ceart_right_tab_box dt {
    padding: 2.5em 1.8em;
    text-align: Center;
    border-radius: 10px 0 0 10px;
    background: #fff;
    z-index: 99;
    cursor: pointer;
    margin-right: -5px;
}

.ceart_right_tab_box dt img {
    max-width: 100px;
}

.ceart_right_tab_box dd {
    width: 320px;
    background: #fff;
    padding: 2em;
    border-radius: 0 0 0 10px;
}

.ceart_right_search_box {
    position: relative;
    margin: 1em 0 2.5em 0;
}

.ceart_right_search_input {
    width: 100%;
    height: 40px !important;
    border-radius: 25px !important;
    background: #e3efff !important;
    border: 1px solid #e3efff !important;
    text-align: center;
    font-size: 18px !important;
}

.ceart_right_contents_box {
    position: relative;
    width: 100%;
    background: #e3efff;
    padding: 2em 2.5em;
    text-align: center;
}

.ceart_right_contents li:first-child {
    text-align: right;
}

.ceart_right_contents li:first-child a {
    font-size: 16px;
    margin-right: 3px;
    color: #515151;
}

.ceart_right_contents li:first-child a img {
    vertical-align: baseline;
}

.ceart_right_contents_title {
    position: relative;
    font-size: 22px;
    color: #212121;
    overflow: hidden;
    text-align: center;
    margin: 1em 0;
}

.ceart_right_contents_text {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    word-break: keep-all;
    color: #212121;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 96px;
}

.ceart_right_btn_box {
    position: relative;
    display: block;
    margin-top: 2em;
}

.ceart_right_btn_box a {
    display: block;
    padding: 0.3em;
    text-align: center;
    margin: 0 auto;
    background: #009ea5;
    color: #fff;
    font-size: 18px;
    border-radius: 25px;
}

.ceart_right_text {
    margin: 1.6em 0;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #212121;
    font-weight: 400;
    word-break: keep-all;
}

.ceart_right_contents_box .bx-controls {
    position: relative;
    margin: 3em 0 2em 0;
    padding: 0.5em 0;
}

.ceart_right_contents_box .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    position: absolute;
    top: 5px;
    left: 33%;
    padding: 9px;
    font-size: 0;
    background: url('/cloud_ver3/html_web/images/common/prev.png') no-repeat;
}

.ceart_right_contents_box .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    position: absolute;
    top: 5px;
    right: 32%;
    padding: 9px;
    font-size: 0;
    background: url('/cloud_ver3/html_web/images/common/next.png') no-repeat;
}

.ceart_right_contents_box .bx-start {
    position: absolute;
    top: 0;
    left: 47%;
    font-size: 0;
    display: none;
    padding: 9px;
    background: url('/cloud_ver3/html_web/images/common/start.png') no-repeat;
    width: 15px;
    height: 16px;
}

.ceart_right_contents_box .bx-stop {
    position: absolute;
    top: 0;
    left: 46%;
    font-size: 0;
    padding: 9px;
    background: url('/cloud_ver3/html_web/images/common/stop.png') no-repeat;
    width: 15px;
    height: 16px;
}

.ceart_right_contents_box .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item {
    position: relative;
}

/*-- footer  --*/

footer {
    position: relative;
    width: 100%;
    background: #fff;
}

.footer_link_wrap {
    position: relative;
    width: 100%;
    min-width: 1280px;
    padding: 1em 0;
    background: #f6f6f6;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.footer_link_box {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width: 1280px;
    margin: 0 auto;
    height: 40px;
}

.footer_link_area, .agency_link_area {
    display: inline-block;
    vertical-align: middle;
}

.footer_link_area {
    width: 41%;
    float: left;
}

.footer_link_area li {
    display: inline-block;
    padding-right: 2em;
    vertical-align: top;
}

.footer_link_area li a {
    font-size: 16px;
    color: #212121;
    display: block;
    padding: 0.5em 0;
}

.footer_link_area li:nth-child(2) a{color:#1e3c7d; font-weight:500;}

.footer_link_area li a:hover {
    text-decoration: underline;
    font-weight: 500;
}

.footer_banner_link_all {
    /*position: relative;
    width: 100%;*/
    min-width: 1280px;
    border-top: 1px solid #ececec;
    background: #fff;
}

.footer_banner_link {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.footer_banner_link li {
    position: relative;
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
    /*min-width:200px;*/
    width: 19%;
}

.footer_banner_link li:last-child {
    margin-right: 0;
}

.footer_banner_link li a {
    display: block;
    width: 100%;
    height: 85px;
    text-align: center;
    background: #fff;
}

.footer_banner_link li a img {
    padding-right: 0;
}

.agency_link_area {
    text-align: right;
    float: right;
    width: 15%;
    margin-top: 4px;
    position: relative;
}

.agency_link_area_select {
    position: relative;
    display: block;
    float: right;
    width: 180px;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(11, 11, 11, .2);
    background: #fff;
    color: #212121;
}

.agency_link_area_select li {
    padding: 0.5em 1em;
    position: relative;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
}

.agency_link_area_select li img {
    position: absolute;
    top: 13px;
    right: 13px;
}

.agency_link_area_select_hover {
    transform: rotate(180deg);
}

.agency_link_area_select_list {
    position: absolute;
    top: 34px;
    right: 0;
    width: 100%;
    height: 140px;
    overflow-y: auto;
    display: none;
    border-radius: 0 8px 8px 0;
    background: #fff;
    z-index: 99;
    box-shadow: 0 4px 4px rgba(11, 11, 11, .2);
}
.agency_link_area_select_list::-webkit-scrollbar{width:7px; height:7px;}

.agency_link_area_select_list.on {
    display: block;
}

.agency_link_area_select_list li {
    border-top: 1px dashed #ececec;
}

.agency_link_area_select_list li a {
    display: block;
    padding: 0.5em 1em;
    width: 100%;
    font-size: 14px;
    text-align: left;
}

.agency_link_area_select_list li a:hover {
    background: #f6f6f6;
}

.footer_content_area {
    position: relative;
    padding: 2em 0;
}

.footer_content_area:after {
    content: '';
    clear: both;
    display: block;
}
.footer_content_area a{display:inline-block; margin-right:15px;}
.footer_content_area a:nth-child(2){margin-right:2em;}
.footer_content_area img{height:89px;}
.footer_content_area img, .footer_content_area address {
    display: inline-block;
    vertical-align: top;
}

.footer_content_area address dl {
    width: 100%;
    padding-bottom: 1em;
}

.footer_content_area address dl dd,
.footer_content_area address p{
    display: inline-block;
    color: #515151;
    font-size: 14px;
    font-style: normal;
    float: none;
    font-weight: 400;
    letter-spacing: 0;
}

.footer_content_area address dl dt {
    padding-right: 0.5em;
    display: inline-block;
    color: #212121;
    font-size: 14px;
    font-style: normal;
    float: none;
    font-weight: 500;
    letter-spacing: 0;
}

.footer_content_area address p{display:block;}
.footer_content_area address p:not(:last-child){padding-bottom:1em;}


.bnrArea {
    margin-top: 30px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff
}

.bnrArea .conWrap {
    padding: 15px 0
}

.bnrArea a {
    display: inline-block;
    margin-left: 35px;
}

.bnrArea a:first-child {
    margin-left: 35px
}

.bottom_title {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    width: 75px;
    height: 40px;
    padding-top: 12px;
    float: left;
    margin-right: 36px;
}

.in_txt {
    display: inline-block;
    margin-right: 50px;
}

.in_txt li:nth-child(1) {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
}

.in_txt li:nth-child(2) {
    font-size: 12px;
    color: #58595b;
}

.in_txt li a {
    margin-left: 9px;
}

.in_download {
    margin-right: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    line-height: 40px;
    display: inline-block;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .in_download {
        font-size: 11.5px;
    }
}

.in_download a {
    margin-left: 5px;
}

.in_download:last-child {
    margin-right: 0;
}

/**/
.main_banner {
    width: 1105px;
    margin: 15px 0 15px 80px;
}

.main_banner a {
    display: inline-block;
    margin-right: 70px;
}

.bannerArea {
    margin: 10px 0;
}

/* 회원탈퇴 */

.memOut {
    position: relative;
    border-top: 1px solid #ececec;
    width: 100%;
}

.memOut h3 {
    text-align: left;
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 1em 0;
    font-size: 20px;
    font-weight: 500;
    color: #212121;
}

.memOut p {
    font-weight: 500;
}

.memOut ul li {
    display: block;
    margin-bottom: 0.5em;
    letter-spacing: 0;
    font-size: 14px;
}

.memOut textarea {
    display: block;
    width: 100%;
    margin-bottom: 1em;
}

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

.memOut input[type="checkbox"] + label{font-size:15px; margin-left:10px;}

.winPopup input[type="checkbox"] + label/*,
.memOut input[type="checkbox"] + label*/ {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.winPopup input[type="checkbox"] + label:before/*,
.memOut input[type="checkbox"] + label:before*/ {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    text-align: center;
    background: #fff;
    border: 1px solid #384e85;
    border-radius: 5px;
}

.winPopup input[type="checkbox"]:checked + label:before {
    background: #fff;
    border-color: #ccc;
}

.winPopup input[type="checkbox"]:checked + label {
    display: inline-block;
    font-size: 14px;
}

.winPopup input[type="checkbox"]:checked + label:after/*,
.memOut input[type="checkbox"]:checked + label:after*/ {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background: #384e85 url('/cloud_ver2/new_cloud/images/input_check.png') no-repeat center center;
    background-size: 80%;
    border: 1px solid #384e85;
    border-radius: 5px;
}

.memOut .rig {
    margin: 1em 0;
}

/******************************** 서비스 등록 페이지 ********************************/

.last_regist_done {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 2em;
    border: 3px solid #ececec;
    border-top: 2px solid #ececec;
}

.last_regist_done h1 {
    font-size: 25px !important;
    margin-bottom: 1em !important;
}

.last_regist_done .btns {
    width: 250px !important;
    font-size: 16px !important;
}

.register_service {
    position: relative;
    width: 100%;
}

.register_service .btnArea {
    margin: 1em 0;
}

.register_service h3 {
    font-size: 27px !important;
    color: #212121 !important;
    padding: 0.5em 0;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -1px;
}

span.main_tit_icon {
    background: url(/cloud_ver3/html_web/images/info_01.png) 20px;
}

.register_service h4 {
    font-size: 22px;
    color: #212121;
    padding: 1em 0 0.5em 0;
    font-weight: 500;
}

.register_service h5 {
    position: relative;
    font-size: 18px;
    color: #212121;
    padding: 1em 0.5em;
    font-weight: 400;
}

.register_service h5:after {
    position: absolute;
    top: 25px;
    left: 0;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #384e85;
}

.register_service dl {
    position: relative;
    width: 100%;
    min-height: 74px;
    display: table;
}
.register_service dl select{min-width:158px;}

.register_service h5 + dl {
    border-top: 2px solid #000000;
}

.register_service dl:first-of-type {
    border-top: 2px solid #000000;
}

.border2tp {
    border-top: 2px solid #000000;
}

.border1tp {
    border-top: 1px solid #000000;
}

.border1bp {
    border-bottom: 1px solid #000000;
}

.borderTnone {
    border-top: none;
}

.register_service dt {
    border-bottom: 1px solid #c3c3c3;
    position: relative;
    display: table-cell;
    padding: 0.5em;
    background: #f6fbff;
    color: #212121;
    font-size: 16px;
    vertical-align: middle;
    word-break: keep-all;
}

.register_service .requTit {
    width: 124px;
    border-bottom: none;
}

.register_service span.bracket {
    font-size: 14px;
    display: block;
}

.register_service ul.bracket li {
    position: relative;
    font-size: 13px;
    padding-left: 27px;
    letter-spacing: 0;
    padding-bottom: 5px;
}

.register_service ul.bracket li.bracket_red {
    color: #de284a;
}

.register_service ul.bracket li:after {
    content: '-';
    padding: 0 5px 0 19px;
    position: absolute;
    top: 0;
    left: 0;

}

.register_service .requDet {
    width: 102px;
    border-top: 0px;
}

.register_service dd {
    position: Relative;
    display: table-cell;
    padding: 1em;
    border-bottom: 1px solid #c3c3c3;
    vertical-align: middle;
}

.register_service dd input[type='checkbox'] label {
    min-width: 20%;
}

.requ:before {
    content: '* ';
    color: #ff0000
}

.requ2:before {
    content: '* ';
    color: #002aff
}

.width45p {
    width: 45%;
    max-width: 302px;
}

.width65p {
    width: 65% !important;
}

.width73p {
    width: 73% !important;
}

.width82p {
    width: 82% !important;
}

.width85p {
    width: 85% !important;
}

.width90p {
    width: 90% !important;
}

.register_input_two {
    width: 48.8% !important;
}

.register_input_two01 {
    width: 48.5% !important;
}

.register_input_three {
    width: 32.6% !important;
}

.register_input_three01 {
    width: 31.5% !important;
}

.register_sel_box_input {
    width: 22% !important;
}

.register_table_two dd {
    width: 270px;
}

.register_delete_img {
    margin: 0 1em;
    cursor: pointer;
}

.register_input_text_count {
    letter-spacing: 0;
    display: inline-block !important;
    padding: 0 5px;
    width: auto !important;
}

.register_input_text_count em {
    color: #de284a;
    font-weight: 500;
}

.register_service_leftbox,
.register_service_rightbox {
    display: table-cell;
}

.register_service_rightbox dl {
    min-width: 905px;
    width: 100%;
}

.register_service_box {
    clear: both;
}

.register_service_leftbox {
    border-top: 2px solid black;
    border-bottom: 1px solid #c3c3c3;
    text-align: center;
    height: 100%;
    width: 115px;
    vertical-align: middle;
    background-color: #f6fbff;
}

.register_service_leftbox span {
    font-size: 16px;
    font-weight: bold;
    color: #212121;
}

.register_service dl dd .uploadFile div img {
    left: -17px !important;
}

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

.register_service dl dd input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding: 5px 0 5px 30px;
    min-width: 18%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/*label 텍스트가 길어서 크기 정렬이 깨질때 이걸 쓰세용*/
.convergence_input_size input[type="checkbox"] + label {
    width: 22%;
}

.register_service dl dd input[type="checkbox"] + label:last-of-type {
    min-width: auto !important;
}

.convergence_input_size input[type="checkbox"] + label:last-of-type {
    width: auto !important;
}

.register_service dl.checkbox_short_text dd input + label {
    width: 18%;
}

.register_service dl.checkbox_long_text dd input + label {
    width: 31%;
}

.register_service dl dd input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.register_service dl dd input[type="checkbox"]:checked + label:before {
    background: #fff;
    border-color: #ccc;
}

.register_service dl dd input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 18px;
    height: 18px;
    background: #384e85 url('/cloud_ver2/new_cloud/images/input_check.png') no-repeat center center;
    border: 1px solid #384e85;
    border-radius: 5px;
}

.mogration_choice_input {
    position: relative;
    display: inline-block;
    width: 48%;
    margin: 5px 0.5em;
    border: 1px solid #ececec;
    padding-bottom: 10px;
}

.mogration_choice_input span {
    display: block;
    padding: 5px;
    width: 100%;
    text-align: center;
    background: #f6f6f6;
    border-bottom: 1px solid #ececec;
}

.mogration_choice_input input[type="checkbox"] + label {
    display: block;
    width: 100%;
    margin-left: 1em;
}

.mogration_choice_input input[type="checkbox"] + label:last-of-type {
    width: auto !important;
}

.chk_text_input {
    position: Relative;
    width: 100%;
    display: block;
    margin: 3px 0;
}

.chk_text_input input[type="text"] {
    width: 90%;
}

/*.register_service dl dd input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.register_service dl dd input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding: 5px 0 5px 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.register_service dl dd input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 17px;
    height: 17px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
}

.register_service dl dd input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 4px;
    width: 11px;
    height: 11px;
    background: #384e85;
    border-radius: 100%;
}*/

.register_service dl dd input[type="radio"] + label{margin-left:10px;}

.uploadFile_none {
    display: inline-block;
    width: 80%;
}

.hidden_input {
    position: relative;
    display: none;
    margin-top: 1em;
    border-radius: 5px;
}

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

.hidden_input li span {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
}

.register_service dl dd .sel_box ul li {
    display: block;
    margin: 0 !important;
}

.register_service dl dd ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    z-index: 9;
}

.se:not(#se-t) .se-dropdown .se-dropdown-menu-wrapper li {
    display: block !important;
}

.register_service dl dd ul li img {
    max-width: 148px;
}

.register_service dl dd ul li:nth-of-type(5n) {
    margin-right: 0;
}

.register_service dl dd ul li dl {
    min-height: auto;
    border-top: 1px dashed #ececec;
}

.register_service dl dd ul li dl:first-child {
    margin-top: 10px;
}

.register_service dl dd ul li dl:last-child {
    border-bottom: 1px dashed #ececec;
}

.register_service dl dd ul li dl dt {
    background: #fff;
    padding: 5px;
    border-bottom: 0;
    font-size: 14px;
}

.register_service dl dd ul li dl dd {
    background: #fff;
    padding: 5px;
    border-bottom: 0;
    width: 140px;
}

.register_service dl dd ul li dl dd ul {
    background: #fff;
    width: 100%;
    margin-top: 5px;
}

.register_service dl dd ul li dl dd ul li {
    display: block;
    width: 100%;
}

.register_service dl dd ul li dl dd ul li span {
    display: inline-block;
    width: 83px;
    text-align: center;
    vertical-align: middle;
}

.register_service dl dd ul li dl dd ul li input[type='text'] {
    height: 30px;
    display: inline-block;
    width: 83%;
    margin-left: 1em;
}

.register_service dl dd ul li dl:nth-of-type(3) dd ul li span {
    width: 122px;
}

.register_service dl dd ul li dl:nth-of-type(3) dd ul li input[type='text'] {
    width: 77%;
}

.register_text01 {
    padding-right: 0;
    padding-bottom: 0px;
}

.register_delete_img01 {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 99;
}

.register_img_up {
    position: absolute;
    bottom: 15px;
    left: 27%;
    display: block;
    width: 75px;
    border: 1px solid #a0a0a0;
    background: #fff;
    text-align: center;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 13px;
}

p.register_img_up {
    position: absolute;
    bottom: 15px;
    left: 81%;
    display: block;
    width: 75px;
    border: 1px solid #a0a0a0;
    background: #fff;
    text-align: center;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
}

.register_img_text {
    display: block;
    margin: 1em 0 0 0;
    font-size: 13px;
    letter-spacing: 0;
}

/*.register_img_text01 {
    display: block;
    margin: 0.5em 0;
    font-size: 15px;
}*/

.bx-gray {
    background: #f6f6f6;
    margin: 1.2222222222rem 0 1.2222222222rem 0;
    padding: 0.75rem 0 0.75rem 1rem;
    border-radius: 0.5rem;
}

.termbox .mark-info {
    font-size: 1rem;
    position: relative;
    padding-left: 1.5em;
    font-size: .8888888889rem;
    background: url('/cloud_ver3/html_web/images/icon-info.svg') no-repeat 0 0.125em / auto 1.25em;
}

.register_img_text02 {
    display: block;
    font-size: 15px;
}

.register_service .download_table_link {
    font-size: 14px;
    color: #212121;
    padding: 3px 2.2em 3px 0;
    margin: 0.5em 0.5em 0.5em 0;
    word-break: keep-all;
    display: inline-block;
    background: url('/cloud_ver3/html_web/images/common/icn_txt_downLoad.png') no-repeat 99% 0;
    min-width: 24px;
    min-height: 24px;
}

.register_service .download_table_link:hover {
    font-size: 14px;
    color: #384e85;
    font-weight: 500;
    background: url('/cloud_ver3/html_web/images/common/icn_txt_downLoad_hover.png') no-repeat 99% 0;
}

.register_label_choice input[type="radio"] + label {
    font-size: 0 !important;
    padding: 0 !important;
    margin-right: 0 !important;
}

.register_label_choice input[type="radio"]:checked + label {
    padding: 0 1em 0 0 !important;
    cursor: unset !important;
    color: #384e85;
    font-size: 16px !important;
    font-weight: 500;
}

.register_label_choice input[type="radio"]:checked + label:after {
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    background: 0 !important;
    border-radius: 0 !important;
}

.register_label_choice input[type="radio"] + label:before {
    color: #fff !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
}

.register_label_choice span {
    font-weight: 500;
    color: #212121;
    display: inline-block;
    padding: 0 10px 3px 0;
    margin-left: -16px;
}

.register_label_choice ul {
    position: relative;
    width: 100%;
    padding: 10px 5px;
}

.register_label_choice ul li {
    padding: 0.7em 0.5em 0.7em 1em;
    display: block !important;
    margin: 0 !important;
}

.register_label_choice ul li span {
    display: block !important;
}

/*관심서비스관리 , 검색이력 관리*/

.search_history_box .tbl_st4 th,
.search_history_box .tbl_st4 td {
    text-align: center;
    padding: 15px !important;
}

.search_history_box .tbl_st4 td a {
    padding: 0.2em 0.5em !important;
}

.search_history_searchbox {
    position: relative;
    width: 100%;
    border-top: 0;
    margin: 2em 0;
}

.search_history_btn_area {
    margin-bottom: 1em;
}

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

.search_history_btn_left {
    float: left;
}

.search_history_btn_right {
    float: right;
}

.search_history_searchbox span.sel_box {
    background: #fff;
}

.search_history_searchbox input {
    width: 81.2%;
    margin-right: 1em;
}

.search_history_tbl_radio {
    display: block !important;
    position: relative !important;
    left: 50%;
    transform: translateX(-50%);
    width: 15px !important;
    height: 15px !important;
    cursor: pointer;
}

.cart_select_area {
    border-top: 1px solid #9d9d9d;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 2em;
}

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

.cart_select_area td {
    padding: 10px;
    text-align: center;
}

.cart_select_tit {
    font-size: 16px;
    color: #1b1b1b;
    background: #f6fbff;
}

.cart_select_box {
    width: 100%;
}

.search_history_searchbox span.sel_box, .search_history_searchbox input, .search_history_searchbox input a {
    vertical-align: top;
}

.search_history_box_table input[type="checkbox"],
.type_c input[type="checkbox"],
.wa-login__save,
.memOut input[type="checkbox"],
.agree input[type="checkbox"],
.compare_wrap input[type="checkbox"]{
    appearance:none;
    width:20px;
    height:20px;
    border:1px solid #707070;
    border-radius:5px;
    background:#fff;
}

.search_history_box_table input[type="checkbox"]:checked,
.type_c input[type="checkbox"]:checked,
.wa-login__save:checked,
.memOut input[type="checkbox"]:checked,
.agree input[type="checkbox"]:checked,
.compare_wrap input[type="checkbox"]:checked{
    background:#384e85 url('/cloud_ver2/new_cloud/images/input_check.png') no-repeat 50%;
    border:none;
}


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

.search_history_box_table input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding: 5px 0 5px 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.search_history_box_table input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.search_history_box_table input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 18px;
    height: 18px;
    background: #384e85 url('/cloud_ver2/new_cloud/images/input_check.png') no-repeat center center;
    border: 1px solid #384e85;
    border-radius: 5px;
}

.search_history_box_table input[type="checkbox"]:indeterminate + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 18px;
    height: 18px;
    background: #384e85 url(/cloud_ver2/new_cloud/images/input_bar.png) no-repeat center center;
    border: 1px solid #384e85;
    border-radius: 5px;
}*/

.search_history_box .btnArea a {
    vertical-align: baseline;
}

.search_history_box .btnArea {
    margin: 2em 0 1.5em 0;
}

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

.search_history_box .btnArea span {
    display: inline-block;
    color: #de284a;
    padding-left: 1em;
}

/*new nav*/
.header_ul_2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.header_ul_2 ul.menu {
}

.header_ul_2 ul.menu > li {
    float: left;
    margin-right: 110px;
    position: relative;
}

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

.header_ul_2 ul.menu > li > a {
    font-size: 24px;
    font-weight: 400;
    color: #222;
    text-decoration: none;
    cursor: pointer;
    display: block;
    overflow: hidden;
    transition: .2s;
    transform: skew(-0.1deg);
}

.header_ul_2 ul.menu > li:hover > a {
    color: #eb232e;
}

.header_ul_2 ul.sub_menu {
    position: absolute;
    top: 35px;
    left: 0;
    width: 150px;
    padding: 20px 0 35px 15px;
    background-color: #303030;
    z-index: 50;
    display: none;
}

.header_ul_2 ul.sub_menu > li > a {
    padding: 10px 0;
    color: #fff;
    display: block;
    width: 100%;
    font-size: 15px;
    letter-spacing: -0.05em;
    transform: skew(-0.1deg);
}

.header_ul_2 ul.sub_menu > li.sub1 > a {
    color: #ffbbb6;
}

.header_ul_2 ul.sub_menu > li.sub1 ul li {
    padding-top: 0;
    padding-bottom: 10px;
    color: #ffffff;
    line-height: 130%;
    font-weight: 100;
}

.header_ul_2 ul.sub_menu > li.sub1 ul li:hover {
    color: #dadada;
}

.header_ul_2 ul.sub_menu > li.sub2 > a {
    color: #b6e4ff;
}

.header_ul_2 ul.sub_menu > li.sub3 > a {
    color: #c8ffb6;
}

.header_ul_2 ul .view_allmenu {
    width: 40px;
    height: 40px;
    margin-top: 8px;
    background: url('/cloud_ver3/html_web/images/common/icon_allmenu_digitalceart.png') no-repeat;
    border: 0;
}

.header_ul_2 ul .view_allmenu.on {
    background: url('/cloud_ver3/html_web/images/common/icon_allmenu_digitalceart_close.png') no-repeat;
}

.borderB1p {
    border-bottom: 1px solid #c3c3c3;
}

.doc_box01 {
    padding: 20px;
    background-color: #efefef;
    font-size: 16px;
    color: #000000;
    line-height: 180%;
}

.dim-layer {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.dim-layer .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
    display: block;
}

a.btn-layerClose {
    display: inline-block;
    height: 25px;
    padding: 0 14px 0;
    border: 1px solid #304a8a;
    background-color: #3f5a9d;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

a.btn-layerClose:hover {
    border: 1px solid #091940;
    background-color: #1f326a;
    color: #fff;
}

.expert_title {
    border-top: 1px solid #ececec;
}

/* 레이어 팝업 */

.popup_background {
    position: fixed;
    display: none;
    float: none !important;
    vertical-align: middle;
    width: 100vw !important;
    padding: 0 !important;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(11, 11, 11, .8)
}

.popup_content {
    position: relative;
    display: block;
    text-align: center;
    background: #fff;
    max-width: 1200px;
    max-height: 80%;
    margin: 0 auto;
    overflow-y: scroll;
}

.popup_content img {
    width: 100%;
}

.aaa {
    position: relative;
    float: none !important;
    width: 100% !important;
    height: 500px;
    text-align: center;
    font-size: 18px;
    padding: 21% 0 0 0 !important;
    color: #515151;
    background: #f6f6f6;
    border: 1px solid #ececec;
    border-top: 0;
    vertical-align: middle;
}

.aaa span {
    font-size: 18px;
    color: #515151;
}

.tbl_st4_plus th {
    font-size: 14px;
    font-weight: 500;
    padding: 15px;
    white-space: normal !important;
    word-break: keep-all !important;
}

/* 관리자 */
#adminGnb {
    background: #fff;
    position: relative;
}

#adminGnb h1 {
    width: 50%;
    margin: 0 auto;
    float: left;
    line-height: 65px;
}

#adminGnb h1.tit {
    font-size: 38px;
    color: #000000;
    position: relative;
    left: 0;
    top: 0;
    font-weight: 300;
}

#adminGnb h1 a {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #014da2;
}

#adminGnb h1 a img {
    width: 150px;
}

#adminGnb aside {
    float: right;
    width: 50%;
    line-height: 65px;
    text-align: right;
}

#adminGnb aside #google_translate_element {
    float: right;
    position: relative;
    top: -5px;
    right: 0;
}

#adminGnb aside > div a:hover {
    text-decoration: none
}

#adminGnb aside div > ul {
    position: relative;
    top: 10px;
}

#adminGnb aside div > ul > li {
    position: relative;
    display: inline-block;
}

#adminGnb aside li > a, #adminGnb aside li {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #222222;
}

#adminGnb aside li > span {
    display: inline-block;
    margin-right: 10px;
    padding-right: 12px;
    line-height: 21px;
    background: url(/cloud_ver2/new_cloud/images/bg_bar_gray_1x11.png) 100% 50% no-repeat;
    letter-spacing: -1px;
    font-size: 13px;
    color: #58595b;
}

#adminGnb aside li:last-child > a {
    background: none;
}

#adminGnb aside li > a:hover {
    color: #389ef3;
}

#adminGnb aside li > i {
    line-height: 21px;
}

#adminGnb aside li > i > a {
    border-radius: 9px;
    background-color: #f95c0f;
    color: #fff;
    padding: 3px 9px 2px 7px;
    font: 11px "Dotum", "占쎈즻占쏙옙", "Arial";
}

#adminGnb aside li > i > span {
    border-radius: 9px;
    background-color: #f95c0f;
    color: #fff;
    margin: 0 10px 0 0;
    padding: 3px 9px 2px 9px;
    font: 11px "Dotum", "占쎈즻占쏙옙", "Arial";
}

#adminGnb aside a.msg {
    position: absolute;
    top: -12px;
    right: -14px;
    width: 18px;
    height: 22px;
    margin: 0;
    padding: 1px 0 0;
    line-height: normal;
    background: url(/cloud_ver2/new_cloud/images/icn_msg.png) no-repeat;
    text-align: center;
    font-size: 10px;
    color: #fff
}

#adminGnb aside a.msg + div {
    top: 25px;
    right: -40px
}

#adminGnb aside li div {
    display: none;
    position: absolute;
    top: 80px;
    right: -31px;
    z-index: 200;
    border: 1px solid #ececec;
    box-shadow: 0 0 10px rgba(11, 11, 11, .2);
    border-radius: 5px;
    background: #fff;
    text-align: left;
    line-height: 1;
}

#adminGnb aside li div.on {
    display: block
}

#adminGnb aside li div > img {
    position: absolute;
    top: -15px;
    right: 30px
}

#adminGnb aside li dl {
    border-radius: 5px;
    background: #f6f6f6;
    overflow: hidden;
}

#adminGnb aside li dl:after {
    content: '';
    clear: both;
    display: block
}

#adminGnb aside li dt {
    float: left;
    clear: left;
    width: 100px;
    padding: 10px 0;
    line-height: 2;
    background: #f2f5f5;
    word-break: keep-all;
    text-align: center;
    font-size: 14px;
    color: #1b1b1b
}

#adminGnb aside li dt:first-child {
    border-radius: 5px 0 0 0
}

#adminGnb aside li dt:last-of-type {
    border-radius: 0 0 0 5px
}

#adminGnb aside li dd {
    width: 200px;
    margin-left: 100px;
    padding: 10px;
    border-bottom: 1px solid #ececec;
    background: #fff;
    line-height: 2;
}

#adminGnb aside li dd:first-of-type {
    border-radius: 0 10px 0 0
}

#adminGnb aside li dd:last-child {
    border-radius: 0 0 10px;
    border-bottom: 0
}

#adminGnb aside li dd a {
    display: block;
    text-decoration: none;
}

#adminGnb aside li dd a:hover {
    color: #de284a;
}

#adminGnb aside li span {
    display: block;
    margin: 10px
}

#adminGnb aside li span a {
    display: block;
    padding: 8px 5px;
    border-bottom: 1px solid #ddd;
    white-space: nowrap
}

#adminGnb aside > form {
    position: absolute;
    left: calc(50% - 50px);
    top: 30px;
    margin-left: -175px;
    border-radius: 2px;
    border: 2px solid #005a79;
    width: 350px;
    height: 40px;
}

#adminGnb aside > form input[type=text],
#adminGnb aside > form input[type=tel],
#adminGnb aside > form input[type=email] {
    float: left;
    border: none;
    width: 307px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    padding-left: 15px;
}

#adminGnb aside > form input[type=image] {
    position: absolute;
    left: 320px;
    top: 11px;
    border: none;
}

.adminListTit {
    margin: 0 auto !important;
}

.on_clk_td {
    cursor: pointer;
}

.adminTopMenu {
    position: relative;
    width: 100%;
    min-width: 1280px;
    margin: 0 auto;
    background: #e8f0f7;
}

.adminTopMenu ul {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.adminTopMenu ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 10);
}

.adminTopMenu ul li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #aaa;
    padding: 1em 0;
}

.adminTopMenu ul li a:hover {
    color: #014da2;
}

.adminTopMenu ul li a.on {
    color: #fff;
    background: #014da2;
}

.adminTopMenu ul li a.on_load {
    color: #fff;
    background: #014da2;
}

.admin_BFAF_Table_wrap {
}

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

.admin_BF_Table {
    width: calc(50% - 5px);
    margin-right: 10px;
    float: left;
}

.admin_AF_Table {
    width: calc(50% - 5px);
    float: left;
}

.admin_BF_Table th,
.admin_AF_Table th {
    font-size: 14px !important;
}

.admin_AF_Table th {
    background-color: #fff6f6;
}

.BF_th {
    font-size: 17px !important;
    font-weight: 400;
    text-align: center;
    background: #e6ebf9;
}

.AF_th {
    font-size: 17px !important;
    font-weight: 400;
    text-align: center;
    background: #f9e6e6;
}

.tbl_st4 td:nth-child(8) {
    word-break: keep-all !important;
}

.company_start_text {
    padding: 1rem 0;
}

.change_notice_text {
    padding: 0 0 1rem 0;
    color: #FF0000FF;
    text-align: right;
}

.company_form_text {
    display: block !important;
    font-size: 13px !important;
    color: #626262 !important;
    font-weight: 400 !important;
    letter-spacing: -1px !important;
    margin-left: 0 !important;
}

.company_start_text > a {
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    min-width: 70px;
    background-color: #fff;
    border: 1px solid #384e85 !important;
    padding: 0.2rem 0.5rem;
    margin-left: 0.5rem;
    color: #384e85;
    cursor: pointer;
}


.company_form_btn {
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    min-width: 70px;
    background-color: #fff;
    border: 1px solid #384e85 !important;
    padding: 10px;
    margin-left: 0.5rem;
    color: #384e85;
    cursor: pointer;
}

.edh_01 {
    height: 400px;
}

.edh_02 {
    height: 800px;
}

#new_features {
    height: calc(100% - 80px) !important;
}

#new_benefit {
    height: calc(100% - 80px) !important;
}

#new_dataRecoveryPlansAndPoliciesUrl {
    height: calc(100% - 80px) !important;
}

#new_dataExtractionProcedureUrl {
    height: calc(100% - 80px) !important;
}

#new_dataProtectionPolicyUrl {
    height: calc(100% - 80px) !important;
}

#new_dataDeletionPolicyUrl {
    height: calc(100% - 80px) !important;
}

.register_service dl dd .se-main ul li,
.register_service dl dd ul li.se-list-item {
    display: block !important;
}

.se-contents > table {
    table-layout: auto !important;
    /*width: 100% !important;*/
    max-width: 100% !important;
}

.se-contents img {
    width: 100% !important;
    max-width: 100% !important;
}

/* chart css */
.clearBoth::after {
    content: " ";
    display: block;
    clear: both;
}

.chart_wrap {
}

.chart {
}

.chart article {
}

/* serviceinfo chart */
.chart_service .chart_tit {
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #ececec;
    border-top: none;
}

.chart_service .chart_tit img {
    width: 50px;
    margin-right: 10px;
}

.chart_service .chart_tit > h1 {
    font-size: 19px;
    font-weight: 400;
    color: #1b1b1b;
}

.chart_service .chart_tit > h1 span {
    display: inline-block;
    font-size: 21px;
    font-weight: 600;
    color: #ff0000;
    margin-left: 10px;
    margin-right: 5px;
}

.chart_service .chart_tab {
}

.chart_service .chart_tab ul {
}

.chart_service .chart_tab ul li {
    float: left;
    width: 50%;
}

.chart_service .chart_tab ul li a {
    display: block;
    padding: 20px;
    font-size: 17px;
    color: #cecece;
    background: #f6f6f6;
    text-align: center;
    border-bottom: 1px solid #ececec;
}

.chart_service .chart_tab ul li.active a {
    color: #fff;
    background: #384e85;
    border-bottom: 1px solid #384e85;
}

.chart_service .chart_content {
    padding-top: 50px;
    margin-bottom: 100px;
}

.chart_service .chart_content canvas {
    margin: 0 auto;
}

.chart_service .chart_content .chart_tbl {
    width: 100%;
    padding-top: 50px;
    margin: 0 auto;
}

.chart_service .chart_content .chart_tbl table {
    border-collapse: collapse;
}


.chart_service .tbl_01 table td {
    padding: 10px 10px 10px 20px;
    border: 1px solid #e5e5e5;
}

.chart_service .tbl_01 table td.td01 {
    background: #f6fbff;
}

.chart_service .tbl_01 table td.td03,
.chart_service .tbl_01 table td.td04 {
    text-align: center;
}

.chart-tbl__tit{display:flex; align-items:center; justify-content:space-between; height:65px; background: #384e85; padding: 0 20px;}
.chart-tbl__tit h2 {font-size: 17px; color: #fff;}

.chart_tbl th{background:#f6fbff; padding:10px; border:1px solid #e5e5e5;}
.chart_tbl thead th{text-align:center; border-bottom:none;}
.chart_tbl tbody th,
.chart_tbl tfoot th{text-align:left; padding-left:20px;}


/* contract chart */
.chart_contract {
}

.chart_contract .chart_tit {
    padding: 10px 20px;
    margin-bottom: 20px;
    border: 1px solid #ececec;
    border-top: none;
    background: #f9f9f9;
}

.chart_contract .chart_tit img {
    width: 50px;
    margin-right: 10px;
}

.chart_contract .chart_tit > h3 {
    position: relative;
    display: inline-block;
    font-size: 19px;
    font-weight: 400;
    color: #1b1b1b;
    margin-right: 30px;
    padding-left: 10px;
}

.chart_contract .chart_tit > h3:after {
    position: absolute;
    content: " ";
    display: block;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0a56c8;
}

.chart_contract .chart_tit > h3 span {
    display: inline-block;
    font-size: 21px;
    font-weight: 600;
    color: #ff0000;
    margin-left: 10px;
    margin-right: 5px;
}

.chart_tit_detail {
    font-size: 13px;
    text-align: right;
    color: #696969;
}

.chart_contract .chart_tab {
}

.chart_contract .chart_tab ul {
}

.chart_contract .chart_tab ul li {
    float: left;
    width: calc(100% / 5);
    border-top: 1px solid #ececec;
}

.chart_contract .chart_tab ul li:first-child {
    border-left: 1px solid #ececec;
}

.chart_contract .chart_tab ul li:last-child {
    border-right: 1px solid #ececec;
}

.chart_contract .chart_tab ul li a {
    display: block;
    padding: 10px;
    font-size: 14px;
    color: #797979;
    text-align: center;
    border-bottom: 1px solid #ececec;
}

.chart_contract .chart_tab ul li.active a {
    color: #fff;
    background: #384e85;
    border-bottom: 1px solid #384e85;
}

.chart_contract .chart_content {
    padding-top: 20px;
    margin-bottom: 100px;
}

.chart_contract .term {
    font-size: 0;
    margin-bottom: 40px;
}

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

.chart_term input[type='radio'] + label {
    float: left;
    width: 90px;
    height: 44px;
    line-height: 44px;
    margin-right: 0;
    font-size: 13px;
    text-align: center;
    color: #333;
    background: #eaeff5;
    cursor: pointer;
}

.chart_term input[type='radio'] + label.recentAll {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.chart_term input[type='radio'] + label.period_label {
    margin-right: 20px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.chart_term input[type='radio']:checked + label {
    background: #014da2;
    color: #fff;
}

.chart_term input[type='radio']:disabled + label {
    background: #bdbdbd;
    color: #fff;
}

.chart_term input[type='text'] {
    width: 160px;
}

.chart_term .term_dash {
    display: inline-block;
    margin: 0 10px;
}

.chart_term > select {
    width: 120px;
    height: 44px;
    padding-left: 14px;
    border-radius: 4px;
    cursor: pointer;
    font-size:13px;
}

.chart_term > select.dtselect {
    border: 1px solid #e84834;
}

.chart_term > select:first-child {
    margin-left: 30px;
}

.chart_term input[type='button'] {
    float: right;
    height: 44px;
    width: 90px;
    border: 1px solid #0b4da2;
    border-radius: 4px;
    line-height: 44px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #0b4da2;
    cursor: pointer;
}

.chart_term{display:flex; align-items:center;}
.chart_term > ul{display:flex; margin-right:20px;}
.chart_term > ul > li{width:90px; height:44px; line-height:44px; background:#eaeff5; text-align:center; overflow:hidden;}
.chart_term > ul > li > a{display:block; font-size:13px; color:#333;}
.chart_term > ul > li > a.readonly{background:#bdbdbd !important; color:#fff; cursor:default !important; pointer-events:none;}
.chart_term > ul > li.active{background:#014da2;}
.chart_term > ul > li.active > a{color:#fff;}
.chart_term > ul > li:first-child{border-top-left-radius:4px; border-bottom-left-radius:4px;}
.chart_term > ul > li.chart_term__last{border-top-right-radius:4px; border-bottom-right-radius:4px;}

/*차트 a 속성 radio desable 구현을 위한 추가 css*/
.allDesable{background:#949494 !important; color: #FFFFFF !important; cursor: default;}

.chart_contract .chart_single {
    width: 100%;
    margin: 0 auto 35px auto;
}

.chart_contract .chart_single canvas {

}

.chart_contract .chart_twin {
    width: 100%;
    margin: 0 auto 35px auto;
}

.chart_contract .chart_twin canvas {

}

.chart_contract .chart_twin canvas:nth-child(1) {
    float: left;
}

.chart_contract .chart_twin canvas:nth-child(2) {
    float: right;
}

.canvas_text {
    color: #767676;
    text-align: right;
}

.chart_contract .chart_content .chart_tbl {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.chart_contract .chart_content .chart_tbl .chart_all_btn {
    width: 150px;
    height: 35px;
    color: #212121;
    border-radius: 4px;
    background: #fff;
}

.chart_contract .chart_content .chart_tbl table {
    border-collapse: collapse;
}

.chart_contract .chart_content .tbl_twin {
    float: left;
    width: calc(50% - 10px);
}

.chart_contract .chart_content .tbl_twin:nth-child(2) {
    float: right;
}

/*.chart_contract .tbl_01 table th {
    text-align: left;
    padding: 15px;
    font-size: 17px;
    color: #fff;
    background: #384e85;
    border: 1px solid #384e85;
}*/

.chart_contract .tbl_01 table td {
    text-align: center;
    padding: 7px 5px;
    border: 1px solid #e5e5e5;
}

.chart_contract .tbl_01 table td.td01 {
    text-align: center;
    background: #f6fbff;
}

.chart_contract .tbl_01 table td.td02 {
    background: #f6f6f6;
}

.chart_contract .tbl_02 table th {
    text-align: left;
    padding: 20px;
    font-size: 17px;
    color: #fff;
    background: #384e85;
    border: 1px solid #384e85;
}

.chart_contract .tbl_02 table th span {
    display: inline-block;
    margin-left: 10px;
}

.chart_contract .tbl_02 table th span a {
    display: block;
    font-size: 13px;
    padding: 5px 10px;
    color: #384e85;
    background: #fff;
    border-radius: 4px;
}

.chart_contract .tbl_02 table th span a:hover {

}

.chart_b .tbl_02 table td {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.chart_b .tbl_02 table td.td01 {
    text-align: left;
    padding: 10px 10px 10px 20px;
    background: #f6fbff;
}

.chart_b .tbl_02 table td.td02 {
    text-align: left;
    padding: 10px 10px 10px 20px;
    border-right: 1px solid #e5e5e5;
}

.chart_b .tbl_02 table td:last-child {
    text-align: center;
    border-left: 1px solid #e5e5e5;
}

/* 전체 이용현황 확인 팝업 */
.chart_contract_pop {
    padding: 10px;
}

.chart_contract_pop .chart_content .chart_tbl {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.chart_contract_pop .chart_tbl table {
    border-collapse: collapse;
}


.chart_contract_pop .tbl_01 table td {
    text-align: center;
    padding: 7px 5px;
    border: 1px solid #e5e5e5;
}

.chart_contract_pop .tbl_01 table td.td01 {
    text-align: center;
    background: #f6fbff;
}

.chart_contract_pop .tbl_01 table td.td02 {
    background: #f6f6f6;
}

/* 엑셀다운로드 */
.exc_btn_area {
    padding: 20px 0;
}

.exc_btn {
    float: right;
    height: 44px;
    width: 110px;
    border: 1px solid #107c41;
    line-height: 44px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #107c41;
    cursor: pointer;
    transition: 0.2s;
}

.exc_btn:hover, .exc_btn:focus {
    background: rgba(16, 124, 65, 0.8);
}

/* 검색창 */
.total_search_input_box {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    z-index: 100;
}

.total_search_input_box .search_input {
    width: 100%;
    height: 40px;
    padding: 0 40px 0 5px;
    border: none;
    border-bottom: 2px solid #014da2;
    /*border-left: 0;*/
    margin: 0 auto;
    font-size: 16px;
    font-weight: 300;
    color: #515151;
}

.total_search_input_box .search_input_btn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
}

.important_text {
    font-size: 14px;
    padding: 10px;
    text-align: right;
    color: #ff3300;
}

/*  breadcrumb  */
.breadcrumb {
    position: relative;
    width: 100%;
    min-width: 1280px;
    margin: 0 auto;
    background: #f6f6f6;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.breadcrumb ul {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.breadcrumb ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.5em;
    font-size: 14px;
    padding: 1em 0;
    color: #777;
}

.breadcrumb ul li a {
    font-size: 14px;
    color: #777;
    display: block;
}

.breadcrumb ul li img {
    margin-top: -3px;
}

/* ceart service list */
.ceart_service_list {
    margin-top: 30px;
}

.ceart_list_count {
    position: Relative;
    font-size: 19px;
    font-weight: 600;
    color: #212121;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #ececec;
    vertical-align: baseline;
}

.ceart_list_count span {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    color: #014da2;
    margin-left: 5px;
}

.lay_lnb .conWrap > div.list_product {
    padding: 0 0 15px 30px;
}

.lay_lnb .conWrap > div.list_product > .view_list {
    border-top: none !important;
}

.ceart_service_list nav > ul > li > a:hover {
    color: #384e85;
    font-weight: 600;
}

.ceart_service_list nav > ul > li.on > a {
    color: #fff;
    background: #384e85;
    font-weight: 400;
    /*border-bottom: 1px solid #ececec;*/
}

.ceart_service_list nav > ul > li > a:after {
    display: none;
}

.listsearch_area .schArea {
    margin: 0 0 0.5em 0;
}

.lay_lnb .conWrap.ceart_service_list > div.contents,
.lay_lnb .conWrap.ceart_service_list > div.section {
    padding: 0 0 15px 30px;
}

/* 서비스 로딩중 */
.ceart_service_list .loading_box {
    text-align: center;
    padding: 15rem 0 !important;
}

.ceart_service_list .loading {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    border: 0.3rem solid rgba(11, 77, 162, .3);
    border-radius: 50%;
    border-top-color: #0b4da2;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

/* 첨부파일 */
.file_area {
    position: relative;
    margin-top: 50px;
    padding: 20px 20px 20px 110px;
    background: #f7f7f7;
}

.file_area::before {
    display: block;
    content: "첨부파일";
    position: absolute;
    top: 20px;
    left: 20px;
}

.file_area .file {
    display: block;
    margin-bottom: 5px;
}

.file_area .file:last-child {
    margin-bottom: 0;
}

.file_area .file > a {
    font-size: 15px;
    letter-spacing: 0;
}

.file_area .file > a:hover {
    text-decoration: underline;
}

.file_area .file > span {
    display: inline-block;
    font-size: 12px;
    color: #aaa;
    margin-left: 5px;
    letter-spacing: -0.5px;
}

/* 씨앗회원 아이디 찾기 */
.ceart_find .tbl_st4 th {
    background: #f1fcfd;
}

.ceart_find .btns.st1 {
    border: 1px solid #009da4 !important;
    background: #009da4;
}

.ceart_find .btns.st2 {
    background-color: #fff;
}

.none {
    display: none !important;
}


/*--------------------------------------------------------- 2022.09.14 웹접근성 추가 :: 우성현 ---------------------------*/
/*-- 리더기전용 --*/
.blind{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}


/*-- 스크롤 디자인 --*/
::-webkit-scrollbar{width:12px; height:12px; background-color:#efefef;}
::-webkit-scrollbar-thumb{background:#cdcdcd; border-radius:18px;}


/*-- 레이아웃 --*/
.container{padding:42px 0 50px;}


/*-- ASIDE 레이아웃 --*/
.layout-sep{display:flex;}
.lay_lnb{width:calc(100% - 230px - 30px); margin-left:30px;}


/*-- ASIDE --*/
.side-menu{width:230px; margin-left:0;}


/*-- TITLE --*/
.sub-tit{height:100px; font-size:26px; border-bottom:1px solid #ececec; color:#1b1b1b; padding-top:21px;}


/*-- SELECT --*/
.email-select{height:44px; border:1px solid #dbdbdb; vertical-align:top; padding:10px; appearance:none; background:url(/cloud_ver2/new_cloud/images/icn_arr_down.png) no-repeat 100% 50%;}


/*-- 관련사이트 --*/
.ft-site{position:relative; display:inline-block; width:180px;}
.ft-site > button{display:flex; align-items:center; justify-content:space-between; width:100%; height:34px; padding:0 14px; background:#fff; border-radius:5px; box-shadow:0 0 3px rgb(11 11 11 / 20%); color:#212121; text-align:left;}
.ft-site > button::after{content:""; width:14px; height:11px; background:url(/cloud_ver3/html_web/images/common/icn_arr_down.png) no-repeat 50%; transition:.3s;}
.ft-site > button:focus{outline:2px solid #000;}

/* ACTION */
.ft-site.active > button::after{transform:rotate(180deg); transition:.3s;}


/*-- 메인 :: 공지사항 --*/
.ico-new{display:inline-block; width:18px; height:18px; line-height:18px; text-indent:-1px; text-align:center; font-size:10px; font-weight:700; background:#F36B22; color:#fff; border-radius:50%; margin-right:2px;}
.board_content_list.main-notice{background:#f7fafd;}
/*.board_content_list.main-notice dl dd p,
.bbs-notice .tx_l a{font-weight:500; color:#094195;}*/
/*.bbs-notice{background:#edf4fa;}*/
.bbs-notice td, .bbs-notice .tx_l a {font-weight:500; color:#094195; }
.bbs-notice .tx_l{text-align:left !important;}



/*-- 상세규격 --*/
.st-notice{font-size:16px; text-align:center; color:#ff0000; padding:14px 16px; margin-top:10px; background:#ffebeb;}
.st-notice--blue{background:#f6fbff; color:#2153cf; letter-spacing:0;}
.st-notice--blue em{font-weight:600;}
.st-notice--blue + .tit-wrap{margin-bottom:6px;}


/*-- 레이어 팝업 --*/
.popup-layer-wrap {position: relative; left: -50px; top: -100px; }
.popup-layer{position:absolute; top:257px; left:19%; display:flex; max-width:1082px; z-index:9;}
.popup-layer > li{width:350px; background:#1D1D1D;}
.popup-layer > li:not(:last-child){margin-right:16px;}
.popup-layer > li > a{display:block; /*height:400px;*/ }
.popup-layer > li > a > img{width:100%;}
.popup-layer > li > div{display:flex; justify-content:space-between; align-items:center; height:36px; padding:0 16px;}
.popup-layer > li > div input[type="checkbox"]{appearance:none; width:17px; height:17px; border-radius:50%; background:#949494;}
.popup-layer > li > div input[type="checkbox"] + label{color:#fff; margin-left:6px; font-size:14px; color:#DEDEDE;}
.popup-layer > li > div input[type="checkbox"]:checked{background:#949494 url('/cloud_ver2/new_cloud/images/input_check.png') no-repeat 50% / 10px;}
.popup-layer > li > div button{color:#fff; font-size:14px; padding:0;}
.popup-layer > li > div > div{display:flex; align-items:center;}

.popup-layer > li > a:focus{outline:2px solid #000;}
.popup-layer > li > div input[type="checkbox"]:focus,
.popup-layer > li > div button:focus{outline:2px dotted tomato; box-shadow:none;}


/*-- FOCUS --*/
.tbl_st4 input[type="radio"]:focus-visible,
.supAdm input[type="radio"]:focus-visible,
.join_info .emailAgree dd input[type="radio"]:focus-visible,
.agree input[type="radio"]:checked:focus-visible,
.register_service dl dd input[type="radio"]:checked:focus-visible,
input[type="radio"]:focus,
input[type="checkbox"]:focus{
    outline: 2px dotted tomato !important;
}
.btnArea.rig a.st1:focus,
.btnArea.rig a.st3:focus,
.btnArea.rig button.st1:focus,
.btnArea.rig button.st3:focus,
.skip a:focus,
.btn_compare:focus,
.cart-btn__del:focus,
.compare_wrap .btn_select li a:focus,
.compare_wrap01 .btn_select li a:focus,
.btn-cart:focus,
.chart_term > ul > li.active > a:focus,
.board_more_btn_box > a:focus,
.filter_save button:focus,
.wordBtn:focus,
.btns.st1:focus,
.btns.st3:focus,
.chart_term input[type='button']:focus,
.chart_contract .chart_content .chart_tbl .chart_all_btn:focus,
.wa-login__input button:focus,
.wa-login__find a:focus,
.wa-login__ceart:focus{
    outline:none !important;
    box-shadow: inset 0 0 0 2px tomato;
}

.paging .on:focus{box-shadow:none !important;border:2px solid tomato;}

.board_box input[type="radio"]:focus{outline:none !important;}
.uploadFile input[type=file]:focus{border:2px solid #000;}


/*-- SEARCH BAR --*/
.sch-box{display:flex; margin-top:42px; margin-bottom:20px;}
.sch-box select{width:150px; margin-right:8px;}
.sch-box input[type="text"]{width:calc(100% - 150px - 8px - 90px);}
.sch-box input[type="submit"]{width:90px;}

.first-index:focus:not(input, button, a){box-shadow:none;}



/*-- VIDEOINFORMATION*/
.info_box {margin: 30px 0; line-height: 180%; font-size: 16px; padding: 2em; background: #f6f6f6; border: 1px solid #ececec; }
.info_box p {line-height: 1.5em; }
.info_box p + p {padding-top: 15px; }
.info_box .point {color: #0068af; }

/* table */
.table_type01 {width:1200px; border-top: 2px solid #000;}
.table_type01 table th {border:1px solid #dedede; border-top:0; border-right: 0; border-bottom: 0; background:#f4f4f4; font-weight:bold; padding:12px 10px; line-height:1.5em; text-align:center; vertical-align:middle;}
.table_type01 table th:last-child {border-right:1px solid #dedede; }
.table_type01 table td {border:1px solid #dedede; border-right: 0; border-bottom: 0; padding:12px 10px; line-height:1.5em; text-align:center; vertical-align:middle;}
.table_type01 table td:last-child {border-right:1px solid #dedede; }
.table_type01 tbody tr:last-child td {border-bottom:1px solid #dedede; }

/* list01 */
.list01 > li {line-height:1.5em; margin-bottom:10px; text-indent:-14px;}
.list01 > li:before {content:''; display:inline-block; width:3px; height:3px; border-radius:3px; vertical-align:middle; background:#fff; border:2px solid #0068af; margin-bottom:2px; margin-right:7px;}
.list01 > li ul {margin-top:15px;}
.list01 > li ul li{padding-left:12px; text-indent:-10px; margin-bottom:10px; line-height:1.5; word-break:keep-all;}
.list01 > li ul li:before {content:''; display:inline-block; width:4px; height:4px;border-radius:4px; vertical-align:middle; background:#b6b6b6; margin-bottom:2px; margin-right:7px;}
.list01 > li:last-child,
.list01 > li ul li:last-child {margin-bottom:0;}
.list01 > li > em {color:#1a428a;}

/* btn */
.downBtn {display: inline-block; min-height: 30px; white-space: nowrap; text-align: center; line-height: 28px; background: #fff; border: 1px solid #0068b0; margin: 15px 0 0 10px; }
.downBtn a em {font-size: 14px; color: #0068b0; padding: 5px 20px; }



/* 서비스정보변경_2024-07-16 */
.info_notice_txt {
    padding: 1em;
    background: #f6f6f6;
    text-align: center;
    margin: 0 0 1rem 0;
    color: #FF0000FF;
}


/*AIDT 교육자료_2025_01_09*/
.AidtBox {
    display: flex;
    align-items: center;
}
.AidtBox_wrap {
    width: 100%;
    margin-bottom: 30px;
}
.AidtBox_info {
    display: flex;
    align-items: center;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-align: center;
    background-color: rgb(246 251 255);
    color: rgb(56, 56, 61);
    border-bottom: 1px solid rgb(236, 236, 241);
}
.AidtBox_info > .in01 {
    width: 248px;
    border-right: 1px solid rgb(236, 236, 241);
    padding: 16px;
    font-size: 16px;
}
.AidtBox_info > .in02 {
    width: 30%;
    border-right: 1px solid rgb(236, 236, 241);
    padding: 16px;
    font-size: 16px;
}
.AidtBox_info > .in03 {
    width: 45%;
    padding: 18px;
    font-size: 16px;
}
.AidtBox_con {
    display: flex;
}
.AidtBox_tit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 248px;
    background-color: rgb(253, 253, 253);
    border-right: 1px solid rgb(236, 236, 241);
    border-bottom: 1px solid rgb(236, 236, 241);
    font-size: 16px;
}
.AidtBox_tit:hover,
.AidtBox_tit.active {
    background: #f6fbff;
    color: rgb(56, 56, 61);
    font-weight: 500;
}
.AidtBox_txt {
    width: 30%;
    border-right: 1px solid rgb(236, 236, 241);
}
.AidtBox_btn {
    width: 45%;
}
.titArea {
    height: 58px;
    padding: 6px;
    border-bottom: 1px solid rgb(236, 236, 241);
}
.titArea > button {
    display: flex;
    height: 44px;
    width: 100%;
    padding: 16px;
    justify-content: flex-start;
    align-items: center;
    line-height: 24px;
    letter-spacing: -1px;
    font-size: 16px;
}
.titArea > button:hover,
.titArea > button.active {
    background: #f6fbff;
    color: #1c1c1c;
    border-radius: 8px;
    font-weight: 500;
}
.BtnArea {
    display: flex;
    height: 58px;
    padding: 6px;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid rgb(236, 236, 241);
}
.BtnArea > button {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 72px;
    height: 44px;
    padding: 16px;
    flex: 1 0 0px;
    border-radius: 8px;
    background: #f6f6f6;
    color: #777a83;
    font-weight: 500;
}
.BtnArea > button:hover,
.BtnArea > button:active,
.BtnArea > button.active {
    background: #384e85;
    color: #fff;
}



/* 검색창 */
.search_wrap {
    position: relative;
    height: 48px;
    border-radius: 28px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
    box-sizing: border-box;
    width: 479px;
    margin: 0 auto;
}
.search_box {
    height: 48px;
    padding-left: 45px;
    border: 2px solid rgb(191 216 237);
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
}
.button_search {
    overflow: hidden;
    display: inline-block;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    vertical-align: top;
    position: absolute;
    top: 11px;
    left: 17px;
    background-image: url(/cloud_ver3/html_web/images/common/search_28dp.svg);
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
}
.btn_clear {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    width: 43px;
    border-radius: 0px 5px 5px 0px;
    font-size: 1px;
    line-height: 1px;
}
/*.btn_clear::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 1px;
    height: 20px;
    margin: auto;
    background: rgb(236, 240, 242);
    content: "";
}*/
.btn_clear::after {
    overflow: hidden;
    display: inline-block;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    vertical-align: top;
    background-image: url(/cloud_ver3/html_web/images/common/close_28dp.svg);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    content: "";
}
.label_search, .input_search {
    display: block;
    width: 100%;
    font-size: 16px;
    height: 48px;
    letter-spacing: -0.2px;
    outline: none;
}
.label_search {
    position: absolute;
    inset: 0px;
    z-index: -1;
    color: rgb(156, 156, 156);
    line-height: 44px;
    font-weight: normal;
    margin: 0;
}
.input_search {position: relative;
    color: #000 !important;
    font-weight: bold;
    background: none !important;
    border: none !important;
    letter-spacing: -1.5px !important;
}

/* 최근검색어 */
.result_box {
    background: #fff;
    position: absolute;
    top: 39px;
    left: -1px;
    z-index: 200;
    width: 479px;
    -webkit-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .13);
    border-radius: 0 0 5px 5px;
}
.result_layer {
    /*position: relative;*/
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f0f0f3;
}
/*.result_layer:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 1px;
    background-color: #000;
}*/
.result_list {
    padding: 13px 0 12px;
}
.result_list li {
    padding: 0 5rem 0 12px;
}
.result_list li a {
    overflow: hidden;
    padding: 8px 0 8px 8px;
    line-height: 23px;
    color: #000;
    font-weight: 700;
    display: flex;
    flex-wrap: nowrap;
}
.result_list li a:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .08);
    background-image: url(/cloud_ver3/html_web/images/common/search_28dp.svg);
    background-repeat: no-repeat;
    background-size: 17px 16px;
    background-position: 4px;
}
.result_list .item.focused {
    background: #eee; /* 원하는 배경색으로 변경하세요. */
    /* 글자색, 테두리 등 다른 스타일을 추가할 수도 있습니다. */
}
.atc_txt {
    display: block;
    display: -webkit-box;
    font-weight: 400;
}

.atc_txt:hover {border-bottom: 1px solid #000; }

.mark {
    color: inherit;
    font-weight: 400;
}
.result_list li a > .fix {
    display: flex;
    align-items: center;
}
.fix_ico_search {
    background-image: url(/cloud_ver3/html_web/images/common/search_28dp.svg);
    width: 24px;
    height: 24px;
}