@charset "utf-8";
@import url(/cloud_ver2/new_cloud/css/v3_cmm.css);

/* 소프트웨어 설명 -layout */
.swView {
    padding-top: 30px
}

.swView aside {
    float: left;
    width: 320px
}

.swView .summary {
    margin-left: 347px
}

/* 소프트웨어 설명 좌측메뉴 */
.swView aside > img {
    max-width: 100%;
    margin-bottom: 10px;
    border: 1px solid #c0c0c0
}

.swView aside > div {
    border-bottom: 1px solid #e9e9e9
}

.swView aside > div:last-child {
    border-bottom: 0
}

/* 상품관련 문의  */
.swView .duct_list {
    padding-bottom: 10px
}

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

.swView .duct_list a {
    float: left;
    display: inline-block;
    width: 72px;
    padding: 20px 0;
    margin-right: 10px;
    background: #296eaf;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.swView .duct_list a:nth-of-type(2) {
    width: 155px
}

.swView .duct_list span {
    display: inline-block;
    width: 72px;
    padding: 12px 0 7px;
    background: #959595;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.swView .duct_list span i {
    display: block;
    margin-top: 5px
}

/* 소개 영상 */
.swView .movie {
    padding: 10px 0 10px 30px;
    text-align: right
}

.swView .movie em {
    float: left;
    margin-top: 40px;
    padding-left: 30px;
    background: url(/cloud_ver2/new_cloud/images/icn_youtube.png) 0 50% no-repeat;
    font-size: 16px
}

.swView .movie img {
    width: 160px;
    height: 94px;
    border: 1px solid #d5d5d5
}

.swView .movie a {
    position: relative
}

.swView .movie a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 47px;
    height: 33px;
    margin: -17px 0 0 -24px;
    background: url(/cloud_ver2/new_cloud/images/icon_play.png) no-repeat
}

/* 공유하기 */
.swView .share {
    padding: 10px 0;
    text-align: right
}

.swView .share em {
    margin-right: 7px;
    padding-left: 20px;
    background: url(/cloud_ver2/new_cloud/images/icn_share.png) 0 50% no-repeat;
    font-size: 13px;
    color: #333
}

.swView .share a {
    margin-left: 3px
}

/* tags */
.swView .tags {
    margin-top: 10px;
    padding: 10px 0 10px 20px;
    border: 1px solid #e9e9e9
}

.swView .tags a {
    display: inline-block;
    margin: 0 10px 5px 0;
    white-space: nowrap;
    font-size: 13px;
    color: #000
}

/* 연결 링크 */
.swView .relate_link {
    margin-top: 20px
}

.swView .relate_link a {
    float: left;
    display: inline-block;
    width: 155px;
    line-height: 47px;
    margin-bottom: 10px;
    padding-left: 40px;
    background: #2ba7e3 15px 50% no-repeat;
    text-decoration: none;
    font-size: 14px;
    color: #fff
}

.swView .relate_link .site {
    background-image: url(/cloud_ver2/new_cloud/images/icn_home.png)
}

.swView .relate_link .spec {
    background-image: url(/cloud_ver2/new_cloud/images/icn_list.png)
}

.swView .relate_link .pric {
    background-image: url(/cloud_ver2/new_cloud/images/icn_price.png)
}

.swView .relate_link .menu {
    background-image: url(/cloud_ver2/new_cloud/images/icn_menual.png)
}

.swView .relate_link .demo {
    background-image: url(/cloud_ver2/new_cloud/images/icn_disk.png)
}

/* .swView .relate_link .buyi{
		background-image:url(/cloud_ver2/new_cloud/images/icn_calcu.png);
		background-color:#296eaf
		} 파일 이동으로 인한 삭제 */
.swView .relate_link a:nth-child(2n) {
    margin-left: 10px
}

/* 소프트웨어 설명 우측요약 */
.swView .summary > span {
    float: right
}

.swView .summary > span a {
    text-decoration: none
}

.swView .summary > span a {
    vertical-align: middle
}

.swView .summary > span .favor {
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 19px;
    margin-left: 35px;
    padding-right: 9px;
    border-right: 1px solid #dedede;
    background: url(/cloud_ver2/new_cloud/images/icn_favo.png) no-repeat;
    text-indent: -999px
}

.swView .summary > span .favor:hover,
.swView .summary > span .favor.on {
    background-position: 0 -20px
}

.swView .summary h2 {
    padding: 8px 0 0 15px;
    line-height: 100%;
    font-weight: bold;
    font-size: 26px;
    color: #1b1b1b
}

.swView .tbl_st2 {
    margin-top: 10px;
    background: url(/cloud_ver2/new_cloud/images/bg_tbl_head_st1.png) repeat-x;
    border-collapse: separate
}

.swView .tbl_st2 .import th {
    color: #0186e1
}

.swView .tbl_st2 .import th:before {
    background: #0186e1
}

.swView .tbl_st2 .os {
    line-height: 220%
}

.swView .tbl_st2 tr:last-child th,
.swView .tbl_st2 tr:last-child td {
    border-bottom: 0
}

.swView .summary table {
    margin-bottom: 30px
}

/* 나라장터 출력 */
.naraMar h3 i {
    margin-bottom: 20px
}

.naraMar h3 i {
    display: inline-block;
    height: 33px;
    line-height: 33px
}

.swView .naraMar li {
    list-style: none
}

/* 옵션 출력 영역 */
.option_view {
    margin-top: 10px;
    border-top: 1px solid #c0c0c0
}

.option_view li {
    position: relative;
    padding: 12px;
    border-bottom: 1px solid #ebebeb
}

.option_view li:before {
    display: inline-block;
    content: '';
    background: #626262
}

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

.swView .option_view li i {
    float: left;
    display: inline-block;
    width: 750px
}

.swView .option_view li b {
    display: inline-block;
    margin-left: 40px
}

.swView .option_view li > div {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px
}

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

/* 사용자 화면 이미지 */
.view_demo_img {
    clear: both;
    position: relative;
    overflow: hidden;
    height: 178px;
    margin-top: 30px
}

.view_demo_img .slider_2 li {
    border: 1px solid #eaeaea
}

.view_demo_img .bx-pager {
    display: none
}

.view_demo_img .bx-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.view_demo_img .bx-controls-direction a {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    height: 178px;
    width: 36px;
    border: 1px solid #eaeaea;
    background: 0 50% no-repeat;
    text-indent: -999px
}

.view_demo_img .bx-controls-direction a:hover {
    border: 1px solid #00b0ff;
    background-position: -41px 0
}

.view_demo_img a.bx-prev {
    background-image: url(/cloud_ver2/new_cloud/images/btn_arr_left_1.png)
}

.view_demo_img a.bx-next {
    right: 0;
    background-image: url(/cloud_ver2/new_cloud/images/btn_arr_rig_1.png)
}

/* 상세 설명*/
.swView section {
    margin-top: 40px
}

.swView section > h3 {
    background: url(/cloud_ver2/new_cloud/images/bg_tit_swView.png) 0 50% repeat-x;
    font-size: 16px
}

.swView section > h3 i {
    padding-right: 20px;
    background: #fff
}

.swView section > p {
    padding: 20px 12px 20px 0;
    line-height: 160%;
    font-size: 12px;
    color: #626262
}

.swView li {
    list-style: initial;
    line-height: 180%
}

.swView ul {
    font-size: 12px;
    padding-left: 15px;
    line-height: 180%
}

.swView div {
    font-size: 12px;
    line-height: 180%
}

/*  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;
}

/* 소프트웨어 리스트 */

.listTit h2 {
    line-height: 100px;
    padding-left: 20px;
    font-size: 20px;
    color: #384e85;
    font-weight: 500;
    background: #e6ebf9;
}

.listTit .conWrap > div {
    line-height: 120px;
    margin-left: 260px;
    margin-bottom: 0;
    font-size: 26px;
    border-bottom: 1px solid #ececec;
    color: #1b1b1b
}

.listTit .conWrap > div i {
    /* position: relative; */
    padding: 8px 10px;
    font-size: 13px;
    vertical-align: top
}

.listTit .conWrap > div i:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 13px;
    height: 14px;
    /* background: url(/cloud_ver2/new_cloud/images/bg_quot_1.png) no-repeat */
}

.listTit .conWrap > div i:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
    width: 13px;
    height: 14px;
    /* background: url(/cloud_ver2/new_cloud/images/bg_quot_1.png) 100% 100% no-repeat */
}

.listTit .conWrap > div i b {
    /* vertical-align: top; */
    font-size: 14px;
    color: #0093a7
}

.listTit .conWrap > div a {
    float: right;
    line-height: 34px;
    height: 34px;
    margin-top: 30px;
    padding: 0 25px 0 10px;
    background: #478edc url(/cloud_ver2/new_cloud/images/icn_arr_rig.png) 95% 50% no-repeat;
    text-decoration: none;
    font-size: 14px;
    color: #fff
}

.listTit .conWrap > div .print {
    padding: 0;
    background: none
}

.listTit .conWrap > div .makeCommun {
    margin-top: 20px;
    padding: 0 10px 0 30px;
    background: #478edc url(/cloud_ver2/new_cloud/images/icn_gear.png) 10px 50% no-repeat;
}

/* 필터 검색 */
.swList nav h3 {
    padding: 15px 0 15px 20px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    font-size: 18px;
    color: #1b1b1b
}

.swList nav dl {
    margin: 10px
}

.swList nav dt {
    margin-bottom: 10px;
}

.swList nav dt a {
    position: relative;
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-decoration: none
}

.swList nav dt a:after {
    content: '';
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 13px;
    height: 15px;
    margin-top: -7px;
    background: url(/cloud_ver2/new_cloud/images/icn_circl_arrDown.png) no-repeat
}

.swList nav dt a:hover,
.swList nav dt.check a,
.swList nav dt.checked a,
.swList nav dt.on a {
    border-color: #0186e1;
    color: #0186e1
}

.swList nav dt a:hover:after,
.swList nav dt.check a:after,
.swList nav dt.checked a:after,
.swList nav dt.on a:after {
    background-position: 0 -15px
}

.swList nav dd {
    display: none;
    margin: -10px 0 10px;
    padding: 10px 0 5px 10px;
    border: 1px solid #ccc;
    border-top: 0
}

.swList nav dt.on + dd {
    display: block
}

.swList nav dd label {
    display: block;
    line-height: 160%;
    margin-bottom: 5px;
}

.swList nav dl + div {
    margin-bottom: 10px;
    text-align: center
}

.swList nav dl + div a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 16px;
    margin-left: 3px;
    border: 1px solid #478edc;
    border-radius: 2px;
    background: #478edc;
    text-decoration: none;
    color: #fff
}

.swList nav dl + div a.reset_check {
    width: 104px;
    margin-left: 0;
    border: 1px solid #ccc;
    background: #fff;
    color: #3e3e3e
}

/* 판매자 정보 */
.swList .seller dl {
    margin: 0
}

.swList .seller dt {
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 26px;
    color: #1b1b1b;
    text-align: center;
}

.swList .seller dt img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.swList .seller dd {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 160%
}

/* 소프트웨어 리스트 우측 목록 */
.swList .conWrap > div > p {
    position: relative;
    top: -10px;
    line-height: 32px;
    font-size: 14px
}

.swList .conWrap > div > p i {
    margin-right: 5px;
    color: #ff6901
}

.swList .conWrap .tbl_st7 thead th {
    padding-left: 20px;
    padding-right: 20px;
}

.swList .conWrap .tbl_st7 th:nth-of-type(2) {
    width: 184px;
    white-space: normal
}

.swList .conWrap .tbl_st7 th a {
    font-size: 16px;
    color: #0186e1;
    word-break: keep-all;
}

.swList .conWrap .tbl_st7 th img {
    display: block;
    max-width: 158px;
    max-height: 130px;
    margin: 20px auto 0;
    border: 1px solid #eaeaea
}

.swList .conWrap .tbl_st7 td {
    padding: 20px 8px 0
}

.swList .conWrap .tbl_st7 td a {
    display: block
}

.swList .conWrap .tbl_st7 tr td:nth-of-type(1) a {
    line-height: 140%;
    font-size: 13px
}

.swList .conWrap .tbl_st7 tr td:nth-of-type(1) a:first-child {
    margin-bottom: 16px;
    font-size: 12px;
    color: #1b1b1b
}

.swList .conWrap .tbl_st7 td i {
    font-size: 13px;
    white-space: nowrap;
    color: #7d7d7d
}

.swList .conWrap .tbl_st7 td:first-child {
    padding: 10px 0 20px 8px
}

.swList .conWrap .tbl_st7 td:nth-child(2) {
    padding: 10px 0 20px
}

.swList .conWrap .tbl_st7 td:nth-child(3) {
    border-bottom: 0
}

.swList .conWrap .tbl_st7 td:nth-child(4) {
    position: relative;
    padding-top: 50px;
    border-bottom: 0;
    text-align: center
}

.swList .conWrap .tbl_st7 .btnPare {
    width: 48px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto;
    background: #ff9900;
    text-decoration: none;
    text-align: center;
    color: #fff
}

/*상품 비교 */
.serCompare {
    position: fixed;
    display: block;
    visibility: hidden;
    bottom: 0;
    height: 320px
}

.serCompare.on {
    visibility: visible
}

.serCompare.hidden {
    height: 30px
}

.serCompare h2 a.on {
    width: 11px;
    background: url(/cloud_ver2/new_cloud/images/icn_open.png)
}

.serCompare h2 i {
    float: right;
    margin: -2px 10px 0 0
}

.itemWrap {
    overflow-x: auto;
    overflow-y: hidden;
    float: left;
    position: relative;
    width: 835px;
    white-space: nowrap
}

.itemWrap > span {
    position: relative;
    display: inline-block;
    width: 178px;
    margin-right: 10px;
    border: 1px solid #eaeaea;
    list-style: none
}

.itemWrap > span > a {
    display: block;
    border-bottom: 1px solid #eaeaea;
    text-decoration: none
}

.itemWrap > span > a img {
    max-width: 100%;
    max-height: 176px;
    border-bottom: 1px solid #eaeaea
}

.itemWrap > span > a i {
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 10px;
    line-height: 120%;
    font-size: 16px;
    color: #0186e1;
    text-overflow: ellipsis
}

.itemWrap > span span {
    display: inline-block;
    padding-left: 10px;
    border-bottom: 1px solid #eaeaea;
    font-size: 12px;
    color: #0186e1
}

.itemWrap > span span > a {
    display: inline-block;
    overflow: hidden;
    width: 92px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit
}

.itemWrap > span span button {
    height: 27px;
    line-height: 27px;
    margin: 2px 2px 2px 0;
    background: #ff9900;
    color: #FFF
}

.itemWrap + ul {
    height: 100%;
    margin-left: 855px;
    padding: 8px 10px 1px 10px;
    background: #f2f5f5
}

.itemWrap + ul li {
    margin-bottom: 8px
}

.itemWrap + ul li button {
    display: block;
    width: 100%;
    height: 60px;
    background: #296eaf;
    text-align: center;
    font-size: 14px;
    letter-spacing: -1px;
    color: #fff
}

.itemWrap + ul li button i {
    display: block;
    font-weight: bold
}

.itemWrap + ul li:nth-child(3) button,
.itemWrap + ul li:nth-child(4) button {
    background: #2ba7e3
}

/* login */
.login {
    position: relative;
}

.login_box {
    position: relative;
    overflow: hidden;
    width: 450px;
    /*height: 571px;*/
    margin: 83px auto 98px;
    border: 1px solid #707070;
}

.login_box2 {
    position: relative;
    top: -58px;
    overflow: hidden;
    width: 450px;
    height: 475px;
    margin: 11% auto;
    border: 1px solid #707070;
    margin-bottom: 40px;
}

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

.login dl {
    width: 100%;
    height: 100%;
}

/*.login dt,*/
/*.login dd {*/
/*    position: relative;*/
/*    float: left;*/
/*    vertical-align: top;*/
/*    width: 50%;*/
/*    height: 450px;*/
/*}*/

/*.login dt {*/
/*    background: url('/cloud_ver3/html_web/images/common/login_bg_01.jpg') no-repeat;*/
/*    background-size: cover;*/
/*    padding: 2em;*/
/*}*/

.expert {
    position: relative;
    overflow: hidden;
    width: 450px;
    height: 615px;
    margin: 3% auto;
    border: 1px solid #252525;
}

.expert dl {
    width: 100%;
    height: 100%;
}

.expert dt,
.expert dd {
    position: relative;
    top: -52px;
    left: 0px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 391px;
}

.expert dt {
    background: url('/cloud_ver3/html_web/images/common/login_bg_03.jpg') no-repeat;
}

.login h1 {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}

.login h2 {
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    letter-spacing :1.5px;
}

.login_text {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin-top: 1em;
}

.login_add {
    text-align: center;
    margin-bottom: 100px;
    font-size: 15px
}

.bottom_text_box1 {
    position: relative;
    top: 0;
    margin: 0 !important;
    padding: 0.5em;
    background: rgba(56, 78, 133, .8);
    height: 68px;
    width: 100%;
}

.bottom_text_box1 li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}

.bottom_text_box1 li ul li {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.bottom_text_box1 li ul li:first-child {
    font-size: 14px;
}

.bottom_text_box_last {
    position: absolute;
    top: 25px;
    right: 10px;
}

.bottom_text_box_last a {
    color: #384e85 !important;
    font-size: 15px;
    background: #fff;
    padding: 0.5em 1em;
    border-radius: 5px;
    font-weight: 500;
}

.login dd {
}

.login dd h2 {
    color: #384e85;
}

.login dd .login_text {
    color: #212121;
}

.login dd ul {
}

.login dd ul li input {
    padding: 0.5em 1em;
    height: auto;
    line-height: 33px;
    margin-bottom: 1em;
    border-radius: 5px;
    font-size: 16px;
}

.login_save_input input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.login_save_input 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;
}

.login_save_input input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #f6fbff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.login_save_input input[type="checkbox"]:checked + label:before {
    background: #f6fbff;
    border-color: #415685;
}

.login_save_input input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url('/cloud_ver3/html_web/images/common/software_input_check.png') no-repeat center center;
    border-radius: 5px;
}

.login_save_click_1, .login_save_click_2 {
    margin-top: 1.5em;
}

.login_save_click_1 input {
    background: #384e85 !important;
    color: #fff;
    font-weight: 500;
    width: 100%;
    border: none;
}

.login_save_click_2 input {
    background: #ffa500 !important;
    color: #fff;
    font-weight: 500;
    width: 100%;
    border: none;
}

dd .bottom_text_box1 {
    background: #e8f0f7;
    text-align: center;
}

dd .bottom_text_box1 li {
    width: 140px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 9px;
}

dd .bottom_text_box2 {
    background: #384e85;
    text-align: center;
    padding: 1em 0;
}

dd .bottom_text_box2 li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: left;
    letter-spacing: 0px;
}

dd .bottom_text_box3 {
    background: #384e85;
    text-align: center;
    padding: 1em 0;
    position: relative;
    top: -47px;
}

dd .bottom_text_box3 li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: left;
    letter-spacing: 0px;
}

.bottom_find_link {
    display: block;
    padding: 0.5em 2em;
    background: #626262;
    color: #fff;
    border-radius: 5px;
}

.bottom_register_link {
    display: block;
    padding: 0.5em 2em;
    background: #384e85;
    color: #fff;
    border-radius: 5px;
}

/* 아이디 패스워드 찾기 */
.find_idpw {
    padding-top: 30px
}

.find_idpw h2 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #1b1b1b
}

.find_idpw p {
    padding: 1em;
    background: #f6f6f6;
    border: 1px solid #ececec;
    font-size: 16px;
    margin-bottom: 2em;
}

.find_idpw p em {
    color: #ff6901
}

.find_idpw .tab_menu {
    position: relative;
    padding-top: 43px
}

.find_idpw .tab_menu li > a {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 120px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #c0c0c0;
    border-left: 0;
    text-decoration: none;
    text-align: center;
    color: #1b1b1b
}

.find_idpw .tab_menu li.on > a {
    border-bottom-color: #fff
}

.find_idpw .tab_menu li:first-child > a {
    border-left: 1px solid #c0c0c0
}

.find_idpw .tab_menu li:nth-of-type(2) > a {
    left: 120px
}

.find_idpw .tab_menu li:nth-of-type(3) > a {
    left: 240px
}

.find_idpw .tab_menu .tab_con {
    padding-top: 10px;
    border-top: 1px solid #c0c0c0
}

.find_idpw .tab_menu .tab_con input[type=text] {
    width: 350px
}

.find_idpw .tab_menu .tab_con .email input[type=text] {
    width: 160px
}

.find_idpw .tab_menu .tab_con .tel input[type=text] {
    width: 108px
}

.find_idpw .tab_menu .tab_con th {
    width: 130px
}

/* 페이지 분할 시 사용 - 2016-12-06
	.find_idpw .tab_link{
		margin-bottom:10px;
		border-bottom:1px solid #c0c0c0
		}
	.find_idpw .tab_link a{
		float:left;
		display:inline-block;
		width:120px;
		height:42px;
		line-height:42px;
		margin-bottom:-1px;
		border:1px solid #c0c0c0;
		background:#fff;
		text-decoration:none;
		text-align:center
		}
	.find_idpw .tab_link a{
		border-left:0
		}
	.find_idpw .tab_link a:first-child{
		border-left:1px solid #c0c0c0
		}
	.find_idpw .tab_link a.on{
		border-bottom:0
		}
	.find_idpw td label{
		display:inline-block;
		margin-right:10px
		}
	.find_idpw td input[type=text]{
		width:350px
		}
	.find_idpw .email input[type=text]{
		width:160px
		}
	.find_idpw .tel input[type=text]{
		width:108px
		}
	.find_idpw th{
		width:130px
		}*/
.find_idpw .btnArea {
    margin: 30px 0
}

.find_idpw h3 {
    text-align: center;
    font-size: 26px;
    color: #1b1b1b
}

.find_idpw h3 em {
    color: #0186e1
}

.find_idpw > div {
    width: 600px;
    margin: 30px auto
}

.find_idpw > div ul {
    padding: 20px 20px 10px;
    border: 1px solid #ebebeb
}

.find_idpw > div li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 10px;
    letter-spacing: -1px;
    font-size: 14px
}

.find_idpw > div li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #626262
}

/* 회원가입 */

.join {text-align: center; }
.join h3 {font-size: 22px; color: #212121; padding: 1em 0; }
.join_text {display: block; font-size: 18px; text-align: center; margin-top: 0.5em; color: #212121; }

.applySelcet {position: Relative; width: 100%; padding: 2em; text-align: center; }

.applySelcet ul li {
    position: relative; display: inline-block; border: 2px solid #384e85; margin: 0 15px; width: 25%;
    height: 270px; border-radius: 5px; vertical-align: top;
}

.applySelcet ul li a {display: block; width: 100%; height: 100%; padding-top: 6em; }
.applySelcet ul li a dl dt {display: block; font-size: 26px; font-weight: 500; color: #384e85; text-align: center; }
.applySelcet ul li a dl dd {font-size: 16px; font-weight: 500; color: #212121; margin-top: 0.5em; text-align: center; }

.applySelcet ul li a:hover {background: #384e85; }
.applySelcet ul li a:hover dl dt, .applySelcet ul li a:hover dl dd, .applySelcet ul li a:hover dl dd h5 {color: #fff; }


.userTyCdSelcet {
    position: Relative;
    width: 100%;
    padding: 2em;
    text-align: center
}

.userTyCdSelcet ul li {
    position: relative;
    display: inline-block;
    border: 2px solid #384e85;
    margin: 0 15px;
    width: 25%;
    height: 270px;
    border-radius: 5px;
    vertical-align: top;
}

.userTyCdSelcet ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 6em;
}

.userTyCdSelcet ul li a:not(.checkTyCd) dl dt {
    display: block;
    font-size: 26px;
    font-weight: 500;
    color: #384e85;
    text-align: center;
}

.userTyCdSelcet ul li a:not(.checkTyCd) dl dd {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin-top: 0.5em;
    text-align: center;
}

.userTyCdSelcet ul li a:hover {
    background: #384e85;
    /*background: orange;*/
}

.userTyCdSelcet ul li a:hover dl dt,
.userTyCdSelcet ul li a:hover dl dd,
.userTyCdSelcet ul li a:hover dl dd h5 {
    color: #fff;
}


.checkTyCd {
    background: #384e85;
    color: #fff;
}


.checkTyCd dl dd  {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 0.5em;
    text-align: center;
}


.checkTyCd dl dt {
    display: block;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

/*.applySelcet ul li .checkTyCd dl dt {
    display: block;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.applySelcet ul li .checkTyCd dl dd {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 0.5em;
    text-align: center;
}*/


/*.applySelcet ul li .checkTyCd:active dl dt,
.applySelcet ul li .checkTyCd:active dl dd,
.applySelcet ul li .checkTyCd:active dl dd h5 {
    color: #fff;
}*/

.join table {
    width: 590px;
    margin: 0 auto
}

.join table th {
    width: 165px
}

.join table td {
    width: 95px
}

.join table td:nth-child(2) {
    width: 330px;
}

.join table td input[type=password],
.join table td input[type=text] {
    width: 100%
}

.join table td input[type=submit] {
    width: 76px;
    height: 75px;
    border: 0;
    line-height: 140%;
    background: #ff9900;
    white-space: normal;
    word-break: keep-all;
    font-size: 14px;
    color: #fff
}

/* 인증 */

.email_certi h3 {
    font-size: 16px;
    margin-top: 2em;
}

.certi {
    position: relative;
    width: 350px;
    margin: 0 auto;
}

.certi_drmncy {
    position: relative;
    width: 600px;
    height: 500px;
    margin: 4rem auto;
    padding: 20px;
    border: 2px solid #eee;
    border-radius: 10px;
}

.join_name_email {
    margin-bottom: 4em;
}

.join_name_email input {
    margin-bottom: 0.7em;
    padding: 1em;
    border: 1px solid #8e9bb7;
    background: #f6fbff;
    border-radius: 5px;
    height: auto !important;
    line-height: 1 !important;
}

.join_name_email input::placeholder {
    color: #7F92B8;
}

input.modify_name_password_send,
.join_name_email_chk {
    border: 1px solid #384e85 !important;
    background: #fff !important;
    color: #384e85 !important;
    font-size: 16px;
    width: 100%;
    display: block;
    font-weight: 500;
    border-radius: 5px;
}

.join_name_email_send,
.modify_name_password_send {
    width: 100%;
    padding: 1em !important;
    font-weight: 500;
}

.email_certification_time {
    display: block;
    text-align: center;
    font-size: 14px;
    margin-top: 1em;
}

.email_certification_time em {
    color: #f13e0f;
}


/* 개인정보 수집 및 이용동의 */
.checklist {
    border: 1px solid #707070;
    margin-top: 2em;
    border-radius: 5px;
}

.checklist li {
    border-bottom: 1px solid #707070;
}

.checklist li:last-child {
    border-bottom: 0;
}

.checklist li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.4em;
}

.checklist li a > p:nth-child(2) {display: flex; align-items: center; }
.checklist li a > p:nth-child(2) > span.material-symbols-outlined {font-size: 18px; color: #707070; }

.checklist li a:hover{background:#edf0f3; color: #171948; }
.checklist li a:hover > p:nth-child(2) > span.material-symbols-outlined {color:#171948; }

/* 약관동의 */
.agree {
    margin-top: 30px
}

.agree h4 {
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    color: #1b1b1b
}

.agree h4 a {
    border-bottom: 1px solid #626262;
    text-decoration: none;
    font-size: 14px;
    color: #626262
}

.agree-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 1rem;
    border-radius: 0.3rem;
}

.wrap-box.bg-gray {
     background-color: #f4f5f6;
 }

.agree-box-check-area {
    display: flex;
    flex-wrap: wrap;
}

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

.agree input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    width: 100%;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.agree input[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.agree 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;
}

.agree 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;
}

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

.agree input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.agree input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
}

.agree input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 4px;
    width: 11px;
    height: 11px;
    background: #384e85;
    border-radius: 100%;
}*/

.agree .agr_opcl {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    line-height: 15px;
    padding-right: 20px;
    border-bottom: 0;
    font-size: 14px
}

.agree .agr_opcl:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 15px;
    height: 15px;
    margin-top: -7px;
    background: url(/cloud_ver2/new_cloud/images/btn_open_close.png) no-repeat
}

.agree .agr_opcl.close:after {
    background-position: 0 -15px
}

.agree article {
    display: block;
    overflow-y: scroll;
    height: 200px;
    line-height: 180%;
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #dbdbdb;
    font-size: 14px
}

.agree article h5 {
    font-size: 15px
}

.agree article h6 {
    font-size: 14px;
    margin-bottom: 10px
}

.agree article.close {
    display: none
}

.agree hr {
    margin: 30px 0;
}

.agree label {
    margin-right: 10px;
    font-size: 15px;
    margin-top: 0;
}

.providerPageTit .conWrap img {
    margin-top: 0;
    margin-bottom: 30px;
    width: 949px;
}

/* 정보입력 */
.join_info {
    margin-top: 46px;
}

.join_info p {
    float: right;
    font-size: 13px;
}

.join_info p i {
    color: #ff0000
}

.join_info h4 {
    margin: 0 0 1em 0;
    font-size: 22px;
    color: #1b1b1b
}

.join_info h4 a {
    margin-left: 10px
}

.join_info table {
    margin-bottom: 30px
}

.join_info table label {
    display: inline-block;
    margin-right: 10px
}

.join_info table input[type=password],
.join_info table input[type=text] {
    width: 465px
}

.join_info table .uploadFile input[type=text] {
    width: 100%
}

.join_info table .inputTel input[type=text] {
    width: 100px;
    padding-left: 0;
    text-align: center;
}

.join_info table .inputTel > input[type="text"]:before {
    content: "+";
}

.join_info table .inputEmail input {
    width: 465px;
}

.join_info table input + p {
    margin: 8px 0 5px;
    font-size: 14px;
    color: #949494;
    display: inline-block;
    margin-left: 1em;
}

.join_info table p {
    float: none
}

.join_info table th {
    width: 160px;
    padding-right: 20px
}

.join_info table td {
    position: relative;
    padding: 10px;
}

.join_info table a dt {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 800
}

.join_info .emailAgree {
    font-size: 14px
}

.join_info .emailAgree dl {
    display: block;
    margin-bottom: 1em;
}

.join_info .emailAgree dt {
    display: inline-block;
    font-size: 14px;
    width: 110px;
    vertical-align: top;
}

.join_info .emailAgree dd {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.join_info .emailAgree dd input[type="radio"] + label {
    font-size: 14px;
}

.join_info .emailAgree dl:last-child {
    margin-bottom: 0;
}

/* 정보수정 */
.lay_lnb .join_info table .inputEmail input {
    width: 424px
}

.modify {
    padding-bottom: 2em;
    /*margin-top: -7em;*/
}

.modify h3 {
    margin: 50px 0 25px;
    text-align: center;
    font-size: 26px
}

.modify h3 + p {
    float: none;
    text-align: center;
    font-size: 16px
}

.modify .certi label {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 1em 0;
}

.modify .certi .btnArea a:first-child {
    margin: 1em 0 0.5em 0;
}

.modify.join_info table input[type=password],
.modify.join_info table input[type=text] {
    width: 100%
}

/* 탈퇴 */
.memOut .quot:after {
    bottom: 10px;
    right: -15px
}

.memOut .notice {
    margin-bottom: 30px
}

.memOut .notice img {
    border: 1px solid #ebebeb
}

.memOut .notice img:first-child {
    margin-right: 15px
}

.memOut .btnArea {
    margin-bottom: 50px
}

/* 완료 */
.complete {
    text-align: center;
    width: 500px !important;
    height: 300px;
    float: none !important;
    padding: 1em 0 !important;
    margin: 5em auto;
}

.complete h3 {
    color: #384e85;
}

.complete a {
    width: 280px;
}

.complete p {
    font-size: 14px
}

.complete p em {
    font-weight: bold
}

.complete > div {
    width: 434px;
    margin: 0 auto
}

.complete .btnArea {
    margin-top: 30px
}

/* 회원가입 공공 */
.public .certi .info {
    margin-bottom: 20px;
    text-align: right;
    font-size: 14px;
    color: #ff6901
}

.join table td:nth-child(2).pubEmail {
    text-align: left
}

.join table td:nth-child(2).pubEmail input {
    width: 141px
}

/* 공급 권한 신청 */
.docConfirm h4 + ol {
    margin-bottom: 30px
}

.docConfirm h4 + ol li {
    margin-bottom: 3px;
    font-size: 14px;
    color: #1b1b1b
}

.docConfirm img + p {
    margin: 30px 0 10px;
    font-size: 14px;
    color: #ff6901
}

.docConfirm table td {
    height: 40px;
    line-height: 40px
}

.docConfirm table td i {
    color: #ff0000
}

.docConfirm table td input[type=text] {
    width: 160px;
    /* text-align:center; */
    text-align: left
}

.docConfirm table:nth-of-type(2) tr:first-of-type td input[type=text] {
    width: 530px
}

.docConfirm table td input[type=submit] {
    width: 75px;
    height: 75px;
    border: 0;
    line-height: 140%;
    background: #ff9900;
    white-space: normal;
    font-size: 14px;
    color: #fff
}

.docConfirm * {
    font-family: 'Noto Sans KR';
}

.docConfirm {
    width: 800px;
    margin: 100px auto;
}

.docConfirm .btnArea {
    margin-top: 20px
}

.docConfirm h4 {
    margin: 30px 0;
    font-size: 18px;
    color: black;
}

.docConfirm .content {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 30px 0 0;
}

.docConfirm .content-left {
    flex: 1;
    margin-right: 10px;
}

.docConfirm .content-right {
    flex-basis: 100px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.docConfirm .button-duplicate {
    flex: 1;
    font-size: 15px;
    color: white;
    background-color: darkorange;
}

.docConfirm .content .flex-row {
    box-sizing: content-box;
    height: 40px;
}

.docConfirm .content .flex-row:not(:last-child) {
    padding-bottom: 10px;
}

.docConfirm .content .offer-subject {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-basis: 120px;
    font-size: 15px;
}

.docConfirm .content .offer-input {
    display: flex;
    flex: 1;
    font-size: 15px;
    align-items: center;
}

.docConfirm .content .offer-input input[type="text"] {
    flex: 1;
    height: 100%;
    text-align: center;
    color: black;
    font-size: 16px;
    padding: 0;
}

.docConfirm .content .offer-input input.company-name {
    text-align: left;
    padding-left: 10px;
    width: 400px;
}

.docConfirm .content .offer-input .dash-mark {
    margin: 0 5px;
    font-size: 12px;
}

.docConfirm .content-alert {
    margin-top: 40px;
}

.docConfirm ul li {
    font-size: 14px;
    margin: 5px 0;
    color: dimgrey;
}

.docConfirm .btnArea.rig {
    margin-top: 60px;
}

.reqPermit {
    max-width: 1100px;
    margin: 0 auto;
}

.reqPermit * {
    font-family: 'Noto Sans KR', sans-serif;
}

.reqPermit h1 {
    font-size: 30px;
    margin: 40px 0;
    color: black;
    text-align: center;
}

.reqPermit .container-descryption {
    border: 1px #c0c0c0 solid;
    padding: 20px;
    margin-bottom: 40px;
}

.reqPermit .container-descryption .sub-title {
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    background-color: #f4f9fc;
    padding: 20px;
}

.reqPermit .container-descryption .period,
.reqPermit .container-descryption .flow {
    font-size: 18px;
    margin: 20px;
}

.reqPermit .container-descryption .period *,
.reqPermit .container-descryption .flow * {
    font-size: 18px;
}

.reqPermit .container-descryption .period:before,
.reqPermit .container-descryption .flow:before {
    content: ' ';
    height: 10px;
    width: 10px;
    background-color: #009DA4;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.reqPermit .container-descryption .flow ~ img ~ p {
    font-size: 14px;
    margin-left: 15px;
}

.reqPermit .container-descryption .flow ~ img {
    display: block;
    max-width: 850px;
    margin: 0 auto;
    padding-top: 6px;
    text-align: center;
}

.reqPermit .agreement {
    height: 300px;
    background-color: #f4f9fc;
    padding: 20px;
    border: 1px #c0c0c0 solid;
    overflow-y: scroll;
    margin-top: 0;
}

.reqPermit .agreement h2 {
    font-size: 15px;
    width: 100%;
    text-align: center;
}

.reqPermit .agreement * {
    font-size: 13px;
    color: black;
    line-height: 160%;
}

.reqPermit .agreement section h3 {
    font-size: 14px;
    margin: 20px 0;
}

.reqPermit .agreement article {
    margin: 20px 0;
}

.reqPermit .agreement article h4 {
    font-weight: bold;
    margin-bottom: 0;
}

.reqPermit .agreement article p {
    margin-left: 20px;
    text-indent: -20px;
}

.reqPermit .agreement article p ~ ol li {
    list-style: decimal inside;
    margin-left: 40px;
    text-indent: -20px;
}

.reqPermit .title {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reqPermit .title button.download {
    font-family: 'Noto Sans KR';
    background-color: #DEE1FF;
    color: #7277CB;
    height: 45px;
    flex-basis: 200px;
    font-size: 16px;
    font-weight: bold;
    border: 1px white solid;
    border-radius: 5px;
    position: relative;
    padding-left: 30px;
}

.reqPermit .title button.download svg {
    position: absolute;
    left: 30px;
    top: 10px;
    width: 20px;
    fill: #7277cb;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .reqPermit .title button.download svg {
        top: 0;
    }

    .reqPermit input {
        font-family: Arial, Helvetica, sans-serif;
    }
}

.reqPermit h2 {
    font-size: 18px;
    margin: 30px 0;
    color: black;
    font-weight: bold;
    position: relative;
    padding-left: 40px;
}

.reqPermit h2 .circle {
    display: inline-block;
    position: absolute;
    background-color: #E0ECF3;
    color: #3C858A;
    border-radius: 50%;
    font-size: 18px;
    width: 30px;
    height: 30px;
    text-align: center;
    left: 0;
    vertical-align: middle;
    line-height: 30px;
    top: -5px;
}

.reqPermit .container-info {
    margin-bottom: 42px;
}

.reqPermit .container-info table {
    border-top: 1px #c1c1c1 solid;
}

.reqPermit .container-info table * {
    font-size: 14px;
    color: black;
}

.reqPermit .container-info table tr th,
.reqPermit .container-info table tr td {
    border-bottom: 1px solid #e4e4e4;
    height: 60px;
    padding: 5px;
}

.reqPermit .container-info table tr th:nth-child(1),
.reqPermit .container-info table tr th:nth-child(3),
.reqPermit .container-info table tr th:nth-child(5) {
    background-color: #f7f7f7;
}

.reqPermit .container-info .dash-mark {
    color: gray;
    font-size: 12px;
}

.reqPermit .container-info table .th-tel-group .subgroup {
    margin: 5px 0;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}

.reqPermit .container-info table .td-tel-group .subgroup {
    margin: 5px 0;
}

.reqPermit .container-info table tr td.td-email input {
    width: 226px;
}

.reqPermit input {
    border: 1px #e4e4e4 solid;
    border-radius: 5px;
}

.reqPermit input:disabled {
    background-color: #f7f7f7;
}

.reqPermit .container-info table td.td-logo {
    text-align: center;
    padding: 10px;
}

.reqPermit .container-info table td.td-logo .button {
    border: 1px #e4e4e4 solid;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
}

.reqPermit #button-duplicate {
    box-sizing: content-box;
    background-color: #f4f9fc;
    border: 1px #e4e4e4 solid;
    height: 24px;
    margin-left: 5px;
    padding: 3px 6px;
}

.reqPermit input.small-input {
    text-align: center;
    max-width: 60px;
    padding: 3px;
}

.reqPermit .container-info .content * {
    font-size: 14px;
    color: black;
}

.spread-box-shadow {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.reqPermit.reqDigitalSign h2 {
    padding: 0;
}

.reqPermit.reqDigitalSign .agreement {
    height: 630px;
}

.reqDigitalSign .info-group span.label {
    font-size: 14px;
    font-weight: bold;
    margin-right: 13px;
    margin-left: 50px;
}

.reqDigitalSign .info-group input {
    font-size: 14px;
    text-align: center;
    color: black;
    max-width: 200px;
    margin: 5px;
}

.reqDigitalSign .info-group input.small-input {
    max-width: 80px;
}

.reqDigitalSign .info-group {
    margin-top: 32px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reqPermit .btn-group {
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.reqPermit .btn-group button:focus {
    outline-color: white;
}

.reqPermit .container-agreement .btn-group button {
    padding: 20px;
    flex-basis: 250px;
    border-radius: 40px;
    height: 70px;
    font-size: 18px;
    margin: 20px 10px;
}

/* Chrome, Safari, Edge, Opera */
.reqPermit input::-webkit-outer-spin-button,
.reqPermit input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Firefox */
.reqPermit input[type=number] {
    -moz-appearance: textfield;
}

.reqPermit .container-agreement .btn-group button:hover:not(.active) {
    background-color: #b1e0e0;
}

.reqPermit .container-agreement .btn-group button.active,
.reqPermit .container-agreement .btn-group button:hover {
    position: relative;
    background-color: #49b3b4;
    border: 1px white solid;
}

.reqPermit .container-agreement .btn-group button.active .text-with-checkmark,
.reqPermit .container-agreement .btn-group button:hover .text-with-checkmark {
    color: white;
    margin-left: 26px;
    font-size: 18px;
    font-weight: bold;
}

.reqPermit .container-agreement .btn-group button.active .text-with-checkmark:before,
.reqPermit .container-agreement .btn-group button:hover .text-with-checkmark:before {
    content: " ";
    display: block;
    position: absolute;
    border: solid 13px white;
    border-radius: 100%;
    height: 0;
    width: 0;
    margin-top: -6px;
    left: 30px;
    top: 40%;
}

.reqPermit .container-agreement .btn-group button.active .text-with-checkmark:after,
.reqPermit .container-agreement .btn-group button:hover .text-with-checkmark:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 13px;
    border: solid #49b3b4;
    border-width: 0 2px 2px 0;
    margin-top: -2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 39px;
    top: 40%;
}

.reqPermit .container-agreement .btn-group .default {
    position: relative;
    background-color: #f4f9fc;
    border: 1px #c0c0c0 solid;
}

.reqPermit .container-agreement .btn-group .default .text-with-checkmark {
    color: #717171;
    margin-left: 26px;
    font-size: 18px;
}

.reqPermit .container-agreement .btn-group .default .text-with-checkmark .sub-text {
    color: #ec7474;
    font-size: 12px;
    text-align: center;
    margin-left: 12px;
}

.reqPermit .container-agreement .btn-group .default .text-with-checkmark:before {
    content: " ";
    display: block;
    position: absolute;
    border: solid 13px #cad9e0;
    border-radius: 100%;
    height: 0;
    width: 0;
    margin-top: -6px;
    left: 30px;
    top: 40%;
}

.reqPermit .container-agreement .btn-group .default .text-with-checkmark:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 13px;
    border: solid #f4f9fc;
    border-width: 0 2px 2px 0;
    margin-top: -2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 39px;
    top: 40%;
}

.reqPermit .container-document {
    margin-bottom: 42px;
}

.reqPermit .container-document h2 {
    margin-bottom: 24px;
}

.reqPermit .container-document h2 ~ p {
    color: #49b3b4;
    font-size: 13px;
    font-weight: bold;
}

.reqPermit .container-document table {
    margin-top: 20px;
    border-top: 1px #c0c0c0 solid;
}

.reqPermit .container-document table th {
    background-color: #f7f7f7;
}

.reqPermit .container-document table th,
.reqPermit .container-document table td {
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
    height: 60px;
    border-bottom: 1px #e4e4e4 solid;
}

.reqPermit .container-submit {
    text-align: center;
    margin-bottom: 40px;
}

.reqPermit .container-submit button {
    height: 40px;
    margin: 5px;
    padding: 5px 15px;
    font-size: 14px;
}

.reqPermit .container-submit button.btns.st2 {
    background-color: #ff7101;
}

.reqPermit .container-submit .btns.st1 {
    background-color: #009da4;
}

.reqPermit .btns.st3 {
    background-color: #f79369;
    font-size: 14px;
}

.reqPermit.viewer .download {
    font-size: 14px;
    color: #0163a7;
}

.reqPermit button:disabled,
.reqPermit button.disabled,
.reqPermit button[disabled] {
    cursor: default;
    background-color: #e4e4e4 !important;
}

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

.reqPermit #label-logo-file-input img {
    flex-basis: 160px;
    max-height: 160px;
    max-width: 140px;
    object-fit: contain;
}

.reqPermit .logo-file-input::-webkit-file-upload-button {
    display: none;
}

.reqPermit .logo-file-input {
    border: none;
    display: none;
}

/* 정보입력 - 판매 권한 신청 */
.inputOffer.join_info table th {
    width: 18%;
    padding-left: 32px;
}

.inputOffer.join_info table .requ {
    padding-left: 20px;
}

.inputOffer .tbl_St4:nth-of-type(2) td {
    /* width:380px */
}

.inputOffer td p {
    color: #ff6901;
    font-size: 0.8rem;
}

.inputOffer .logo input[type=text] {
    width: 20px
}

.inputOffer .tel input[type=text] {
    width: 100px
}

.inputOffer table input[type=file] {
    padding-left: 0
}

.inputOffer .tbl_St4:nth-of-type(3) input[type=file] {
    /* width:100% */
}

/* 정보수정 - 판내 권한 */
.inputOffer .importInfo_1 {
    color: #ff6901
}

.inputOffer .importInfo_2 {
    color: #ff0000
}

.inputOffer .thumb {
    padding: 10px 0 0 0
}

.inputOffer .thumb > span {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 50px;
    margin: 0 0 10px 10px;
    border: 1px solid #e4e4e4;
    background: url(/cloud_ver2/new_cloud/images/temp/bg_uploadImg_2.png) no-repeat;
    vertical-align: top
}

.inputOffer .thumb > span img {
    width: 100%;
    height: 100%
}

.inputOffer .thumb > span a {
    position: absolute
}

.inputOffer .thumb > span .del {
    top: 10px;
    right: 6px
}

.inputOffer .thumb > span a:last-of-type {
    width: 34px;
    height: 20px;
    line-height: 20px;
    left: 50%;
    bottom: 10px;
    margin-left: -17px;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 12px;
}

.inputOffer .uploadFileWrap {
    float: right;
    width: 200px;
}

/* 공동인증서 인증 */
.certiPc > div {
    width: 435px;
    height: 180px;
    margin: 0 auto;
    padding: 40px 0 0 200px;
    border: 1px solid #dbdbdb;
    background: #f6f8f8 url(/cloud_ver2/new_cloud/images/icn_certi_login.png) 50px 50% no-repeat;
}

.certiPc > div a {
    display: block;
    width: 176px;
    height: 62px;
    line-height: 62px;
    margin-top: 10px;
    padding-left: 57px;
    background: #478edc url(/cloud_ver2/new_cloud/images/icn_lock.png) 20px 50% no-repeat;
    text-decoration: none;
    color: #fff
}

/* 가입완료 - 판매 권한*/
.complete .end_info {
    padding: 30px 0 45px 20px;
    border: 1px solid #dbdbdb;
    background: #f6f8f8 url(/cloud_ver2/new_cloud/images/bg_joinEnd_offer.png) 100% 100% no-repeat;
    text-align: left
}

.complete .end_info h3 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #1b1b1b
}

.complete .end_info li {
    line-height: 140%;
    letter-spacing: -1px;
    font-size: 13px;
    color: #1b1b1b
}

.complete .end_info p {
    margin-top: 5px;
    font-size: 13px;
    color: #ff6901
}

/* 공급자 씨앗 홈 */
.dash ul {
    clear: both
}

.dash li {
    float: left;
    width: 50%
}

.dash li:nth-child(2n+1) {
    padding-right: 10px;
}

.dash li:nth-child(2n) {
    padding-left: 10px;
}

.dash h3 {
    line-height: 32px
}

.dash h3 i {
    display: inline-block;
    width: 18px;
    height: 22px;
    line-height: normal;
    padding-top: 2px;
    background: url(/cloud_ver2/new_cloud/images/icn_msg.png) no-repeat;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    color: #fff
}

.dash h3 a {
    float: right;
    display: inline-block;
    min-width: 70px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border: 0;
    background: #ff9900;
    text-decoration: none;
    text-align: center;
    color: #fff
}

.dash h3 a:before {
    content: '+ '
}

.supAdm.dash h3 + table {
    margin-top: 10px
}

.supAdm.dash th {
    white-space: nowrap
}

.supAdm.dash td a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
    font-size: inherit
}

.supAdm.dash .la_1 a {
    width: 270px
}

.supAdm.dash .la_2 th:nth-child(3) {
    min-width: 60px
}

.supAdm.dash .la_2 a {
    width: 270px
}

.supAdm.dash .la_3 th:nth-child(3) {
    min-width: 60px
}

.supAdm.dash .la_3 a {
    width: 240px;
    margin-lefT: 10px
}

.supAdm.dash .la_4 a {
    width: 270px;
    margin-lefT: 10px
}

/* 씨앗 공지 */
.noticeBbs td a {
    display: block;
    overflow: hidden;
    width: 600px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

/* 공급서비스 관리 리스트 */
.serviceRegist_tit {display: flex; align-items: center; }

.supAdm .btnArea {
    margin-top: 30px
}

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

.supAdm .f_r + h3 {
    clear: both;
    padding-top: 30px
}

.supAdm .notice {
    margin-bottom: 20px
}

.supAdm .notice li {
    line-height: 140%;
    letter-spacing: -1px;
    font-size: 14px;
    color: #1b1b1b
}

.supAdm .notice em {
    color: #ff6901
}

.supAdm.view h3 {
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
}

.supAdm.view h3 + h4 {
    margin: 20px 0;
    font-size: 16px;
    color: #1b1b1b
}

.supAdm.view dl {
    margin-top: 30px
}

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

.supAdm.view dt em {
    color: #ff0000
}

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

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

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

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

.supAdm dd input[type=text] {
    width: 760px
}

.supAdm.answAdm dd input[type=text] {
    width: 100%
}

.supAdm .relaCate {
    display: inline-block;
}

.supAdm .relaCate span {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 14px
}

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

.supAdm.view .thumb {
    padding: 10px 0 10px 0
}

.supAdm .thumb span {
    position: relative;
    display: inline-block;
    width: 143px;
    height: 145px;
    margin: 0 10px 10px 0;
    border: 1px solid #e4e4e4;
    background: url(/cloud_ver2/new_cloud/images/bg_uploadImg.png) no-repeat;
    vertical-align: top
}

.supAdm .thumb span p {
    width: 100%;
    height: 100%
}

.supAdm .thumb span img {
    width: 100%;
    height: 100%
}

.supAdm .thumb span a {
    position: absolute
}

.supAdm .thumb span .del {
    top: 10px;
    right: 6px
}

.supAdm .thumb span a:last-of-type {
    width: 70px;
    height: 22px;
    line-height: 21px;
    left: 26%;
    bottom: 10px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    border-radius: 5px;
}

.supAdm h1 {
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 2em;
    color: black;
}

.supAdm h1::before,
.supAdm h1::after {
}

.supAdm h3 {
    margin: 30px 0;
    font-size: 21px !important;
    color: #1b1b1b
}

.supAdm h3 + p {
    font-size: 16px
}

.supAdm p + table {
    margin-top: 0
}

.supAdm p {
    font-size: 16px;
    color: #777;
}

.supAdm h3 + table {
    margin-top: 20px
}

.supAdm label {
    font-size: 16px;
    margin: 0 0 5px 0;
    vertical-align: top;
}

.supAdm .basicInput label, .certi label {
    font-size: 16px;
    width: 30%;
    /*margin: 0 0 5px 0;*/
    vertical-align: top;
}

.tbl_st4 input[type="radio"],
.supAdm input[type="radio"],
.join_info .emailAgree dd input[type="radio"],
.agree input[type="radio"],
.register_service dl dd input[type="radio"]{
    appearance:none;
    width:17px;
    height:17px;
    border:1px solid #707070;
    background:#fff;
    border-radius:50%;
}

.tbl_st4 input[type="radio"]:checked,
.supAdm input[type="radio"]:checked,
.join_info .emailAgree dd input[type="radio"]:checked,
.agree input[type="radio"]:checked,
.register_service dl dd input[type="radio"]:checked{
    border:3px solid #fff;
    outline:1px solid #bbb;
    background:#384e85;
}

.agree input[type="radio"] + label,
.agree input[type="checkbox"] + label{margin-left:8px;}

.checkbox-agree-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
#checkbox-agree {width: 20px; height: 20px; }
#checkbox-agree + label {font-size: 16px; }

/*.tbl_st4 input[type="radio"] + label,
.supAdm input[type="radio"] + label,
.join_info .emailAgree dd input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.tbl_st4 input[type="radio"] + label:before,
.supAdm input[type="radio"] + label:before,
.join_info .emailAgree dd input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
}

.tbl_st4 input[type="radio"]:checked + label:before,
.supAdm input[type="radio"]:checked + label:before {
    background: #fff;
    border-color: #ccc;
}

.tbl_st4 input[type="radio"]:checked + label:after,
.supAdm input[type="radio"]:checked + label:after,
.join_info .emailAgree dd input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 11px;
    height: 11px;
    background: #384e85;
    border-radius: 100%;
}

.tbl_st4 input[type="radio"].agree_checked:checked + label:after {
    background: #b5b5b5 !important;
}*/

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

.supAdm input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.supAdm input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.supAdm input[type="checkbox"] + label:active:before, .supAdm input[type="checkbox"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}*/

.supAdm input[type="checkbox"]:checked + label:before {
    background: #fff;
    border-color: #ccc;
}

.supAdm input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    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;
}

label > input[id="archtcSe1"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #bcbcbc;
    cursor: pointer;
}

.supAdm .del {
    overflow: hidden;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/cloud_ver2/new_cloud/images/icn_close_2.png);
    text-indent: -999px
}

.supAdm input[type=file] + .del {
    margin-left: 10px
}

.supAdm .basicInput td .btns {
    margin-right: 10px
}

.supAdm .basicInput td .btns + span {
    display: inline-block;
    word-break: keep-all;
    vertical-align: text-bottom;
    font-size: 14px;
}

.supAdm td.lang input[type=text] {
    width: 185px
}

.supAdm.register td.lang input[type=text] {
    width: 136px
}

.supAdm td.chPrice input[type=text] {
    width: 60%
}

.supAdm td.chPrice i {
    color: #ff6901
}

.supAdm .detailInput {
    margin-bottom: 30px
}

.supAdm .detailInput .text textarea {
    height: 120px
}

.supAdm .detailInput .tags input[type=text] {
    width: 500px
}

/*.supAdm ul {
    margin-left: 30px;
}*/

.supAdm ul.ul_txt li {
    margin: 15px 0;
    font-size: 13px;
    list-style: circle;
}

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

.supAdm .txt_sub {
    text-indent: 20px;
}

.supAdm .btn_reg {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 7px;
}

/* 검색 옵션 영역 */
.schOpt {
    margin-bottom: 30px
}

.schOpt .toggle {
    display: none
}

.schOpt.on .toggle {
    display: table-row
}

.schOpt .tbl_st4 th {
    padding-right: 20px
}

.schOpt .tbl_st4 td {
    height: 44px;
}

.schOpt .tbl_st4 tr:first-of-type td {
    padding-top: 8px
}

.schOpt .term .btns {
    min-width: 50px
}

.schOpt label, .tbl_st4 label {
    margin-right: 10px;
    white-space: nowrap
}

.tbl_st4 label{margin: 0 10px 0 0px; }
.tbl_st4_txt {color: #005ea5; margin-top: 5px; }

.schOpt input[type="radio"] + label:before, .tbl_st4 input[type="radio"] + label:before {
    top: 3px !important;
}

.schOpt input[type="radio"]:checked + label:after, .tbl_st4 input[type="radio"]:checked + label:after {
    top: 7px !important;
}

.schOpt + .exSch {
    display: block;
    width: 87px;
    height: 32px;
    line-height: 32px;
    margin: -31px auto 0;
    padding: 0 10px 0 24px;
    border: 1px solid #ebebeb;
    background: #f9f9f9 url(/cloud_ver2/new_cloud/images/icn_arr_down_3.png) 11px 50% no-repeat;
    text-decoration: none
}

.schOpt + .exSch.on {
    background-image: url(/cloud_ver2/new_cloud/images/icn_arr_up.png)
}

.schOpt .selCate input[type=text],
.schOpt .schArea input[type=text] {
    width: 100%
}

.schOpt .schArea {
    margin-bottom: 0
}

/* 서비스 등록 */

.supAdm.register h3:first-child {
    /* margin-top:10px; */
    font-size: 18px;
    position: relative;
    float: left;
}

.supAdm.register h3 + h4 {
    margin: 20px 0;
    font-size: 16px;
    color: #1b1b1b
}

.supAdm.register > img:first-child {
    float: right
}

.supAdm.register img + h3 {
    margin-top: 0;
    line-height: 44px
}

.supAdm.register ul {
    margin: 10px 0 15px
}

.supAdm.register > ul li {
    margin-bottom: 5px;
    padding-left: 15px;
    font-size: 14px
}

.supAdm.register > ul li:before {
    content: '*';
    margin: 0 5px 0 -12px
}

.supAdm.register ul li i {
    color: #ff6901
}

.supAdm.register ul li em {
    color: #ff0000
}

.supAdm.register h3 + .btnArea {
    margin: 10px 0
}

.supAdm.register .tbl_st4 th {
    width: 180px
}

.service_apply {
    margin-top: 10px;
}

.top-requ {
    display: flex;
    justify-content: flex-end;
    color: #666;
    gap: 3px;
}

.top-requ > sup.text-primary {
    font-weight: 700;
    font-size: .8888888889rem;
    color: #DB0032;
}

.service_apply th {
    width: 100px !important;
}

.service_apply .business_number_input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    margin: 0 10px;
}

.service_apply .business_number_input:first-child {
    margin-left: 0;
}

.service_apply .business_number_input:last-child {
    margin-right: 0;
}

.service_apply .business_number_chk {
    display: inline-block;
}

.service_apply .thumb span {
    margin: 0 !important;
}

.btns_table {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 0.5em 1em;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.service_category_box h3 {
    width: 100%;
}

.service_category {
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_category dl {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /*width: 285px;
    height: 285px;*/
    margin: 1em 0.5%;
}
.service_category dl:focus{outline:2px dotted tomato;}

.service_category dl dt {
    border: 2px solid #384e85 !important;
    display: block;
    width: 285px !important;
    height: 285px;
    line-height: 12;
    text-align: center;
    font-size: 22px !important;
    color: #384e85 !important;
    font-weight: 600;
}

.service_category dl dd {
    position: absolute !important;
    top: 0;
    left: 0;
    border: 2px solid #384e85 !important;
    width: 100%;
    height: 285px;
    background: #384e85;
    text-align: center;
    padding: 5em 0 !important;
    display: none;
}


.service_category dl dd.patop,
.service_category dl dd {
    padding-top: 8em !important;
}

/*.service_category dl:nth-child(2) dd {
    padding-top: 8em !important;
}*/

.service_category_list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 415px;
    background: #fff;
    z-index: 99;
    display: none;
    padding: 0 3em;
    text-align: center;
}

.service_category_list h4 {
    position: relative;
    margin: 22px 0 10px 0;
    width: 100%;
    font-size: 20px;
}

.service_category_list h4 em {
    font-weight: 500;
    color: #384e85;
}

.service_category_list dl {
    position: relative;
    display: inline-block;
    border: 2px solid #384e85 !important;
    width: 285px;
    height: 285px;
    margin: 1em 0.5%;
    background: #fff;
    text-align: center;
}

.service_category_list dl dd {
    display:flex; align-items:center; justify-content:center;
    padding:0 10px 0 0 !important;
    height:100%;
    border: 0 !important;
}

.service_category_list dl dd input[type="checkbox"] {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    margin:initial;
    overflow:initial;
    clip:initial;
    border:initial;
    appearance:none;
}

.service_category_list dl dd input[type="radio"] {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    margin:initial;
    overflow:initial;
    clip:initial;
    appearance:none;
    border-radius: 0;
    border: 0;
    outline: none;
}

.service_category_list dl dd input[type="checkbox"] + label,
.service_category_list dl dd input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    padding: 0 10px !important;
    font-size: 24px !important;
    color: #384e85 !important;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.service_category_list dl dd input[type="checkbox"] + label:before,
.service_category_list dl dd input[type="radio"] + label:before {content: none;}

.service_category_list dl dd input[type="checkbox"] + label:after,
.service_category_list dl dd input[type="radio"] + label:after {content: none !important;}

.service_category_list dl dd input[type="radio"]:checked {border: 0; outline: none; }

.service_category_list dl dd input[type="checkbox"]:checked + label:before,
.service_category_list dl dd input[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    top: 7px;
    left: -16px;
    width: 22px;
    height: 22px;
    background: #384e85 url('/cloud_ver3/html_web/images/common/select.png') no-repeat center center;
    z-index: 9;
    border:none;
}

.service_category_list dl dd input[type="checkbox"]:checked + label,
.service_category_list dl dd input[type="radio"]:checked + label {
    color: #ffeb8e !important;
}

/*.service_category_text {*/
/*font-size:16px;*/
/*padding:3em 5em 1em 5em;*/
/*color:#fff;*/
/*font-weight:400;*/
/*text-align:center;*/
/*display:block;*/
/*}*/

.service_category dl dd span {
    display: block;
}

.service_category dl dd input {position: absolute; top:0; left:0; width:100% !important; height:100% !important; overflow:hidden; border:none !important; background:none !important; border-radius:0 !important;}

.service_category dl dd input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    padding: 0 10px !important;
    font-size: 24px !important;
    color: #fff !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.service_category dl dd span {
    z-index: 11;
    font-size: 24px !important;
    color: #fff !important;
    position: relative;
}

.service_category dl dd input[type="radio"] + label:hover {
    color: #ffeb8e !important;
}

.service_category dl dd input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.service_category dl dd input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: auto !important;
    left: -16px;
    bottom: 8px;
    width: 20px;
    height: 20px;
    background: url('/cloud_ver3/html_web/images/common/select.png') no-repeat 0 0;
    border-radius: 0 !important;
    z-index: 9;
}

/* popup - 유효성 검사 */

.popup.proSel {
    width: 400px;
    top: 50%;
    margin: -150px 0 0 -200px
}

.proSel p {
    margin-top: 20px;
    line-height: 140%;
    text-align: center;
    font-size: 14px;
    color: #ff6901
}

.proSel ul {
    width: 250px;
    min-height: 44px;
    margin: 45px auto;
    background: url(/cloud_ver2/new_cloud/images/icn_exc_mark.png) 0 50% no-repeat
}

.proSel ul li {
    margin-bottom: 10px;
    padding-left: 70px;
    font-size: 14px;
    color: #1b1b1b
}

.proSel ul li:before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 6px;
    margin-right: 5px;
    background: url(/cloud_ver2/new_cloud/images/icn_arr_rig_4.png) no-repeat
}

/* 공급자 씨앗 - 답변서 관리 */
.answAdm table + table {
    margin-top: 20px
}

.answAdm tbody td {
    padding: 15px 10px;
    white-space: nowrap
}

.answAdm td:nth-child(3) {
    white-space: normal;
    text-align: left
}

.answAdm td:nth-child(4) {
    white-space: normal;
    text-align: center;
}

.answAdm td img {
    float: right;
    margin-right: 5px
}

.answAdm td i {
    display: block;
    color: #0186e1
}

.answAdm td .unit i {
    color: #626262
}

.answAdm.detail .tbl_st1 tr:first-child th {
    border-left: 1px solid #ebebeb
}

.answAdm.detail .tbl_st1 tr:first-child th:first-child {
    border-left: 0
}

.answAdm.detail .sepa {
    border-left: 1px solid #ebebeb
}

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

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

.answAdm.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
}

.answAdm.detail .tbl_st4 tbody td {
    white-space: normal
}

.answAdm.detail h3 + .tbl_st4 th {
    width: 130px
}

.answAdm.detail .tbl_st4 dt {
    line-height: 160%
}

.answAdm.detail .tbl_st4 dd {
    margin-top: 10px
}

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

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

.answAdm.detail .tbl_st4 td .btns {
    float: none;
    margin-right: 0
}

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

.answAdm .status.sent {
    color: green;
}

.answAdm .status.received {
    color: red;
}

.answAdm .status.etc {
    color: black;
}

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

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

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

/* 공금자 씨앗  - 전문가상담 관리*/
.proCou h3 {
    margin: 30px 0;
    text-align: center
}

.proCou td a {
    overflow: hidden;
    display: inline-block;
    width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.proCouDetail .e4 th {
    width: 15%
}

.proCouDetail .tel input[type=text] {
    width: 70px;
    padding-left: 0
}

/* 공급자 씨앗  - 마스터 서브 관리 */
.mstSub .tab_link a {
    font-size: 16px
}

.mstSub h3 {
    text-align: center;
    margin-bottom: 30px
}

.mstSub .schArea {
    margin-bottom: 20px
}

.mstSub td textarea {
    height: 270px
}

.mstSub .tit {
    text-align: left
}

.mstSub td a {
    overflow: hidden;
    display: inline-block;
    margin-left: 10px;
    width: 450px;
    white-space: nowrap;
    text-overflow: ellipsis
}

/* 공급자 씨앗 - 서브 등록 */
.supAdm .requ_info {
    margin-top: 30px
}

.supAdm.subRegi th {
    width: 160px
}

.supAdm.subRegi td dl {
    margin-top: 0
}

.supAdm.subRegi td dl:after {
    content: '';
    display: block;
    clear: both
}

.supAdm.subRegi td dt {
    clear: left;
    float: left;
    line-height: 32px;
    margin-right: 10px;
    padding-bottom: 0;
    border-bottom: 0;
    font-size: 13px;
    color: #626262
}

.supAdm.subRegi td dd {
    float: left;
    min-height: auto;
    padding: 0;
    border-bottom: 0
}

/* 마이씨앗 - 구매내역 관리 */
/*.buylist{
		width:794px
		}*/
.buylist td {
    font-size: 13px
}

.buylist td:nth-child(4) {
    width: 300px;
    text-align: left
}

.buylist .tit {
    text-align: left
}

.buylist .tit img {
    float: right;
    margin-right: 5px;
    text-align: center
}

.buylist .tit i {
    overflow: hidden;
    display: block;
    max-width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #0186e1
}

.buylist .tit i + a {
    overflow: hidden;
    display: block;
    max-width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.notice_bot {
    clear: both;
    padding-top: 30px
}

.notice_bot li {
    position: relative;
    line-height: 140%;
    padding-left: 7px;
    word-break: keep-all;
    font-size: 13px
}

.notice_bot li:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    top: 8px;
    left: 0;
    background: #636363;
}

.notice_bot li.import {
    color: #ff6901
}

.notice_bot li.import:before {
    content: '*';
    top: 0;
    left: -3px;
    margin: 0;
    background: none
}

.buyView h3 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #1b1b1b
}

.buyView h3 + table {
    margin-bottom: 30px
}

.buyView .tbl_st4 th {
    width: 135px
}

.myceart.detail .tbl_st1.qSer tr:first-child th {
    border-left: 0
}

.myceart.detail .tbl_st1 tr:first-child th {
    border-left: 1px solid #ebebeb
}

.myceart.detail .tbl_st1 tr:first-child th:first-child {
    border-left: 0
}

.myceart.detail .sepa {
    border-left: 1px solid #ebebeb
}

/* 상세정보(견적)요청서 관리 - 마이씨앗 */
.reque td span,
.reque td label {
    white-space: nowrap
}

.reque td label {
    display: inline-block
}

.reque td span {
    display: block;
    margin: 10px 10px 0
}

.reque td span a {
    margin: 0 5px
}

.buylist.reque td[rowspan] {
    width: 150px
}

.buylist.reque td:nth-child(4) {
    width: auto;
    text-align: center
}

.buylist.reque td.tit {
    width: 300px;
    text-align: left
}

/* 지식허브 */
.knowHub h3 {
    margin: 15px 0 20px;
    line-height: 160%;
    text-align: center;
    font-size: 16px;
    color: #1b1b1b
}

.knowHub h3 i i {
    top: 0;
    color: #0186e1
}

.knowHub h3 + p {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #1b1b1b
}

/* 목록 */
.knowHub.list .condi_d,
.knowHub.list th {
    white-space: nowrap
}

.knowHub.list table a + div {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 200;
    padding: 10px;
    border: 1px solid #6e6f70;
    box-shadow: 0 0 10px #6e6f70;
    border-radius: 10px;
    background: #fff;
    text-align: left
}

.knowHub.list table a + div.on {
    display: block
}

.knowHub.list table a + div > img {
    position: absolute;
    top: -15px;
    right: 30px
}

.knowHub.list table a + div span {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    white-space: nowrap
}

.knowHub.list table a + div span + span {
    border-top: 1px solid #ddd
}

.knowHub.list td.tit a {
    overflow: hidden;
    display: inline-block;
    width: 270px;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.knowHub.list .more:after {
    content: '';
    display: inline-block;
    overflow: hidden;
    width: 7px;
    height: 5px;
    margin-left: 5px;
    background: url(/cloud_ver2/new_cloud/images/icn_arr_updw_2.png) no-repeat
}

.knowHub.list .more.on:after {
    background-position: 0 -6px
}

/* 쓰기 */
.knowHub.write > p {
    margin-bottom: 15px;
    line-height: 140%;
    font-size: 14px
}

.knowHub.write .term input[type=text] {
    width: 100px
}

.knowHub.write .btnArea {
    margin-top: 30px
}

/* 커뮤니티 리스트 */
.communList table {
    margin-top: 0;
    border-top: 1px solid #c0c0c0;
    background: url(/cloud_ver2/new_cloud/images/bg_tbl_head_st1.png) repeat-x
}

.communList th {
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb
}

.communList th ul {
    width: 180px;
    padding: 20px 10px 20px 20px;
    border: 3px solid #e9e9e9
}

.communList th li {
    margin-bottom: 10px;
    padding-left: 28px;
    background: 0 50% no-repeat;
    text-align: left
}

.communList th li:nth-child(1) {
    background-image: url(/cloud_ver2/new_cloud/images/icn_commun_date.png)
}

.communList th li:nth-child(2) {
    background-image: url(/cloud_ver2/new_cloud/images/icn_commun_make.png)
}

.communList th li:nth-child(3) {
    background-image: url(/cloud_ver2/new_cloud/images/icn_commun_mem.png)
}

.communList th li:nth-child(4) {
    background-image: url(/cloud_ver2/new_cloud/images/icn_commun_write.png)
}

.communList td {
    padding: 20px;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top
}

.communList td dt {
    margin-bottom: 20px;
    font-size: 14px;
    color: #1b1b1b
}

.communList td dd {
    line-height: 140%;
    font-size: 13px
}

/* 커뮤니티 만들기 */
.communMake label {
    margin-right: 10px;
    letter-spacing: -1px;
    font-size: inherit
}

.communMake tr:nth-child(1) td input[type=text] {
    width: 280px
}

.communMake tr:nth-child(2) td input[type=text] {
    width: 482px
}

.communMake td li input[type=text] {
    width: 470px
}

.communMake td li span {
    margin-right: 15px
}

.communMake .val_mid li {
    margin-bottom: 10px
}

.communMake .val_mid li li {
    margin-bottom: 0
}

.communMake .val_mid li:first-child input[type=text] {
    width: 100px;
    margin-right: 15px
}

/* 구매희망 목록 */
.buyHp h3 {
    text-align: left;
    font-size: 16px;
    color: #1b1b1b
}

.buyHp h3 + p {
    padding: 5px 0 5px 10px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #ebebeb
}

.buyHp h3 + p input[type=text] {
    width: 480px
}

.buyHp ol > li {
    float: left;
    width: 385px;
    padding-left: 40px;
    padding-bottom: 20px;
    background: url(/cloud_ver2/new_cloud/images/icn_arr_rig_6.png) 0px 50% no-repeat;
    font-size: 16px;
    color: #1b1b1b
}

.buyHp ol > li:first-child {
    width: 230px;
    padding-left: 0;
    background: none
}

.buyHp ol > li:nth-child(2) {
    /* padding-top:40px */
    padding-bottom: 96px;
}

.buyHp ol > li:nth-child(3) {
    /* padding-top:80px */
    padding-bottom: 41px;
}

.buyHp li > i {
    float: right;
    font-size: 14px;
    color: #626262
}

.buyHp li b {
    height: 20px;
    line-height: 20px;
}

.buyHp li b i {
    color: #ff6901
}

.buyHp li ul {
    overflow-y: auto;
    height: 430px;
    margin: 20px 0 30px;
    padding: 20px 10px;
    border: 1px solid #ebebeb;
    border-top: 1px solid #c0c0c0;
}

.buyHp ol > li:nth-child(2) ul {
    height: 330px
}

.buyHp ol > li:nth-child(3) ul {
    height: 330px
}

.buyHp ul li:first-child {
    padding-top: 15px;
    background: url(/cloud_ver2/new_cloud/images/bg_tbl_head_st2.png) repeat-x;
}

.buyHp li li {
    clear: both;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ebebeb
}

.buyHp li:first-child li {
    padding: 0
}

.buyHp li:first-child li:first-child {
    padding-top: 5px
}

.buyHp li li a {
    display: block;
    font-size: 13px;
    color: #1b1b1b
}

.buyHp li li a:first-of-type {
    color: #0186e1
}

.buyHp li li a:nth-of-type(2) {
    float: none;
    display: inline-block
}

.buyHp li li a:nth-of-type(2):after {
    content: '';
    overflow: hidden;
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url(/cloud_ver2/new_cloud/images/icn_arr_updw.png) no-repeat
}

.buyHp li li a:nth-of-type(2).on:after {
    background-position: 0 -7px
}

.buyHp ol > li:first-child li a {
    /* height:42px;
		line-height:42px;
		padding-left:10px;*/
    display: block;
    padding: 12px 0px 12px 10px;
    text-decoration: none;
    color: #1b1b1b
}

.buyHp ol > li:first-child li a.on,
.buyHp ol > li:first-child li a:hover {
    background: #ff9900;
    text-decoration: none;
    color: #fff
}

.buyHp li input[type=checkbox] {
    float: left;
    margin-right: 5px
}

.buyHp li li dl {
    clear: both;
    display: none;
    margin-top: 10px
}

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

.buyHp ol > li:nth-child(2) dl {
    margin-left: 20px
}

.buyHp li li .on + dl {
    display: block
}

.buyHp li dt,
.buyHp li dd {
    float: left
}

.buyHp li dt {
    clear: left
}

.buyHp li dt:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -3px 7px 0 0;
    background: #626262
}

.buyHp li dd {
    margin-bottom: 5px
}

.buyHp ol > li:nth-child(3) .btns {
    min-width: 124px
}

.buyHp ol > li:nth-child(3) .f_l {
    min-width: auto
}

.buyHp .btnArea {
    margin-bottom: 10px
}

.buyHp .btnArea + p {
    height: 58px;
    font-size: 13px;
    color: #ff6901
}

.buyHp .t_1 {
    padding-left: 94px;
    font-size: 13px;
    color: #ff6901;
    float: left;
    letter-spacing: -1px;
    margin-bottom: 10px
}

.buyHp .t_2 {
    padding-left: 220px;
    font-size: 13px;
    color: #ff6901;
    letter-spacing: -1px;
    margin-bottom: 10px
}

.buyHp .t_3 {
    height: 58px;
    font-size: 13px;
    color: #ff6901
}

/* 상세정보(견적) 요청서 */
.detailRequ h3 {
    margin-bottom: 15px;
    text-align: left;
    font-size: 21px;
    color: #1b1b1b
}

.detailRequ .qSer td:nth-child(2) {
    text-align: left
}

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

.detailRequ .sepa {
    border-left: 1px solid #ebebeb
}

.detailRequ table + table {
    margin-top: 20px
}

.detailRequ .tbl_st4 th {
    width: 135px
}

.detailRequ .tbl_st4 td {
    padding-top: 10px;
    padding-bottom: 10px
}

.detailRequ .tbl_st4 dt {
    line-height: 140%;
    font-size: 13px;
    color: #626262
}

.detailRequ .tbl_st4 dd input[type=text] {
    margin-top: 5px
}

.detailRequ .btnArea {
    margin-top: 30px
}

/* 상세정보(견적) 요청서 - iaas */
.detailRequ.iaas .tbl_st1.qSer tr:first-child th {
    border-left: 0
}

.detailRequ.iaas .tbl_st1 tr:first-child th {
    border-left: 1px solid #ebebeb
}

.detailRequ.iaas .tbl_st1 tr:first-child th:first-child {
    border-left: 0
}

/* 상세정보(견적) 요청서 - saas */
.detailRequ.saas .sel_box {
    min-width: 100%
}

.detailRequ.saas .sel_box + input[type=text] {
    margin-top: 5px
}

/* 상세정보(견적) 요청서 - paas */
.detailRequ.paas th:first-of-type {
    /* width:125px : 2017-04-18 KS 수정 */
}

.detailRequ.paas table:nth-of-type(2) thead th:first-child {
    border-right: 1px solid #ebebeb
}

.detailRequ.paas table:nth-of-type(2) tbody th {
    width: 125px;
    padding-left: 10px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    text-align: left;
    background: #fff
}

.detailRequ .local * {
    vertical-align: middle
}

.detailRequ .local .sel_box {
    margin-right: 10px
}

/* 상세정보(견적) 요청서 - 등록 */
.alert_btn_bot {
    margin-top: 10px;
    text-align: right;
    color: #ff6901
}

/* 입찰참여현황 */
.bidJoin .tit {
    text-align: left
}

.bidJoin .tbl_st1 tbody td {
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}

.bidJoin .tbl_st1 tbody .tit {
    white-space: normal
}

/* 공고현황 - 입찰공고 */
.bidNoti .tbl_st1 i {
    display: block;
    color: #1b1b1b
}

.bidNoti .tbl_st1 tbody td {
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}

.bidNoti .tbl_st1 tbody .tit {
    text-align: left;
    white-space: normal
}

.bidNoti .notice {
    margin-bottom: 30px
}

.bidNoti .notice li {
    margin-left: 5px;
    margin-bottom: 5px;
    padding-left: 15px;
    line-height: 140%;
    font-size: 14px;
    color: #1b1b1b
}

.bidNoti .notice li:before {
    content: '※';
    position: relative;
    left: -5px;
    margin: 0 0 0 -15px;
}

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

.bidNoti th {
    width: 160px
}

.bidNoti .bidSta ul,
.bidNoti .bidSta p {
    margin-bottom: 10px;
    padding: 12px 0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    color: #0186e1
}

.bidNoti .bidSta ul li {
    display: inline-block;
    margin-right: 150px;
    font-size: 16px;
    color: #0186e1
}

.bidNoti .bidSta + .btnArea {
    margin-top: 30px
}

/* 응찰 */
.bidNoti.bid h4 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #1b1b1b
}

.bidNoti.bid h4 + div {
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid #ebebeb;
    line-height: 160%;
    font-size: 13px
}

.bidNoti.bid h4 + ul {
    padding: 10px;
    border: 1px solid #ebebeb
}

.bidNoti.bid h4 + ul li {
    position: relative;
    line-height: 140%;
    margin-left: 10px;
    padding-left: 8px;
    font-size: 13px
}

.bidNoti.bid h4 + ul li:first-child {
    margin-bottom: 20px
}

.bidNoti.bid h4 + ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #626262
}

.bidNoti.bid .agree {
    margin: 30px 0 50px;
    text-align: center;
    font-size: 16px;
    color: #1b1b1b
}

.bidNoti.bid .agree label {
    margin-left: 10px
}

.bidNoti.bid .import {
    color: #ff6901
}

.bidNoti.bid .btnArea {
    margin-top: 30px
}

.bidNoti.bid .tbl_st1 td {
    padding-left: 5px;
    padding-right: 5px
}

.bidNoti.bid .tbl_st1 + .tbl_st1 {
    margin-top: 30px
}

.bidNoti.bid .tbl_st1 tr:first-child th {
    border-left: 1px solid #ebebeb
}

.bidNoti.bid .tbl_st1 tr:first-child th:first-child {
    border-left: 0
}

.bidNoti.bid .sepa {
    border-left: 1px solid #ebebeb
}

.bidNoti.bid .tbl_st4 dt {
    line-height: 160%
}

.bidNoti.bid .tbl_st4 dd {
    margin-top: 10px
}

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

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

.bidNoti.bid .tbl_st1 tbody td i {
    padding: 10px 0;
    border: 1px solid #dbdbdb;
    background: #f9f9f9;
    color: #626262
}

.bidNoti.bid .tbl_st1 tbody tr:nth-child(2n-1) td {
    padding-bottom: 0;
    border-bottom: 0
}

.bidNoti.bid .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
}

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

.bidNoti.bid .replyWrap table {
    margin-bottom: 20px
}

/* 예비공고 */
.bidPre .tbl_st1 i {
    display: block;
    color: #1b1b1b
}

.bidPre .tbl_st1 tbody td {
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}

.bidPre .tbl_st1 tbody .tit {
    text-align: left;
    white-space: normal
}

/* 마감공고 */
.bidEnd .tbl_st1 i {
    display: block;
    color: #1b1b1b
}

.bidEnd .tbl_st1 tbody td {
    padding-left: 5px;
    padding-right: 5px;
}

.bidEnd .tbl_st1 tbody .tit {
    text-align: left
}

.bidEnd .tbl_st1 tbody td:last-child {
    white-space: nowrap
}

/* 입찰 공고 관리 */
.myceart.bid .tit {
    width: 300px
}

.myceart.bid .tit a {
    overflow: hidden;
    display: block;
    max-width: 220px;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.myceart.bid .tit img {
    float: right;
    margin: -6px 5px 0 0
}

.myceart.bid td i {
    display: block;
    white-space: nowrap
}

/* 개찰 */
.myceart.view table.e4 th {
    width: 15%
}

.myceart.view .tbl_st4 th {
    width: 160px
}

/* 변경취소 */
.myceart.view.change .tbl_st4:nth-of-type(2) th {
    width: auto
}

.myceart.view.change .tbl_st4:nth-of-type(3) td {
    width: 35%
}

.change .tbl_st4 thead th {
    text-align: center
}

.change label {
    white-space: nowrap
}

.change .tbl_st4 .w100p {
    width: 100%
}

.change .tbl_st4 .w100p input[type=text] {
    width: 100%
}

/* 관심목록 */
.interList td.tit {
    width: 350px;
    text-align: left
}

.interList td.tit a {
    overflow: hidden;
    display: inline-block;
    width: 330px;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

/* 나의 게시물 */
.myDoc td.tit {
    text-align: left
}

.myDoc td.tit a {
    overflow: hidden;
    display: inline-block;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

/* 공급자 문의 */
.myDoc.sup td.tit {
    width: 200px;
}

.myDoc.sup td.tit a {
    width: 180px;
}

/* 운영자 문의*/
.myDoc.oper td.tit {
    width: 300px
}

.myDoc.oper td.tit a {
    width: 280px
}

/* 내가쓴 글 */
.myDoc.my td.tit {
    width: 600px
}

.myDoc.my td.tit a {
    width: 580px
}

/* 응모이벤트 */
.myDoc.event td.tit {
    width: 300px
}

.myDoc.event td.tit a {
    width: 280px
}

/* 해외동향 */
.overTrend p {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfc1c3
}

.overTrend dt a {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.31579;
    color: #005ea5
}

.overTrend dt a:focus {
    background-color: #ffbf47;
    outline: 3px solid #ffbf47
}

.overTrend dd {
    margin: 10px 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfc1c3
}

.overTrend dd li {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.25;
    color: #0b0c0c
}

.overTrend dd li:last-child {
    font-size: 14px;
    line-height: 1.42857;
    color: #626262
}

.overTrend dd li i {
    margin-left: 10px
}

/* 이용약관 */
#sub_contentsArea {
    width: 100%;
    margin: 0 auto;
    padding: 25px 40px;
    outline: none;
}

.agrAll {
    position: relative;
    margin-bottom: 3em;
}

.agrAll .tab_link {
    margin-top: 20px
}

.agrAll h3 {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #1b1b1b
}

.agrAll h4 {
    margin-top: 50px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b
}

.agrAll h4:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #014da2;
    border-radius: 50%;
}

.agrAll strong {
    font-size: 16px;
    color: #212121;
}

/* 클라우드 이용약관 */
.agrAll.service p {
    line-height: 180%;
    font-size: 16px;
    margin: 5px 10px;
}

/*.agrAll.pri p {
    margin-top: 1em;
    line-height: 180%;
    font-size: 16px;
    text-align: center;
    padding: 1em;
    background: #f6f6f6;
    border: 1px solid #ececec;
}*/

.agrAll.video p {
    line-height: 180%;
    font-size: 16px;
    margin: 5px 10px;
}

.agrAll.service ul, .agrAll.pri ul, .agrAll.video ul {
    margin: 10px 0 20px 30px;
}

.agrAll.service ul li, .agrAll.pri ul li, .agrAll.video ul li {
    margin-bottom: 5px;
    line-height: 180%;
    font-size: 14px;
}

.agrAll.service ul li ul, .agrAll.pri ul li ul, .agrAll.video ul li ul {
    margin: 10px 0;
}

.agrAll.service ul li ul li, .agrAll.pri ul li ul li {
    margin-bottom: 5px;
    line-height: 180%;
    font-size: 14px;
    list-style: none !important;
}

.agrAll.service ul li ul li ul, .agrAll.pri ul li ul li ul {
    margin: 5px 16px;
}

/* 이메일무단수집거부 */

.agrAll.email h3 {
    margin-bottom: 10px;
}

.agrAll.email .email {
    margin-top: 30px
}

.agrAll.email .email strong {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px
}

.agrAll.email .email strong + p {
    margin-left: 0;
    text-indent: 0
}

.agrAll.email .email strong + p span {
    font-size: inherit
}

.agrAll.email p {
    margin-left: 40px;
    line-height: 180%;
    font-size: 14px;
    text-indent: -20px;
}

.agrAll.email ul {
    margin: 0 0 20px 40px;
}

.agrAll.email li {
    margin-bottom: 5px;
    line-height: 160%;
    font-size: 13px
}


/* 개인정보처리방침_수정 */
.agrAll .bl {font-weight: 700; color: #1b1b1b; }

.agrAll .indent {margin-left: 10px; }

.agrAll .point {
    color: #1e3c7d;
}
.agrAll a.all {color: #0064ff;  }

.agrAll dl {display: flex; align-items: flex-start; }
.agrAll dl dt { }
.agrAll dl dd {flex-basis: 0; flex-grow: 1; margin-left: 5px; }

.top_box {
    padding: 2.5rem 3.6rem;
    background: #f6f6f6;
    display: flex;
    gap: 6.3rem;
    border-radius: 1rem;
    align-items: center;
    margin: 2rem 0;
}

.top_box .icon {
    width: 7.6rem;
    height: 7.6rem;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_box .icon.icon img {
    width: 4.6rem;
}

.top_box .top_box_cont {
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: -0.05em;
}

.top_box .top_box_cont:before {
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    top: 50%;
    left: -2.7rem;
    transform: translateY(-50%);
    background: #e9e9e9;
}

.tbl {
    position: relative;
    border-collapse: collapse;
    width: 100%;
    border-top: 2px solid #014da2;
    letter-spacing: -0.05em;
    table-layout: fixed;
}

.tbl thead tr th {
    background: #f6f6f6;
    color: #222;
    padding: 0.7rem 2.4rem;
    border: 1px solid #D8D8D8;
    border-left: 0;
    border-right: 1px solid #D8D8D8;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
    font-weight: 500;
    font-size: 1rem;
}

.tbl tr td {
    background: #fff;
    padding: 1rem 1.9rem;
    border: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    border-left: 0;
    border-top: 0;
    text-align: center;
    color: #424242;
    word-break: keep-all;
    word-wrap: break-word;
    font-weight: 400;
    line-height: 120%;
}

.tbl tr th:last-child {
    border-right: 0 !important;
}

.tbl tr td:last-child {
    border-right: 0 !important;
}
.tbl .label_txt {
    color: #222;
    font-size: 1.05rem;
}
.pri_em {
    display: block;
    color: #555555;
    font-weight: 400;
    font-size: 0.9rem;
    margin-top: 0.3rem;
}
.tit_label {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.tit_label .icon img {
    width: 2.4rem;
}

.tit_label em {
    color: #555555;
    font-weight: 400;
    font-size: 1rem;
}


/* 기본협약 */
.agrAll.basic h4 {
    margin-bottom: 10px
}

.agrAll.basic p {
    margin-left: 20px;
    line-height: 180%;
    font-size: 14px
}

.agrAll.basic ul {
    margin: 0 0 20px 20px;
}

.agrAll.basic li {
    margin-bottom: 5px;
    line-height: 160%;
    font-size: 14px
}

.agrAll.basic .terms h2 {
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.agrAll.basic .terms * {
    font-size: 14px;
    color: black;
    line-height: 160%;
}

.agrAll.basic .terms section h3 {
    font-size: 17px;
    margin: 20px 0;
}

.agrAll.basic .terms article {
    margin: 20px 0;
}

.agrAll.basic .terms article h4 {
    font-weight: bold;
    margin-bottom: 0;
}

.agrAll.basic .terms article p {
    margin-left: 20px;
    text-indent: -20px;
}

.agrAll.basic .terms article p ~ ol li {
    list-style: decimal inside;
    margin-left: 40px;
    text-indent: -20px;
}

/* 공지사항 */
.notice {
    padding-top: 8px
}

.notice .tab-area > ul {
    /* width:16.6667% */
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.notice .tab-area > ul > li {
    flex: 1;
}

/* 이벤트 */
.tab-area.tab_event li {
    width: 50%
}

/* 오시는 길 */
.map .tab_menu {
    position: relative;
    margin: 30px 0;
}

.map .tab_menu li > a {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    text-decoration: none;
    text-align: center
}

.map .tab_menu li.on > a {
    border-bottom: 0;
    font-weight: bold;
    color: #1b1b1b;
    padding-left: 0.5em;
}

.map .tab_menu li.on > a:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #384e85;
    top: 0;
    left: 0;
}

.map .tab_menu li:last-child > a {
    left: 10%
}

.map h3 {
    display: none;
}

.map .tab_menu .tab_con {
    padding-top: 55px
}

.map .tab_link {
    margin: 20px 0 30px
}

.map h3 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #1b1b1b
}

.map h3 + p {
    font-size: 15px;
    color: #1b1b1b;
    border-top: 1px solid #ececec;
    display: block;
    padding: 2em 0 1em 0;
}

.map p + div {
    margin: 20px 0 30px;
    text-align: center
}

.map p + div img {
    border: 1px solid #ebebeb
}

.map h4 {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 500;
    color: #1b1b1b
}

.map table:first-of-type {
    border-top: 0
}

.map table {
    border-top: 1px solid #ebebeb
}

.map th {
    width: 105px;
    padding: 30px 0;
    text-align: center;
    vertical-align: top;
}

.map td {
    padding: 0 0 0 35px
}

.map td,
.map td li,
.map td p {
    line-height: 160%;
    font-size: 14px
}

.map td h5 {
    margin: 30px 0 5px;
    font-size: 14px;
    color: #1b1b1b;
    font-weight: 500;
}

.map td h5 + ul,
.map td h5 + p {
    margin-bottom: 20px
}

.map li em {
    margin-right: 20px
}

.map .line1 em {
    color: #013a86
}

.map .line2 em {
    color: #009311
}

.map .line5 em {
    color: #5f00ad
}

/* 씨앗소개 */
.intro {
    font-size: 14px
}

.intro h3 {
    margin-bottom: 12px;
    font-size: 18px;
    color: #1b1b1b
}

.intro h4 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #1b1b1b
}

.intro li,
.intro p {
    font-size: 14px;
    line-height: 140%
}

/* 스토어 소개 */
.store .process {
    margin: 50px 0 30px;
    text-align: center;
    font-size: 18px
}

.store .process img {
    margin-top: 20px
}

.store ul {
    margin-bottom: 30px
}

.store li {
    line-height: 160%
}

.store li:before {
    content: '';
    position: relative;
    top: -3px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 10px;
    background: #626262
}

/* 구매 및 계약체결 */
.contract li {
    margin-bottom: 20px;
    padding-left: 10px;
    text-indent: -3px;
    line-height: 160%
}

.contract li:before {
    content: '';
    position: relative;
    top: -3px;
    left: -10px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #626262
}

/* 공급자 협약체결 */
.contract p img {
    margin-bottom: 30px;
    width: 100%;
}

.contract li li {
    margin-bottom: 0
}

.contract li li:before {
    display: none
}

.contract ol li {
    list-style: decimal
}

.contract ol li:before {
    display: none
}

.contract ol li li {
    text-indent: -24px;
    list-style: none
}

.contract ol li ul li {
    text-indent: 0;
}

.contract ol li ul li:before {
    content: '';
    position: relative;
    top: -3px;
    left: -10px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #626262
}

.contract table {
    margin: 20px 0
}

.contract li th,
.contract li td {
    padding-left: 30px;
    text-indent: 0;
}

.contract li td {
    text-align: left
}

.contract li td:first-child {
    white-space: nowrap
}

.contract .noBulet li li {
    padding-left: 0
}

.contract .noBulet li li:before {
    display: none
}

/* 공급자 협약체결 */
.supContract ul,
.supContract p {
    margin-bottom: 30px
}

.supContract li {
    padding-left: 10px
}

.supContract li:before {
    content: '';
    position: relative;
    top: -3px;
    left: -10px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #626262
}

.supContract li table {
    margin: 10px 0
}

.supContract li td i {
    color: #ff0000
}

.supContract li .tbl_st4 th {
    border-right: 1px solid #ebebeb;
    text-align: center
}

.supContract li .tbl_st4 td {
    width: 15%;
    padding: 10px 0 10px 10px;
    border-right: 1px solid #ebebeb
}

.supContract li .tbl_st4 tr td:first-child,
.supCon tract li .tbl_st4 tr th:first-child {
    border-left: 1px solid #ebebeb;
}

.supContract ol li:before {
    display: none
}

.supContract ol li ul {
    margin-top: 10px
}

.supContract ol li ul {
    margin-left: 22px
}

.supContract ol li li {
    margin-bottom: 5px;
    text-indent: -22px
}

/* 관련법규 */
.law ul {
    margin-bottom: 30px
}

.law li {
    margin-bottom: 10px
}

.law li a {
    font-size: 14px
}

.law li {
    padding-left: 10px
}

.law li:before {
    content: '';
    position: relative;
    top: -3px;
    left: -10px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #626262
}

/* 검색결과 페이지 */
/* 타이틀영역 */
.listTit.schResult h2 {
    padding-top: 15px;
    height: 74px;
    line-height: normal;
    font-size: 16px
}

.listTit.schResult h2 em {
    display: block;
    margin-bottom: 5px;
    color: #ff6901
}

.listTit.schResult h2 i {
    color: #ff6901
}

.listTit.schResult .conWrap > div {
    padding-left: 65px;
    background: url(/cloud_ver2/new_cloud/images/bg_chain.png) 30px 50% no-repeat
}

/* 좌측영역 */
.lay_lnb.schResult nav h3 {
    padding: 15px 0 15px 20px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    color: #1b1b1b
}

.lay_lnb.schResult nav ol {
    margin: 20px 0 20px 40px
}

.lay_lnb.schResult nav ol li {
    margin-bottom: 12px;
    list-style: decimal;
    border: 0
}

.lay_lnb.schResult nav ol li a {
    color: #3e3e3e
}

/* ks추가 시작:2017-03-08 */
/* 통합검색 연관검색 링크 수정 */
.listTit .conWrap > div > i a {
    float: none !important;
    line-height: initial !important;
    height: auto !important;
    margin-top: auto !important;
    padding: initial !important;
    background: none !important;
    text-decoration: none !important;
    font-size: 13px !important;
    color: #626262 !important;
}

/* 필터 검색 */
.lay_lnb.schResult nav h3 {
    padding: 15px 0 15px 20px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    font-size: 18px;
    color: #1b1b1b
}

.lay_lnb.schResult nav dl {
    margin: 10px
}

.lay_lnb.schResult nav dt {
    margin-bottom: 10px;
}

.lay_lnb.schResult nav dt a {
    position: relative;
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-decoration: none
}

.lay_lnb.schResult nav dt a:after {
    content: '';
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 13px;
    height: 15px;
    margin-top: -7px;
    background: url(/cloud_ver2/new_cloud/images/icn_circl_arrDown.png) no-repeat
}

.lay_lnb.schResult nav dt a:hover,
.lay_lnb.schResult nav dt.check a,
.lay_lnb.schResult nav dt.checked a,
.lay_lnb.schResult nav dt.on a {
    border-color: #0186e1;
    color: #0186e1
}

.lay_lnb.schResult nav dt a:hover:after,
.lay_lnb.schResult nav dt.check a:after,
.lay_lnb.schResult nav dt.checked a:after,
.lay_lnb.schResult nav dt.on a:after {
    background-position: 0 -15px
}

.lay_lnb.schResult nav dd {
    display: none;
    margin: -10px 0 10px;
    padding: 10px 0 5px 10px;
    border: 1px solid #ccc;
    border-top: 0
}

.lay_lnb.schResult nav dt.on + dd {
    display: block
}

.lay_lnb.schResult nav dd label {
    display: block;
    line-height: 160%;
    margin-bottom: 5px;
}

.lay_lnb.schResult nav dl + div {
    margin-bottom: 10px;
    text-align: center
}

.lay_lnb.schResult nav dl + div a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 16px;
    margin-left: 3px;
    border: 1px solid #478edc;
    border-radius: 2px;
    background: #478edc;
    text-decoration: none;
    color: #fff
}

.lay_lnb.schResult nav dl + div a.totalsch_reset_check {
    width: 104px;
    margin-left: 0;
    border: 1px solid #ccc;
    background: #fff;
    color: #3e3e3e
}

/* 통합검색상품상세리스트테이블 */
.tbl_st7_schdtl 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_schdtl tbody th {
    border-bottom: 0
}

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

.tbl_st7_schdtl thead th {
    padding-left: 20px;
    padding-right: 20px;
}

.tbl_st7_schdtl th:nth-of-type(2) {
    width: 184px;
    white-space: normal
}

.tbl_st7_schdtl th a {
    font-size: 16px;
    color: #0186e1;
    word-break: keep-all;
}

.tbl_st7_schdtl th img {
    display: block;
    max-width: 158px;
    max-height: 130px;
    margin: 20px auto 0;
    border: 1px solid #eaeaea
}

.tbl_st7_schdtl td {
    padding: 20px 8px 0
}

.tbl_st7_schdtl td a {
    display: block
}

.tbl_st7_schdtl tr td:nth-of-type(1) a {
    line-height: 140%;
    font-size: 13px
}

.tbl_st7_schdtl tr td:nth-of-type(1) a:first-child {
    margin-bottom: 16px;
    font-size: 12px;
    color: #1b1b1b
}

.tbl_st7_schdtl td i {
    font-size: 13px;
    white-space: nowrap;
    color: #7d7d7d
}

.tbl_st7_schdtl td:first-child {
    padding: 10px 0 20px 8px
}

.tbl_st7_schdtl td:nth-child(2) {
    padding: 10px 0 20px
}

.tbl_st7_schdtl td:nth-child(3) {
    border-bottom: 0
}

.tbl_st7_schdtl td:nth-child(4) {
    position: relative;
    padding-top: 50px;
    border-bottom: 0;
    text-align: center
}

/* ks추가 종료:2017-03-08 */
/* 으측 */
.schResult article {
    margin-bottom: 30px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #efefef
}

.schResult article h3 {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    color: #1b1b1b
}

.schResult article h3 i {
    color: #ff6901
}

.schResult article h3 + p {
    padding: 15px 0 15px 10px;
    font-size: 14px
}

.schResult article .tbl_st7 {
    border-bottom: 1px solid #efefef
}

.schResult article .tbl_st7 thead th {
    text-align: left
}

.schResult article .tbl_st7 th:first-child {
    width: 184px
}

.schResult article .tbl_st7 th img {
    display: block;
    max-width: 158px;
    max-height: 130px;
    margin: 20px auto 0;
    border: 1px solid #eaeaea
}

.schResult article .tbl_st7 tr:nth-child(2n) td {
    border-bottom: 1px solid #efefef
}

.schResult article .tbl_st7 td {
    border-bottom: 0
}

.schResult article .tbl_st7 td a {
    display: block
}

.schResult article .tbl_st7 td:nth-of-type(1) a {
    line-height: 140%;
    font-size: 13px
}

.schResult article .tbl_st7 td:nth-of-type(1) a:first-child {
    margin-bottom: 16px;
    font-size: 12px;
    color: #1b1b1b
}

.schResult article .tbl_st7 td:nth-of-type(2) {
    padding: 0;
    font-size: 13px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle
}

.schResult article .list td {
    border-bottom: 1px solid #efefef
}

.schResult article .list td:first-child {
    padding: 15px 0 15px 10px
}

.schResult article .list td:last-child {
    width: 120px;
    text-align: center
}

.schResult article .list td li {
    font-size: 14px;
    line-height: 140%
}

.schResult article .btnArea {
    margin-bottom: 25px
}

.schResult article .btnArea a:before {
    content: '+';
    display: inline-block;
    margin-right: 5px;
    font-size: 15px
}

.new_schResult {
    padding-bottom: 30px;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}

.sch_area {
    padding: 50px 0 40px;
    text-align: center;
    border-bottom: 1px solid #a8a8a8;
}

.sch_area .input_area {
    display: inline-block;
    width: 440px;
    height: 49px;
    border: 5px solid #488ac4;
}

.sch_area .input_area select {
    width: 100px;
    height: 36px;
    padding-left: 10px;
    line-height: 39px;
    color: #a0a0a0;
    vertical-align: top;
    outline: none;
}

.sch_area .input_area input {
    width: 326px;
    height: 39px;
    line-height: 39px;
    border: none;
    outline: none;
}

.sch_area a {
    display: inline-block;
    width: 62px;
    height: 49px;
    color: #fff;
    line-height: 49px;
    font-weight: bold;
    background-color: #488ac4;
    vertical-align: top;
}

.filter_area {
    background-color: #f5faff;
    padding: 20px 20px 2px 20px;
    position: relative;
    border-bottom: 1px solid #a8a8a8;
}

.filter_area p {
    font-size: 18px;
    font-weight: bold;
    color: #4b4b4b;
    letter-spacing: -1px;
    margin-bottom: 20px;
    margin-left: 7px;
}

.filter_area .btn_top {
    position: absolute;
    top: 15px;
    right: 20px;
}

.filter_area .btn_top li {
    display: inline-block;
    margin-left: 4px;
}

.filter_area .filter_St01 {
    margin: 10px;
    padding: 5px;
    border: 1px solid #000;
    background: #fff
}

.filter_area .filter_St01 h3 {
    display: inline-block;
    width: 150px;
    float: left;
    font-size: 14px;
    margin-left: 5px;
    line-height: 20px;
}

.filter_area .filter_St01 ul {
    display: inline-block;
    width: 740px;
}

.filter_area .filter_St01 ul li {
    float: left;
}

.filter_area .filter_St01 input[type="search"] {
    width: 740px;
    background: linear-gradient(90deg, #f0f0f0, white);
    border: 1px solid #f0f0f0;
    padding: 2px 10px;
    font-size: 13px;
}

.filter_area .filter_St01 input[type="search"]:hover {
    background: #d5d5d5;

}

.filter_area .filter_close {
    display: none;
    position: absolute;
    width: 100%;
    padding: 0 20px 2px 20px;
    left: 0;
    border-bottom: 1px solid #a8a8a8;
    background-color: #f5faff;
    z-index: 99;
}

.filter_area .btn_open,
.filter_area .btn_close {
    position: absolute;
    bottom: -26px;
    right: 20px;
    width: 62px;
    height: 26px;
    text-indent: -9999px;
}

.filter_area .btn_open {
    background: url('/cloud_ver3/html_web/images/btn_open.png') no-repeat 0 0;

}

.filter_area .btn_close {
    background: url('/cloud_ver3/html_web/images/btn_close.png') no-repeat 0 0;
}

.filter_result {
    margin: 10px 0;
}

.filter_result i {
    color: #ff0000;
}

.list_product {
    overflow: hidden;
    margin-top: 55px;
    padding: 0 30px;
    position: relative;
}

.list_product .tit {
    margin: 20px 0 10px;
}

.list_product .tit span {
    color: #ff6600;
}

.listsearch_area .filter_area,
.listsearch_area .list_product {
    float: right !important;
}

.listsearch_area .filter_area {
    z-index: 60
}

.listsearch_area .list_product {
    margin-top: 0;
    padding: 50px 20px 0 20px !important;
}

.nav_list {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    margin-bottom: 20px;
}

.nav_list li {
    flex: 1;
    float: left;
}

.nav_list li a {
    display: block;
    height: 69px;
    padding: 12px 10px 8px;
    margin-left: -1px;
    border: 1px solid #7c7c7c;
}

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

.nav_list li a strong {
    display: block;
    height: 32px;
    font-weight: normal;
}

.nav_list li a:hover,
.nav_list li a.select {
    color: #fff;
    border: 1px solid #92b030;
    background-color: #92b030;
    text-decoration: none;
}

.nav_list li a:hover strong,
.nav_list li a.select strong {
    color: #fff;
}

.view_list {
    margin-top: 14px;
    border-top: 1px dotted #2d2d2d;
}

.view_list li {
    position: relative;
    padding: 30px 0 30px 28px;
    border-bottom: 1px solid #aeaeae;
}

.view_list li .name_product input {
    position: absolute;
    top: 35px;
    left: 0;
}

.view_list li .name_product a {
    font-size: 21px;
    font-weight: bold;
    vertical-align: middle;
}

.view_list li .name_product a:hover {
    color: #0d4a87;
}

.view_list li .name_product span {
    font-size: 21px;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer
}

.view_list li .name_product span:hover {
    color: #0d4a87;
}

.view_list li .name_product img {
    margin-left: 8px;
}

.view_list li .name_company {
    font-size: 14px;
    line-height: 24px;
}

.view_list li .name_company a {
    color: #7d7d7d;
    font-size: 14px;
    line-height: 24px;
}

.view_list li .name_company a:hover {
    color: #0d4a87;
}

.view_list li .name_company span {
    color: #000;
    margin: 0 5px;
    font-size: 14px;
}

.view_list li .txt_product {
    margin-top: 12px;
    max-height: 68px;
    overflow: hidden;
}

.view_list li .txt_product span,
.view_list li .txt_product a {
    line-height: 24px;
    font-size: 15px;
    cursor: pointer;
}

.view_list li .txt_product a:hover {
    /*text-decoration: underline;*/
}

.no_content {
    font-size: 15px;
    text-align: center;
}

.new_swView {
    position: relative;
}

.pro_title {
    position: relative;
    height: 240px;
}

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

.pro_title .pro_title_images {
    position: relative;
    float: left;
    width: 148px;
    height: 148px;
    overflow: hidden;
    border: 1px solid #c0c2c4;
}

.pro_title .pro_title_images img {
    width: 100%;
}

.pro_title .pro_txt {
    position: relative;
    float: right;
    padding-left: 2em;
    max-width: 520px;
    height: 148px;
}

.pro_title .pro_txt p:first-child {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    line-height: 34px;
}

.pro_title .pro_txt p:nth-child(3) {
    font-size: 14px;
    color: #7d7d7d;
    font-weight: normal;
    margin: 7px 0;
}

.pro_title .pro_price {
    margin: 16px 0 12px;
    font-size: 20px;
    color: #4b4b4b;
    font-weight: 400;
}

.pro_title_btn_area {
    content: '';
    display: block;
    clear: both;
    padding-top: 2em;
}

.normal_table {
    border-top: 0;
    margin-bottom: 10px;
}

.normal_table tr th {
    font-size: 15px;
    font-weight: 600;
    height: 35px;
    background-color: #f6f6f6;
    text-align: left;
    padding: 0 15px;
}

.normal_table tr th:last-child {
    text-align: right;
    padding-right: 10px;
}

.normal_table tr th:last-child a {
    font-size: 12px;
    font-weight: 500;
    background-color: #fff;
    margin: 5px 0;
    display: inline-block;
    text-align: center;
}

.normal_table tr td {
    font-size: 14px;
    border-left: 1px solid #ececec;
    height: 35px;
    padding: 0 15px;
    border-top: 1px solid #ececec;
}

.normal_table tr td a {
    font-size: 14px;
}

.normal_table tr td:first-child {
    border-left: none;
}

.normal_table tr:last-child td {
    border-bottom: 1px solid #ececec;
}

.normal_table01 {
    border-top: 0;
    margin-bottom: 10px;
}

.normal_table01 tr th {
    font-size: 15px;
    font-weight: 500;
    height: 35px;
    text-align: left;
    padding: 0 22px;
    border-bottom: 1px solid #ececec;
}

.normal_table01 tr td {
    font-size: 14px;
    border-left: 1px solid #ececec;
    padding: 15px;
    border-bottom: 1px solid #ececec;
}

.content_modified_box > h3 {
    background-color: #f8f8f8;
    font-size: 17px;
    font-weight: 600;
    color: #4b4b4b;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    width: 100%;
}

.content_modified_box textarea {
    border-color: #ececec;
    margin: 1em 0;
}

/* 서비스이용절차 */

.basic_table {
    border-top: 2px solid #333333;
    clear: both;
}

.basic_table tr th,
.basic_table tr td {
    height: 39px;
    line-height: 2;
    font-size: 14px;
    border-right: 1px solid #d1d0ce;
}

.basic_table tr th {
    background-color: #f3f4f6;
    border-bottom: 1px solid #d1d0ce;
}

/*.basic_table tr td {text-align:center; border-bottom:1px solid #d1d0ce; }*/
.basic_table input[type=text] {
    border: 1px solid #c2c0c0;
    height: 28px;
    text-align: center;
}

.basic_table select {
    border: 1px solid #c2c0c0;
    height: 28px;
    font-size: 11px;
}

.basic_table textarea {
    border: 1px solid #c2c0c0;
    margin: 6px 0 6px 10px;
}

.intro .fs15 > ol li {
    list-style: none;
}

.fs11 {
    font-size: 11px !important;
}

.ml20 {
    margin-left: 20px;
}

.btn_cen {
    margin-top: 16px;
    text-align: center;
}

.btn_ml {
    margin-left: 10px;
}

.sns_area {
    margin: 30px 0 0;
    padding: 0;
}

.sns_area li {
    display: inline-block;
    margin-right: 2px;
}

.sns_area li a {
    background: url(/cloud_ver3/html_web/images/icon_sns.png) 0 0 no-repeat;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    display: inline-block;
}

.sns_area li a:hover {
    background-position-y: -30px;
}

.sns_area li:nth-child(2) a {
    background-position-x: -30px;
}

.sns_area li:nth-child(3) a {
    background-position-x: -60px;
}

.sns_area li:nth-child(4) a {
    background-position-x: -90px;
}

.sns_area li:nth-child(4) a.on {
    background-position-y: -30px;
}

.sns_area li:nth-child(5) a {
    background-position-x: -120px;
}

.sns_area + .btnArea.rig {
    margin-top: -30px;
}

.sns_area + .btnArea.rig .listView {
    padding-top: 9px;
    padding-bottom: 9px;
}

.sns_area + .btnArea.rig .listView:hover {
    text-decoration: none;
}

.new_swView section {
    margin-top: 12px;
    padding-top: 57px;
    border-top: 4px solid #585858;
}

.new_swView section > h3 {
    background-color: #f8f8f8;
    font-size: 17px;
    font-weight: 600;
    color: #4b4b4b;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    width: 100%;
}

.new_swView section > h3 i {
    position: relative;
    padding-left: 13px;
}

.new_swView section > div {
    font-size: 15px;
    margin-bottom: 2em;
}

.new_swView section .service-description {
    font-size: 15px;
    line-height: 200%;
    word-wrap: break-word;
    white-space: pre-line;
    padding: 1em;
}

.new_swView section > div > ul > li {
    font-size: 15px;
}

#wrap_ver2 section {
    margin-top: 20px;
    padding-top: 0;
    border-top: 0;
    clear: both;
}

#wrap_ver2 .btnArea.rig {
    margin-top: 20px;
}

#seviceprocess {
    position: absolute;
    top: -85px;
    right: 0;
    margin-bottom: 0 !important;
}

#seviceprocess ul li {
    float: left;
    margin-right: 5px;
}

.serviceRegist {
    display: none;
}

.serviceRegist .pro_title {
    border: 0;
    margin-top: 2em;
}

.serviceRegist.active {
    position: relative;
    display: block;
    width: 1020px;
}

.serviceregist_temporary_save {
    position: relative;
    float: right;
    margin-top: 20px;
}

.serviceRegist05_title {
    font-size: 18px;
    font-weight: 600;
    background-color: #f6f6f6;
    text-align: left;
    padding: 15px 15px;
    border-top: 1px solid #cacaca;
}

/* .screen_img_area{height:317px;} */
.firstImg_img_area {
    min-height: 290px;
}

#firstImg {
    position: absolute;
    top: 50%;
    margin-top: -95px;
}

#firstImg img {
    width: 260px;
    height: 195px;
}

.screen_img_area {
    width: 814px;
    margin-left: 290px;
}

.small_screen_img {
    display: inline-block;
    width: 160px;
    height: 120px;
    padding: 5px;
    overflow: hidden;
    border: 1px solid #c0c2c4;
}

.small_screen_img img {
    width: 100%;
    height: 100%;
}

.small_screen_img:hover {
    border: 3px solid #4dacfb;
}

.click_screen {
    border: 3px solid #4dacfb;
}

.logoView {
    height: 180px;
    overflow-y: scroll;
}

.logoView li {
    float: left;
    width: 190px;
    height: 180px;
    margin: 0 27px 10px 0;
    padding: 5px;
    border: 1px solid #efefef;
    line-height: 1.5;
    text-align: center;
}

.logoView li:hover {
    border: 1px solid #05afef;
    color: #05afef;
}

.logoView li p {
    margin: 0 auto;
}

.logoView li p img {
    width: 100%;
    height: 120px;
    overflow: hidden;
}

.logoView li a {
    display: inline-block;
    width: 179px !important;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
}

.btn_prev {
    display: inline-block;
    background: url(/cloud_ver3/html_web/images/icon_prev.gif) no-repeat;
    width: 46px;
    height: 39px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.btn_prev:hover {
    background: url(/cloud_ver3/html_web/images/icon_prev_over.gif) no-repeat;
    width: 46px;
    height: 39px;
}

.btn_next {
    display: inline-block;
    background: url(/cloud_ver3/html_web/images/icon_next.gif) no-repeat;
    width: 46px;
    height: 39px;
    position: absolute;
    top: 59px;
    right: 20px;
}

.btn_next:hover {
    background: url(/cloud_ver3/html_web/images/icon_next_over.gif) no-repeat;
    width: 46px;
    height: 39px;
}

.page_where {
    display: inline-block;
    position: absolute;
    right: 17px;
    top: 28px;
}

.page_where img {
    vertical-align: top;
}

.page_where span {
    margin: 0 10px;
}

.ps_r {
    position: relative;
}

#compCnt {
    margin: 0 4px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 34px
}

.white_bg dt,
.white_bg dd {
    display: table-cell;
}

.white_bg ul li a {
    width: 148px;
}

/* 이용실적증명서 */
.certifRequList1 .head span:nth-child(2) {
    position: absolute;
    right: 22px;
}

/* 이용실적증명서관리 */
.certifRequList1 form select {
    width: 117px;
    height: 30px;
    border: 1px solid #dedede;
}

.certifRequList1 form input.keyword {
    width: 500px;
}

.certifRequList1 p {
    margin: 20px 0;
}

.certifRequList1 .btnarea {
    content: '';
    display: block;
    clear: both;
}

.certifRequList1 .btnarea a:nth-child(2) {
    float: right;
}

.certifRequList2 .btnarea {
    padding: 10px 0;
    text-align: right;
}

.certifRequList2 .txtarea,
.certifRequList4 .txtarea {
    padding: 10px 0;
}

.certifRequList2 .tbl_st4 th,
.certifRequList4 .tbl_st4 th {
    width: 210px;
}

.certifRequList2 .tbl_st4 td {
    position: relative;
}

.certifRequList2 .schOpt {
    margin-bottom: 10px !important;
}

.request_how_select ul li.radio_email p {
    position: absolute;
    top: 10px;
    left: 5px;
}

.request_how_select ul li.radio_mail p {
    position: absolute;
    top: 10px;
    left: 100px;
}

.request_how_select ul li div {
    padding-top: 30px;
}

.request_how_select ul li div a {
    margin: 0 10px;
}

.certifRequList2 .radio_mail .mailnum {
    display: inline-block;
    width: 120px;
}

.certifRequList2 .radio_mail .req_address {
    display: inline-block;
    width: 469px;
}

.certifRequList2 .radio_mail .req_address_d {
    margin-top: 10px;
}

.date_s,
.date_e {
    width: 100px;
}

.display_no {
    display: none;
}

.datearea td button {
    margin-left: -3px;
    padding: 0;
}

.datearea td span {
    margin: 0 10px 0 5px;
}

.certifRequList1 .scrollarea,
.certifRequList2 .list_st1,
.certifRequList4 .list_st1 {
    height: 552px;
    overflow-y: auto;
    margin-bottom: 20px;
}

/*관리자 대시보드*/
canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.dasharea {
    width: 1200px;
    margin: 20px auto;
}

.chartArea {
    width: 1050px;
}

.bg_01 {
    height: 310px;
    width: 1175px;
    margin-top: 5px;
    background: #ebebeb
}

.bg_02 {
    height: 340px;
    width: 1175px;
    margin-top: 5px;
    background: #ebebeb
}

.bg_03 {
    height: 390px;
    width: 1175px;
    margin-top: 5px;
    background: #ebebeb
}

.bg_first {
    background: #d5ebff !important
}

.dash_title01 {
    width: 100px;
    height: 220px;
    background: #104885;
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 220px;
    vertical-align: middle;
}

.dash_title02 {
    width: 100px;
    height: 145px;
    background: #104885;
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 145px;
    vertical-align: middle;
}

.dash_title03 {
    width: 100px;
    height: 390px;
    background: #104885;
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 390px;
    vertical-align: middle;
}

.dash_cont01 {
    width: 500px;
    height: 205px;
    margin: 10px;
}

.dash_cont01_2 {
    width: 255px;
    height: 205px;
    margin: 10px 5px;
}

.dash_cont02 {
    width: 243px;
    margin: 10px 5px 10px 10px;
}

.cont02_sub01 {
    width: 256px
}

.cont02_sub02 {
    width: 253px;
    margin-left: 5px;
}

.dash_cont03 {
    width: 501px;
    margin: 10px 5px 10px 10px;
}

.dash_cont03:nth-of-type(2) {
    width: 518px
}

.dash_cont03_2 {
    width: 1050px;
    margin-left: 10px;
}

.dasharea table th {
    padding-left: 10px;
    background: #0076a3;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
}

.dasharea table th span {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.dasharea table td {
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
    border-bottom: 1px solid #959595;
    font-size: 12px;
    font-weight: bold;
    line-height: 38px;
}

.dasharea table td span {
    font-size: 16px;
    font-weight: bold;
}

.dash_cont03 table td {
    padding-right: 15px;
    line-height: 20px;
}

.dash_cont03 table td span:nth-child(2) {
    font-size: 11px;
}

.increase,
.falutURL {
    font-size: 11px;
    color: #ff0000 !important;
    font-weight: bold;
    /*cursor:pointer;*/
}

.decrease,
.normalURL {
    font-size: 11px;
    color: #0000ff !important;
    font-weight: bold
}

.falutURL {
    font-size: 11px;
    color: #ff0000 !important;
    font-weight: bold;
    text-decoration: underline !important;
    cursor: pointer;
}

.normalURL {
    font-size: 11px;
    color: #0000ff !important;
    font-weight: bold;
    text-decoration: underline !important;
}

.dash_cont02 a {
    font-size: 16px;
    font-weight: bold
}

.barCharArea {
    width: 450px;
}

.doughnutArea {
    width: 400px;
}

.lankArea {
    position: absolute;
    top: 0;
    right: 0;
    width: 335px;
}

.lankArea table tr:nth-of-type(1) td,
.lankArea table tr:nth-of-type(3) td,
.lankArea table tr:nth-of-type(5) td,
.lankArea table tr:nth-of-type(7) td,
.lankArea table tr:nth-of-type(9) td {
    background: #ebebeb
}

.lankArea table tr td {
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
}

.lankArea table tr td:nth-of-type(1) {
    width: 15%;
}

.lankArea table tr td:nth-of-type(2) {
    width: 50%;
}

.lankArea table tr td:nth-of-type(3) {
    width: 35%;
    text-align: center;
}

.p_relative {
    position: relative;
}

#doughnut01 {
    margin-left: -90px;
}

#doughnut02 {
    margin-left: -90px;
}

.tabs li {
    width: 517px;
}

.tabs li a {
    display: block;
    line-height: 40px;
    border: 1px solid #959595;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.tabs li span {
    display: block;
    line-height: 40px;
    border: 1px solid #959595;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.tabs li.active a {
    background: #898989;
    color: #fff;
}

.tabs li.active span {
    background: #898989;
    color: #fff;
}

.contentArea {
    width: 1033px;
    height: 320px;
    background: #fff;
    padding: 50px 10px 0 10px;
}

.chart_title {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
}

.chart_title label {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
}

.overArea {
    height: 217px;
    overflow-y: scroll;
}

.tab_content {
    display: none
}

/* 서비스 이용약관 */
.terms {
    word-break: keep-all;
    word-wrap: break-word;
}

/*.regist_start_list {*/
/*    position:relative;*/
/*    display:table;*/
/*    width:100%;*/
/*    margin-left:0 !important;*/
/*    padding-bottom:2em;*/
/*}*/

/*.regist_start_list li {*/
/*    display:table-cell;*/
/*    vertical-align:middle;*/
/*    text-align:center;*/
/*    width:180px;*/
/*    height:300px;*/
/*    border:2px solid #384e85;*/
/*    font-size:20px;*/
/*    color:#212121;*/
/*}*/

/*.regist_start_list li p {*/
/*    font-size:18px;*/
/*    padding-top:0.5em;*/
/*    color: #0a0b0c;*/
/*}*/

/*.regist_start_list li img.main_icon {*/
/*    width: 100px;*/
/*}*/

/*.regist_start_list li span {*/
/*    font-size:13px;*/
/*    line-height: 120%;*/
/*}*/

/*.regist_start_list_arrow {*/
/*    width:24px !important;*/
/*    border:0 !important;*/
/*}*/

/*.regist_start_list_arrow img {*/
/*    transform: rotate(-90deg);*/
/*}*/

/*table.regist_step_icon{*/
/*    text-align: center;*/
/*    vertical-align: top;*/
/*    margin-bottom: 30px;*/
/*}*/

.regist_step_wrap {
    border: 1px solid #dcdcdc;
    padding: 20px 30px 30px 30px;
}

.regist_step_1 {
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align: center;
    vertical-align: top;
    margin-top:14px;
    margin-bottom: 30px;
}
.regist_step_1 li{position:relative; padding:0 30px;}
.regist_step_1 li:not(:last-child)::after{content:""; position:absolute; top:43px; right:-13px; width:8px; height:4px; background:url(/cloud_ver3/html_web/images/btn_arrow.png) no-repeat 50%; transform:rotate(-90deg);}

.main_icon {
    display:block;
    margin:0 auto;
    width: 80px;
    height:80px;
    margin-bottom: 10px;
}

.arrow_icon {
    transform: rotate(-90deg);
    margin-bottom:48px;
}

.regist_step_2 {
    display:flex;
    flex-wrap:wrap;
    border-top: 1px solid #dcdcdc;
    padding-top: 30px;
}

.regist_step_2 li{width:calc(100% / 3); height:110px;}
.regist_step_2 li h3{font-size:18px; font-weight:500; color:#474747;}
.regist_step_2 li p{font-size:16px; font-weight:400; color:#2d2d2d; padding-top:8px; padding-left:18px;}

/*.regist_step_2 tr.step_title td {
    font-size: 18px;
    font-weight: 500;
    color: #474747;
}

.regist_step_2 tr.step_detail td {
    padding: 8px 0 30px 18px;
    font-size: 16px;
    font-weight: 400;
    color: #2d2d2d;
    margin-left: 0;
    vertical-align: top
}

.regist_step_2_step span {
    font-size: 14px;
}*/

.user_guide h3 {
    position: relative;
    font-size: 26px;
    color: #0a0b0c;
    padding-left: 0.5em;
}

.user_guide h3:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #014da2;
    border-radius: 50%;
}

.user_guide_Doc {
    padding: 0.5em;
    margin: 1em auto;
    border-collapse: collapse;
}

.user_guide_Doc .title {
    background: #e8f0f7;
    text-align:left;
}

.user_guide_Doc .title th {
    padding: 0.5em;
    color: #0a0b0c;
    font-size: 20px;
    font-weight: 500;
    border-bottom:none !important;
}

.user_guide_Doc .cont td,
.user_guide_Doc .cont th{
    padding: 10px;
    font-size: 16px;
    color: #000;
    word-break: keep-all;
}

.user_guide_Doc .title th, .cont td {
    border: 1px solid #dedede;
}

.user_guide_Doc_2 {
    padding: 0.5em;
    margin: 1em auto;
    border-collapse: collapse;
}

.user_guide_Doc_2 .title {
    font-size: 22px;
    background: #e8f0f7;
}

.user_guide_Doc_2 .title td {
    padding: 0.5em;
    color: #0a0b0c;
    font-size: 18px;
    font-weight: 500;
}

.user_guide_Doc_2 .cont td {
    padding: 10px;
}

.user_guide_Doc_2 .title td, .cont td {
    border: 1px solid #dedede;
}

.user_guide_Doc_2 .download_table_link {
    font-size: 16px;
    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% center;
}

.user_guide_Doc_2 .download_table_link:hover {
    color: #384e85;
    font-weight: 500;
    background: url('/cloud_ver3/html_web/images/common/icn_txt_downLoad_hover.png') no-repeat 99% center;
}

.lay_lnb .conWrap .contents, .lay_lnb .conWrap > div {
    padding: 0 0 0 30px;
}

.user_step {
    border-top: 1px solid #dedede;
    margin-top: 20px;
}

.user_step td {
    border-bottom: 1px solid #dedede;
}

.user_step .icon {
    text-align: right;
}

.user_step .title {
    font-size: 22px;
    color: #0a0b0c;
    font-weight: 500;
}

.user_step .title span {
    font-size: 18px;
    color: #0a0b0c;

}

.user_step .title span.detail {
    font-size: 16px;
}

.user_step .number {
    font-size: 47px;
    color: #ceeafa;
    text-align: center;
}

.search_how h3.title {
    color: #0a0b0c;
    font-size: 18px;
    margin-top: 30px;
    text-align: center;
}

.search_how h3.title span {
    background: linear-gradient(to top, rgba(191, 255, 200, 1) 50%, transparent 50%);
    color: #0a0b0c;
    font-size: 18px;
    margin-top: 30px;
    text-align: center;
}

.search_how {
    text-align: center;
}

.search_how img {
    box-shadow: 5px 10px 10px rgba(11, 11, 11, .2);
    border: 1px solid #e9e9e9;
    margin: 20px 0;
}

.search_how p.detail {
    color: #0a0b0c;
    font-size: 15px;
    margin-top: 10px;
}

.intro_main_service {
    padding: 0.5em;
    margin: 1em auto;
    border-collapse: collapse;
    font-size: 20px;
}

.intro_main_service .title {
    background: #e8f0f7;
    text-align: center;
}

.intro_main_service .title td {
    padding: 0.5em;
    color: #0a0b0c;
    font-size: 20px;
    font-weight: 500;
}

.intro_main_service td {
    color: #0a0b0c;
    font-size: 15px;
}

.intro_main_service .cont td {
    font-size: 18px;
    padding: 30px;
    text-align: center;
}

.intro_main_service .title td, .cont td, .cont th {
    border: 1px solid #dedede;
}

.diagram {
    font-size: 20px;
    padding: 30px 20px;
    background: #e8f0f7;
    margin-top: 30px;
    margin-bottom: 30px;
}

.diagram .title {
    border: none;
    text-align: center;

}

.diagram .box1 {
    border-top: 1px solid #0a387e;
    border-left: 1px solid #0a387e;
    border-right: 1px solid #0a387e;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.diagram .box2 {
    border-bottom: 1px solid #0a387e;
    border-left: 1px solid #0a387e;
    border-right: 1px solid #0a387e;
    width: 100%;
    text-align: center;
    padding: 20px;
}

.diagram .title td {
    padding: 0.5em;
    color: #0a387e;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 20px;

}

.diagram .cont td {
    padding-left: 10px;
}

.diagram .cont td.cont_tit {
    text-align: center;
    /*border: 1px solid #0a387e;*/
    color: #0a0b0c;
    font-size: 20px;
    padding: 10px;
    background: #ffffff;
}

.diagram .cont td.cont_tit_point {
    text-align: center;
    border: 1px solid #0a387e;
    color: #ffffff;
    font-size: 20px;
    padding: 30px 0;
    background: #384e85;
}

.diagram .cont td.cont_tit_point p {
    text-align: center;
    color: #ffffff;
    background: #384e85;
}

.diagram .title td, .diagram .cont td {
    border: none;
}

.org_char {
    text-align: left;
}

.org_char h3 {
    margin: 30px 0;
    font-size: 20px;
    color: #0a0b0c;
}

.org_char_basis {
    background: #e8f0f7;
    padding: 25px;
    margin-bottom: 50px;
}

.org_char_basis h4 {
    color: #0a0b0c;
    font-size: 16px;
    margin-bottom: 10px;
}

.org_char_basis p {
    color: #0a0b0c;
    font-size: 15px;
    line-height: 170%;
}

.enrollment .table {
    border-bottom: 1px solid #a0a0a0;
}

.enrollment .table .title {
    font-size: 18px;
    color: #000;
    border-top: 3px solid #a0a0a0;
    text-align: center;
}

.enrollment .table img {
    width: 120px;
    padding: 20px;
}

.enrollment .table .number {
    font-size: 20px;
    text-align: center;
    color: #014da2;
    border-top: 5px solid #014da2;
}

.enrollment .table .icon {
    border-top: 1px solid #a0a0a0;

}

.enrollment .table .slide {
    font-size: 30px;
    text-align: center;
    color: #d6d6d6;
    border-top: 3px solid #a0a0a0;
}

.enrollment .table .cont ul li {
    font-size: 16px;
    color: #000;
    text-align: left !important;
}

.enrollment td {
    border-top: 1px solid #a0a0a0;
    text-align: center;
}

.conWrap product_area .main_regist_step_wrap .regist_step .icon_title {
    text-align: center;
}

.registguide_table_table {
    position: relative;
    width: 95%;
    margin: 1em auto;
    border-collapse: collapse;
    border: 1px solid #ccc !important;
    text-align: left;
}

.registguide_table_table th {
    background: #f6f6f6;
    padding: 10px;
    font-size:16px;
    color:#000;
    word-break:keep-all;
    border: 1px solid #ccc !important;
    text-align:center;
}

.registguide_table_table tr td:first-child {
    background: #f6f6f6;
    border: 1px solid #ccc !important;
    text-align: center;
}

.registguide_table_table tr td dl {
    margin-bottom: 5px;
}

.registguide_table_table tr td dl dt {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.registguide_table_table_point {
    color: #de284a;
    font-size: 14px;
    margin-left: 5px;
}

.registguide_table_table tr td dl dd {
    margin-left: 1.5em;
}

.registguide_table_table tr td span {
    color: #212121;
    margin-top: 10px;
    text-align: right;
    display: block;
}

.registguide_table_table tr td dl dd span {
    color: #212121;
    margin-top: 0;
    text-align: left;
}




.tbl__regist-guide {width: 95%; margin: 1em auto; border: 1px solid #ccc; text-align: left;}
.tbl__regist-guide > li{display:flex;}
.tbl__regist-guide > li:not(:last-child){border-bottom:1px solid #ccc;}
.tbl__regist-guide > li > h4{display:flex; align-items:center; justify-content:center; text-align:center; width:10%; background: #f6f6f6; padding: 10px; font-size:16px; color:#000; word-break:keep-all; border-right: 1px solid #ccc;}
.tbl__regist-guide > li > div{width:90%; padding:10px;}
.tbl__regist-guide > li > div:not(:last-child){border-right:1px solid #ccc;}
.tbl__regist-guide > li.tbl__regist-2row > div:first-of-type{width:75%;}
.tbl__regist-guide > li.tbl__regist-2row > div:last-of-type{display:flex; align-items:center; justify-content:center; width:15%;}
.tbl__regist-guide > li > div > span {color: #212121; margin-top: 10px; text-align: right; display: block;}

.tbl__regist-guide > li > div > dl {margin-bottom: 5px;}
.tbl__regist-guide > li > div > dl > dt {font-size: 16px; font-weight: 500; color: #212121;}
.tbl__regist-guide > li > div > dl > dd {margin-left: 1.5em;}
.tbl__regist-guide > li > div > dl > dd > span {color: #212121; margin-top: 0; text-align: left;}




.registguide_alert_box {
    position: absolute;
    display: inline-block;
    margin-left: 0.5em;
    width: 15px;
    height: 15px;
}

.registguide_alert_btn {
    position: relative;
    display: inline-block !important;
    width: 15px;
    height: 15px;
    background: #384e85;
    color: #fff !important;
    text-align: center !important;
    border-radius: 50%;
    margin-top: 3px !important;
    cursor: pointer;
    font-size: 10px;
}

.registguide_alert_text {
    position: absolute;
    min-width: 400px;
    display: none;
    top: 1.5em;
    left: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(11, 11, 11, .2);
    z-index: 99;
}

.registguide_alert_text_on {
    display: block;
}

.registguide_alert_text_close {
    position: absolute;
    text-align: center !important;
    background: #384e85;
    padding: 2px 0;
    width: 28px;
    margin-top: 0 !important;
    font-size: 16px;
    color: #fff !important;
    cursor: pointer;
    top: 0;
    right: 0;
}

.registguide_alert_text table {
    text-align: center;
    border-collapse: collapse;
    margin: 0.5em;
    width: 97%;
}

.registguide_alert_text table th {
    background: #f6f6f6;
    font-size: 14px !important;
    padding: 5px;
}

.registguide_alert_text table td {
    background: #fff !important;
    font-size: 14px !important;
    padding: 5px;
}

.registguide_alert_point {
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: left !important;
    max-width: 92%;
    margin-top: 10px !important;
}

.registguide_alert_text dl {
    display: block;
    width: 100%;
    padding: 0 0.5em 0.5em 0.5em;
}

.registguide_alert_text dl dt {
    font-size: 14px !important;
    word-break: break-all;
    background: #f6f6f6;
    padding: 5px;
}

.registguide_alert_text dl dd {
    position: relative;
    margin-left: 0.5em !important;
}

.registguide_alert_text dl dd:before {
    content: '-';
    position: absolute;
    top: 0;
    left: -7px;
    font-size: 14px;
}

.regist_step_comment {
    position: relative;
    width: 100%;
    border: 1px solid #ececec;
}

.regist_step_comment dl {
    padding: 1em;
}

.regist_step_comment dl dt {
    font-size: 20px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 10px;
}

.regist_step_comment dl dd {
    font-size: 15px;
    color: #515151;
    padding: 5px 0 5px 8px;
}

.regist_step_comment dl dd div.effect {
    position: relative;
    display: inline-block;
    font-size: 15px;
    z-index: 11;
}

.regist_step_comment dl dd div.effect::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38%;
    background: rgba(191, 255, 200, 1);
    z-index: -1;
}
.regist_step_comment p {
    background: #f6f6f6;
    display: block;
    padding: 1em;
    font-size: 15px;
}

.regist_step_comment dd span {
    display: block;
    padding-left: 1em;
    margin-top: 5px;
}

.regist_step_comment p, .regist_step_comment em {
    color: #de284a;
    letter-spacing: 0;
}

.service_estimate_self {
    font-size: 16px;
    color: #000;
    display: inline-block;
    margin-left: 5px;
}

.service_estimate_self_detail {
    display: none;
    position: relative;
    width: 100%;
    margin: 0 0 2em 0;
    padding: 1em;
    background: #f6f6f6;
    border: 1px solid #ececec;
}

.service_estimate_self_detail h4 {
    font-size: 18px;
    padding: 0 0 1em 0;
    color: #000;
}

.service_estimate_self_detail table {
    background: #fff;
}

.service_estimate_self em {
    padding: 5px 8px !important;
    display: inline-block;
    margin-left: 1em;
}

/*범례*/
.legendWrap h3 {
    font-size: 20px;
    margin-bottom: 0.4em;
    color: #000;
}

.legendWrap ul {
    margin-left: 18px;
}

.legendWrap ul li {
    font-size: 14px;
    list-style-type: disc;
    line-height: 180%;
}

.legendWrap ul li b {
    font-weight: 500;
    color: #333;
}

.popup_top{
    width: 100%;
    height: 40px;
    background: #014da2;
    color: #fff;
    font-size: 15px;
    padding: 10px;
}

/*휴면회원 안내 style*/
.member_exp01 {
    margin-top: 2rem;
    font-size: 2rem;
    margin-bottom: 0.8rem;
    text-align: center;
    font-weight: 200;
    color: #000;
}

.member_exp02 {
    font-size: 1.2rem;
    color: darkorange;
    text-align: center;
}

.form_exp {
    background: #eee;
    padding: 1rem;
    font-size: 0.9rem;
    text-align: center;
    line-height: 180%;
    margin: 1.5rem 0;
}

.form_exp_de {
    font-size: 1rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4rem;
}

.form_exp_de strong{
    font-size: 1rem;
    font-weight: 600;
    color: #014da2;
}

.btn_member_c {
    margin-top: 2rem;
    text-align: right;
}

.btn_navi_g, .btn_navi {
    padding: 9px 22px;
    display: inline-block;
    border-radius: 3px;
}

.btn_navi_g {
    background: #aaa;
    margin-right: 5px;
}

.btn_navi {
    background: #014da2;
}

.btn_navi_g a span, .btn_navi a span{
    color: #fff;
}

/* 이용지원 로그인 페이지 씨앗 회원전환 링크 추가 */
.ceart_link {
    position: relative;
    display: block;
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    background-color: #009DA4;
    transition: 0.3s;
}

.ceart_link:hover {
    background-color: #00a9b0;
}

.ceart_link > span {
    display: inline-block;
    margin: 0 5px;
    transform: scale(0.5);
    color: #fff;
    transition: 0.3s;
}

/* 씨앗 회원전환 로그인 페이지 */
.ceart_login_box {
    border: 1px solid #005A79;
}

.ceart_login_box .ceart_login_logo {
    padding: 1.5em 0 0 0;
    text-align: center;
}
.ceart_login_box .ceart_login_logo img {
    width: 65px;
}

.ceart_login_box dd h2 {
    font-size: 21px;
    text-align: center;
    color: #005A79;
    margin: 0.5em 0 1em 0;
    letter-spacing: -0.5px;
}

.ceart_login_box dd h2 span {
    display: inline-block;
    color: #005A79;
    transform: scale(0.7);
}

.ceart_login_box .ceart_swich {
    padding: 1em;
    border-radius: 5px;
    margin-bottom: 1.5em;
    border: 1px solid #cedbdc;
    background: #e7f4f5;
}

.ceart_login_box .ceart_swich ul {
    margin-bottom: 1em;
}
.ceart_login_box .ceart_swich ul li {
    font-size: 16px;
    color: #191919;
    text-align: center;
    letter-spacing: 0;
}

.ceart_login_box .ceart_swich .ceart_swich_txt {
    color: #696969;
    letter-spacing: 0;
    text-align: center;
    word-break: keep-all;
}

.ceart_login_box .login_save_click_1 {
    margin-top: 1em;
}

.ceart_login_box .login_save_click_1 input {
    background: #009DA4 !important;
}

.ceart_login_box dd .bottom_text_box1 {
    background: #e7f4f5;
}

.ceart_login_box dd .bottom_text_box2 {
    background: #009DA4;
}

.ceart_login_box .bottom_find_link {
    background: #0b5a79;
}
/* 씨앗 Case 2 (아이디 다른 경우 */
.ceart_voc {
    position: relative;
    width: 1280px;
    padding: 100px 0;
    margin: 50px auto;
    border: 1px solid #ececec;
    z-index: 999;
}

.ceart_voc_icon {
    width: 70px;
    margin: 0 auto 30px auto;
}

.ceart_voc_inner {
    margin-bottom: 40px;
}

.ceart_voc_inner > p {
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px;
}

.ceart_voc_inner > p:first-child {
    margin-bottom: 10px;
}

.ceart_voc_inner > p > .ceart_id {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    margin: 0 5px;
    padding: 0 5px;
    z-index: 1;
}

.ceart_voc_inner > p > .ceart_id::after {
    content: " ";
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38%;
    background: rgba(161, 193, 255, 0.5);
    z-index: -1;
}

.ceart_voc_link {
    margin-bottom: 100px;
}

.ceart_voc_link a {
    display: block;
    text-align: center;
    color: #fff;
    width: 300px;
    padding: 15px;
    border-radius: 5px;
    margin: 0 auto;
    background: #384e85;
    transition: 0.3s;
}

.ceart_voc_link a:hover {
    background: rgba(56, 78, 133, 0.85);
}

.ceart_voc_help {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #ececec;
    background: #f9f9f9;
}
.ceart_voc_help p {
    font-size: 14px;
    text-align: center;
}

.ceart_voc_help p:first-child {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: center;
}

.ceart_voc_help p:last-child {
    font-size: 16px;
    font-weight: 400;
    color: #ff1d1d;
    letter-spacing: -0.5px;
    text-align: center;
}

/* 씨앗 Case 3 (아이디 같은 경우) */
.ceart_success {
    position: relative;
    width: 1280px;
    padding: 100px 0;
    margin: 50px auto;
    border: 1px solid #ececec;
    z-index: 999;
}

.ceart_success_icon {
    width: 70px;
    margin: 0 auto 30px auto;
}

.ceart_success_inner {
    margin-bottom: 40px;
}

.ceart_success_inner > p {
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px;
}

.ceart_success_inner > p > .ceart_id {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    margin: 0 5px;
    padding: 0 5px;
    z-index: 1;
}

.ceart_success_inner > p > .ceart_id::after {
    content: " ";
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38%;
    background: rgba(161, 193, 255, 0.5);
    z-index: -1;
}

.ceart_success_link {
    margin-bottom: 100px;
}

.ceart_success_link a {
    display: block;
    text-align: center;
    color: #fff;
    width: 300px;
    padding: 15px;
    border-radius: 5px;
    margin: 0 auto;
    background: #384e85;
    transition: 0.3s;
}

.ceart_success_link a:hover {
    background: rgba(56, 78, 133, 0.85);
}

.ceart_success_help {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #ececec;
    background: #f9f9f9;
}
.ceart_success_help p:first-child {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: center;
}

.ceart_success_help p:last-child {
    font-size: 16px;
    font-weight: 400;
    color: #ff1d1d;
    letter-spacing: -0.5px;
    text-align: center;
}

/* 씨앗회원전환 시작 */
.ceart_agree_infomation {
    padding: 20px 20px 30px 20px;
    margin-bottom: 40px;
    background: #f6f6f6;
}

.ceart_agree_infomation > h3 {
    font-size: 19px;
    margin-bottom: 20px;
}

.ceart_agree_infomation > h3 > .ceart_id {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    margin: 0 5px;
    padding: 0 5px;
    z-index: 1;
}

.ceart_agree_infomation > h3 > .ceart_id::after {
    content: " ";
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38%;
    background: rgba(161, 193, 255, 0.5);
    z-index: -1;
}

.ceart_agree_infomation > p {
    font-size: 16px;
}

.ceart_agree_infomation > p > span {
    font-size: 16px;
    color: #ff0000;
}


/* 정보변경 :: 우성현 2022-07-18 */
/*---- 접근성 리더기 전용 ----*/
.blind{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}


/*---- 타이틀 ----*/
.tit-wrap{display:flex; align-items:center; justify-content:space-between; margin-top:1rem;}
.tit-b{font-size:15px;}
.tit-import{font-size:13px; color:#f11414;}
.tit-import--blue{color:#384e85;}

.tit-btn{background:#FF5831; color:#fff; padding:8px 12px; border-radius:8px;}
.tit-btn--blue{background:#384e85 !important;}


/*---- 버튼 그룹 ----*/
.btn-group{display:flex; justify-content:space-between; margin-top:30px; margin-bottom:56px;}
.btn-group .btns:not(:last-child){margin-right:10px !important;}
.btn-group > div{display:flex;}
.btn-group--right{justify-content:flex-end;}
.btn-group--move{margin-left:42px; margin-right:42px;}


/*---- INPUT ----*/
.input-tel__many{display:flex; align-items:center;}
.input-tel__many p{flex:none;  margin-right:12px;}
.input-tel input{width:23%;}


/*---- RADIO ----*/
.info-change input[type="radio"] + label{width:19px; padding-left:0;}


/*---- 탭메뉴 ----*/
.tab-menu{display:flex; text-align:center; margin-bottom:15px; text-align:center;}
.tab-menu li{background:#f6f6f6; color:#515151; border:1px solid #e3e3e3; margin-left:-1px;}
.tab-menu li a{display:flex; align-items:center; justify-content:center; height:52px; font-size:15px;}
.tab-menu li.current{border-bottom:none; border-top:2px solid #384e85; background:#fff;}
.tab-menu li.current a{font-weight:500; color:#384e85;}

.tab-menu--02 li{width:calc(100% / 2 + 1px);}
.tab-menu--03 li{width:calc(100% / 3 + 2px);}


/*---- TABLE ----*/
/* 공통 */
.tbl-tit{font-size:18px; color:#212121; padding:1em 0 0.5em; font-weight:400;}
.tbl-th{background:#f5f5f5 !important;}

.tbl-view table{border-top:2px solid #000;}
.tbl-view th,
.tbl-view td{border-bottom:1px solid #c3c3c3; height:74px;}
.tbl-view th{background:#f6fbff; padding:0.5em; color:#212121; font-size:16px; vertical-align:middle; word-break:keep-all; text-align:left;}
.tbl-view td{padding:1em;}
.tbl-view td .tit-import{margin-top:4px;}


/*---- 라인 박스 ----*/
.line-box{text-align:center;}
.line-box li{display:inline-flex; flex-direction:column; justify-content:space-between; width:285px; height:285px; vertical-align:top; border:2px solid #384e85; margin: 1em 0.5%; padding:100px 0 60px; cursor:pointer;}
.line-box li h3{font-size:22px; font-weight:600; color:#384e85;}
.line-box li p{display:flex; align-items:center; justify-content:center; height:60px; color:#626262;}

.line-box li:hover{background:#384e85;}
.line-box li:hover h3{color:#ffeb8e;}
.line-box li:hover p{color:#f9f9f9;}

.line-box li.checked{background:#384e85;}
.line-box li.checked h3{display:inline-flex; align-items:center; justify-content:center; color:#fff;}
.line-box li.checked h3::before{content:""; width:20px; height:20px; background:url(/cloud_ver3/html_web/images/common/select.png) no-repeat; margin-right:4px;}
.line-box li.checked p{color:#f9f9f9;}


/*---- 정보변경 신청 요청 ----*/
.info-change__apply{margin-top:40px; text-align:center;}
.apply-request{font-size:16px;}
.apply-dear{font-size:15px; text-align:right; margin:20px 0;}
.apply-dear > span{font-size:13px; margin-left:5px;}
.apply-user p{line-height:1.7;}
.apply-user > div{display:flex; justify-content:center; margin-top:6px;}
.apply-user > div > p:not(:last-child){margin-right:20px;}



/*---- 필요 서류 첨부 ----*/
.noti-wrap{display:flex; align-items:center;}
.noti-alert{margin-left:10px;}
.noti-btn{width:16px; height:16px; background:url(/cloud_ver3/html_web/images/common/ico_noti.svg) no-repeat; vertical-align:bottom;}
.noti-cont{display:none; position:absolute; z-index:1; background:#fff; padding:10px; border:1px solid #384e85; margin-top:12px;}
.noti-cont::before{content:""; position:absolute; top:-15px; left:-1px; border-top:6px solid transparent; border-right:7px solid transparent; border-bottom:8px solid #384e85; border-left:7px solid transparent;}
.noti-cont h4{font-weight:500; color:#384e85;}
.noti-cont p{font-size:13px; color:#5e5e5e; letter-spacing:0;}


/*---- STEP ----*/
.step-wrap{display:flex;}


/*---- 비밀번호 확인 ----*/
.info-change .join_info{margin-top:0 !important;}


/*---- 디지털서비스 전문계약 체계도 ----*/
.system-seq {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 45px 30px;
    background: #f2f2f2;
    margin-top: 30px;
}

.system-seq > div.list {
    display: flex;
}

.system-seq > div.list > ul {
    display: flex;
    gap: 30px;
}

.system-seq ul li p {
    line-height: 1.2;
}

.system-seq ul li p.s_col {
    position: relative;
    font-weight: 600;
    background: #0067a9;
    color: #fff;
    padding: 10px 50px;
}

.system-seq ul li p.s_col::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -24px;
    width: 19px;
    height: 11px;
    background: url("/cloud_ver3/html_web/images/system_arrow.png") no-repeat;
}

.system-seq ul li p.s_col.end::after {
    display: none;
}

.system-seq ul li p.s_col.other::after {
    right: -117px;
}

.system-seq ul li p.s_col_02 {
    font-weight: 600;
    border: 2px solid #009ed6;
    background: #fff;
    padding: 10px;
    margin-top: 0.3em;
    display: flex;
    flex-direction: column;
    min-height: 147px;
    justify-content: space-around;
}

.system-seq > div.list > div.icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}

.system-seq > div.list > div.icons ul li {
    padding: 10px 50px;
}

.system-seq > div.list > div.icons ul li p {
    font-size: 14px;
}

.system-seq > div.list > div.icons ul li p > strong {
    font-weight: 600;
}

.system-seq > div.list > div.icons ul li p > em {
    font-weight: 400;
}

.system-seq > div.list > div.icons ul li:nth-child(1) {
    position: relative;
    border-top: 1px dashed #d04f16;
}

.system-seq > div.list > div.icons ul li:nth-child(1) > p {
    color: #d04f16;
}

.system-seq > div.list > div.icons ul li:nth-child(1)::before {
    content: "";
    border-style: solid;
    border-width: 6px 11px 6px 0;
    border-color: transparent #d04f16 transparent transparent;
    position: absolute;
    top: -6px;
    left: 0;
}

.system-seq > div.list > div.icons ul li:nth-child(1)::after {
    content: "";
    border-style: solid;
    border-width: 6px 0 6px 11px;
    border-color: transparent transparent transparent #d04f16;
    position: absolute;
    top: -6px;
    right: 0;
}

.system-seq > div.list > div.icons ul li:nth-child(2) {
    position: relative;
    color: #528522;
    border-top: 1px dashed #528522;
}
.system-seq > div.list > div.icons ul li:nth-child(2) > p {
    color: #528522;
}

.system-seq > div.list > div.icons ul li:nth-child(2)::after {
    content: "";
    border-style: solid;
    border-width: 6px 0 6px 11px;
    border-color: transparent transparent transparent #528522;
    position: absolute;
    top: -6px;
    right: 0;
}

.system-seq > div.s_box ul li p.s_col_02 > strong {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 10px;
}
.system-seq > div.s_box ul li p.s_col_02 > strong.s_ta {
    background: #d04f16;
}
.system-seq > div.s_box ul li p.s_col_02 > strong.s_ta_02 {
    background: #528522;
    margin-top: 0.3em;
}
.system-seq > div.s_box ul li p.s_col_02 > strong > em {
    display: block;
    font-size: 16px;
}
.system-seq > div.s_box ul li p.s_col_02 > strong > em.txt01 {
    font-weight: 600;
}
.system-seq > div.s_box ul li p.s_col_02 > strong > em.txt02 {
    font-weight: 300;
}



/*---- 이용지원시스템 체계도 ----*/
.use-seq{display:flex; flex-wrap:wrap;}
.use-seq li{width:calc(100% / 2 - 25px); border:1px solid #dedede; text-align:center; margin-bottom:20px;}
.use-seq li:nth-child(odd){margin-right:50px;}
.use-seq li *{display:flex; align-items:center; justify-content:center; color:#0a0b0c;}
.use-seq li h4{height:50px; font-size:20px; font-weight:500; background:#e8f0f7; border-bottom:1px solid #dedede;}
.use-seq li p{height:115px; font-size:18px;}


/*---- 로그인 ----*/
.wa-login{width:450px; margin:83px auto 98px; border:1px solid #707070; box-sizing:border-box;}
.wa-login__input{padding:38px 28px 16px;}
.wa-login__input h2{font-size:38px; font-weight:600; letter-spacing:1.5px; color:#384e85; margin-bottom:38px;}
.wa-login__input button{display:block; width:100%; height:50px; border-radius:5px; font-size:16px; font-weight:500; background:#384e85; color:#fff; margin-top:21px;}

.wa-login__form input[type="text"],
.wa-login__form input[type="password"]{padding:0 16px; height:50px; border:1px solid #707070; border-radius:5px; font-size:16px; margin-bottom:16px;}

.wa-login__save{background:#f9fafc !important;}
.wa-login__save:checked{background:#f6fbff url('/cloud_ver3/html_web/images/common/software_input_check.png') no-repeat 50% !important; border:1px solid #415685 !important;}
.wa-login__save + label{font-size:15px; margin-left:10px;}

.wa-login__find{text-align:center; padding:17px 0; background:#e8f0f7;}
.wa-login__find a{display:inline-block; width:140px; height:34px; line-height:34px; text-align:center; background:#626262; color:#fff; border-radius:5px;}
.wa-login__find a:not(:last-child){margin-right:6px;}

.wa-login__ceart{display:block; text-align:center; background:#009da4; color:#fff; font-size:16px; padding:20px 0; transition:.3s;}
.wa-login__ceart:hover{background:#00a9b0;}
.wa-login__ceart span{display:inline-block; margin:0 5px; transform:scale(0.5);}

.wa-login__info{background:#384e85; text-align:center; padding:14px 0; color:#fff;}
.wa-login__info span{letter-spacing:0; vertical-align:middle;}
.wa-login__info span:nth-child(2){margin:0 14px;}


/* ceart 회원전환 */
.wa-login--ceart .wa-login__input button,
.wa-login--ceart .wa-login__info{background:#009DA4;}
.wa-login--ceart .wa-login__find{background:#e7f4f5;}
.wa-login--ceart .wa-login__find a{background:#0b5a79;}
.wa-login--ceart .wa-login__input h2{font-size:21px; color:#005a79; letter-spacing:-0.5px; margin:12px 0 16px;}

.wa-ceart__info{text-align:center;}
.wa-ceart__info ul{background:#e7f4f5; border:1px solid #cedbdc; padding:14px; border-radius:5px; margin-bottom:20px;}
.wa-ceart__info ul li{font-size:16px; color:#191919;}
.wa-ceart__info ul li span{display:inline-block; color:#696969; word-break:keep-all; margin-top:10px;}
.wa-ceart__logo{text-align:center;}
.wa-ceart__logo img{width:65px;}


/*---- 로그인 :: 변경 후 ----*/
.wa-login-wrap{width: 1280px; margin: 0 auto; padding: 3em; }

.text-blue {color: #384e85; !important; }
.text-blue-b {color: #384e85 !important; font-weight: 500; }
.text-black-b {color: #4d4d4d !important; font-weight: 500; }

.wa-login-wrap .wa-login-tit {position: relative; padding-left: 20px; margin-bottom: 22px; }
.wa-login-wrap .wa-login-tit:before {content: ""; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 6px; height: 6px; border: 4px solid #384e85; }
.wa-login-wrap .wa-login-tit strong {font-size: 21px; font-weight: 600; color: #384e85; letter-spacing: -2px; }

.wa-login-wrap .wa-login-box {margin: 0 0 50px 0; background: #f9fafc; border-radius: 10px; padding: 60px 355px; }
.wa-login-form input[type="text"], .wa-login-form input[type="password"] {height: 64px; line-height: 64px; padding: 0 20px; border-radius: 5px; border: 1px solid #ccc; background: #fff; }
.wa-login-form input[type="password"] {margin-top: 15px; }
.wa-login-form input::placeholder {font-size: 15px; color: rgba(0,0,0,0.4); letter-spacing: -1.5px; }

.wa-login-info {margin: 15px 0; display: flex; align-items: center; justify-content: space-between; }
.wa-login-info > ul {display: flex; }
.wa-login-info > ul li {position: relative; display: inline-block; margin-left: 9px; padding-left: 9px; }
.wa-login-info > ul li:first-child {margin-left: 0; padding-left: 0; }
.wa-login-info > ul li:after {content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -4px; background: rgba(0,0,0,0.2); }
.wa-login-info > ul li:first-child:after{display:none;}
.wa-login-info > ul li a {color: #333; }


.wa-btn-wrap {margin: 0 0 15px 0; }
.wa-btn {display: block; width: 100%; text-align: center; padding: 20px 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 500; }

.wa-login-btn {background: #384e85; margin: 0 0 15px 0; }
.wa-login-btn:hover {background: #516495; }

.wa-login-ceart {background:#009da4; }
.wa-login-ceart > img {vertical-align: middle; margin-right: 10px; }
.wa-login-ceart:hover {background:#00a9b0;}

.wa-login-text {text-align: center; font-size: 15px; }
.wa-login-text > span {color: #384e85; font-weight: 500; border-bottom: 1px solid #384e85; }

.tap-list {display: flex; align-items: center; justify-content: center; text-align: center; }
/*.tap-list li a {display: block; background: #f9fafc; padding: 60px; border-radius: 10px;}
.tap-list li a:hover {box-shadow:0 0 10px rgba(56, 78, 133, 0.8); }*/
.tap-list li {
    flex: 1;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #f9fafc;
    padding: 60px;
    border-radius: 10px;
}
.tap-list li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0px solid #384e85;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.tap-list li:hover {box-shadow:0 0 10px rgba(56, 78, 133, 0.8); }
.tap-list li:hover:before, .tap-list li:focus:before, .tap-list li:active:before {-webkit-transform: translateY(0); transform: translateY(0); border: 4px solid #384e85; }

.tap-list li + li {margin-left: 20px; }
.tap-list li > a > dl dd.tap-tit {color: #384e85; font-weight: 600; font-size: 28px; letter-spacing: -2px; margin-top: 15px; }
.tap-list li > a > dl dd.tap-txt {color: #757575; font-size: 16px; margin-top: 10px; }
.wa-box {margin: 40px 0; }

.wa-type1 {padding: 40px; text-align: center; border-radius: 10px 10px 0 0; margin-top: 15px; border: 1px solid #eee; }
.wa-type1 a {padding: 28px 16px; }

.wa-box-bottom {display: flex; }
.wa-type2 {flex: 1; padding: 40px 50px; border: 1px solid #eee; border-top: none; border-right: none; border-radius: 0 0 0px 10px; }
.wa-type3 {flex: 1; padding: 40px 50px; border: 1px solid #eee; border-top: none; border-radius: 0 0 10px 0px; }

.wa-info-type strong {color: #000; font-size: 17px; font-weight: 500; }
.wa-info-type ul {position: relative; margin: 15px 0 0 0; line-height: 25px; color: #4d4d4d; }
.wa-info-type ul > li:before {content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 2px; background: #4d4d4d; margin: 0 4px 0 0; }

.wa-login-install {display: inline-flex; align-items: flex-end; border-bottom: 1px solid #4d4d4d; margin-top: 20px; font-weight: 500; }
.wa-login-install > span {font-size: 17px; }


/*---- 회원가입 :: 변경 후 ----*/
.wa-join-wrap {width: 1280px; margin: 0 auto; padding: 5em 3em; }
.wa-join-list {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; text-align: center; }

.wa-join-list li {
    flex: 1;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #f9fafc;
    padding: 59px;
    border-radius: 10px;
}
.wa-join-list li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0px solid #384e85;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.wa-join-list li:hover {box-shadow:0 0 10px rgba(56, 78, 133, 0.8); }
.wa-join-list li:hover:before, .wa-join-list li:focus:before, .wa-join-list li:active:before {-webkit-transform: translateY(0); transform: translateY(0); border: 4px solid #384e85; }

.wa-join-list li + li {margin-left: 20px; }
.wa-join-list li > a > dl dd.tap-tit {color: #384e85; font-weight: 600; font-size: 28px; letter-spacing: -2px; margin-top: 15px; }
.wa-join-list li > a > dl dd.tap-txt {color: #757575; font-size: 16px; margin-top: 10px; }
.wa-join-list li > a > dl dd.tap-ar {display:inline-flex; font-size: 13px; background: #3a3a3a; color: #fff; padding: 6px 7px; border-radius: 5px; margin-top: 10px; }
.wa-join-list li > a > dl dd.tap-ar > span {font-size: 20px; margin-right: 5px; }


/*---- 심사신청하기 ----*/
.service_link a{display:inline-block;}


/*---- 마이페이지 :: 변경 전후 ----*/
.change-pop{padding:0;}
.change-pop .tit{padding:16px 20px; font-size:16px; font-weight:500; color:#fff; background:#384e85;}
.change-pop .contents{padding:30px 20px;}
.change-pop .sec .tbl-view:not(:last-child){margin-bottom:36px;}

.change-pop .layout-sep{display:flex; justify-content:space-between;}
.change-pop .layout-sep .sec{width:calc(100% / 2 - 15px);}
.change-pop .layout-sep .sec:not(:last-child){margin-right:30px;}

.change-pop .info__company{display:flex; justify-content:space-between; align-items:center;}
.change-pop .info__company-name{font-size:20px; font-weight:800; margin-bottom:30px;}
.change-pop .info__company-name span{display:inline-flex; align-items:center; font-size:inherit; font-weight:500;}
.change-pop .info__company-name span::before{content:""; width:1px; height:16px; background:#020713; margin:0 14px;}

.change-pop .change-tab{height:48px; line-height:48px; font-size:15px; font-weight:700; background:#e7e8e9; text-align:center; margin-bottom:24px;}

.change-pop .tbl-view th{background:#f5f5f5;}
.change-pop .tbl-view td{height:66px;}

.change-pop .tbl-tit{font-size:15px; font-weight:500; margin-bottom:10px; padding:0;}
.change-pop .tbl-tit__big{font-size:18px; font-weight:700; color:#094195; margin-bottom:10px;}

.change-pop .file-name {color:#212121; padding:3px 32px 3px 0; word-break:keep-all; background:url(/cloud_ver3/html_web/images/common/icn_txt_downLoad.png) no-repeat 100% 0;}
.change-pop .file-name:hover {color:#384e85; font-weight:500; background-image:url('/cloud_ver3/html_web/images/common/icn_txt_downLoad_hover.png');}

.change-pop .input-row{display:flex; align-items:center;}
.change-pop input:not(:last-child){margin-right:8px;}
.change-pop input[type="radio"],
.change-pop input[type="checkbox"]{width:17px; height:17px;}
.change-pop input + label{word-break:keep-all;}



/*    */
.change-pop .pop-box {margin: 0 0 30px 0; }
.change-pop .pop-box .pop-tit-big {margin: 0 0 15px 0; }
.change-pop .pop-box .pop-tit-big .num {display: inline-block; background: #384e85; color: #fff; font-size: 17px; font-weight: 700; padding: 2px 10px; border-radius: 5px; }
.change-pop .pop-box .pop-tit-big em {font-size: 17px; font-weight: 700; color: #000; }

.pop-box-list {border: 1px solid #e5e5e5; background: #fbfbfb; padding: 15px 20px; margin: 0 0 20px 0; border-radius: 5px; }
.pop-box-txt {font-size: 16px; letter-spacing: -0.08em; font-weight: 500; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e5e5e5; }
.pop-box-list ul {display: flex; flex-wrap: wrap; }
.pop-box-list ul li {position: relative; line-height: 1.8em; width: 50%; }
.pop-box-list ul li:before {content: ''; display: inline-block; width: 3px; height: 3px; background: #000; vertical-align: middle; margin-right: 5px; }


.dataFormTit {display: flex; align-items: center; justify-content: flex-end; padding: 0 0 1rem 0; }


/*------------------------------------------------- 통계차트 -------------------------*/
.chart{margin:38px 0 60px;}
.chart-select{position:absolute; top:21px; right:0; min-width:238px; color:#036DD8; font-size:16px; font-weight:700; padding:6px 40px 9px 50px; border-radius:8px; border:none; background:#E0EDFF no-repeat 50%; background-image:url(/cloud_ver2/new_cloud/images/chart_select_menu.svg), url(/cloud_ver2/new_cloud/images/chart_select_arr.svg); background-position-x:16px, calc(100% - 18px); cursor:pointer;}
.chart-select option{font-size:15px; font-weight:500;}
.chart-search__des{color:#8c8c99; margin-bottom:10px; text-align:right;}


/*---- 통계 :: 메인 ----*/
.chart-main{display:flex; flex-wrap:wrap;}
.chart-main li{width:calc(100% / 3 - 48px / 3); margin-right:16px; margin-bottom:16px;}
.chart-main li:nth-child(3n){margin-right:0;}
.chart-main li a{display:block; height:200px; font-size:16px; font-weight:500; color:#1B56CC; text-align:center; padding-top:131px; background-repeat:no-repeat; background-position:50%; background-size:cover; transition:.12s;}
.chart-main li a:hover{color:#fff; transition:.12s;}

.chart-main__01{background-image:url(/cloud_ver2/new_cloud/images/chart_main_01.svg);}
.chart-main__02{background-image:url(/cloud_ver2/new_cloud/images/chart_main_02.svg);}
/*.chart-main__03{background-image:url(/cloud_ver2/new_cloud/images/chart_main_03.svg);}*/
.chart-main__04{background-image:url(/cloud_ver2/new_cloud/images/chart_main_03.svg);}
.chart-main__05{background-image:url(/cloud_ver2/new_cloud/images/chart_main_04.svg);}
.chart-main__06{background-image:url(/cloud_ver2/new_cloud/images/chart_main_05.svg);}
.chart-main__07{background-image:url(/cloud_ver2/new_cloud/images/chart_main_06.svg);}
.chart-main__08{background-image:url(/cloud_ver2/new_cloud/images/chart_main_07.svg);}
.chart-main__09{background-image:url(/cloud_ver2/new_cloud/images/chart_main_08.svg);}
.chart-main__10{background-image:url(/cloud_ver2/new_cloud/images/chart_main_09.svg);}

.chart-main__01:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_01.svg);}
.chart-main__02:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_02.svg);}
/*.chart-main__03:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_03.svg);}*/
.chart-main__04:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_03.svg);}
.chart-main__05:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_04.svg);}
.chart-main__06:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_05.svg);}
.chart-main__07:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_06.svg);}
.chart-main__08:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_07.svg);}
.chart-main__09:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_08.svg);}
.chart-main__10:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_on_09.svg);}


/*-- 3x3 --*/
.chart-main--admin li{width:calc(100% / 3 - 32px / 3);}
.chart-main--admin li:nth-child(3n){margin-right:0;}
.chart-main--admin li:nth-child(4n){margin-right:16px;}
.chart-main--admin .chart-main__01{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_01.svg);}
.chart-main--admin .chart-main__02{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_02.svg);}
.chart-main--admin .chart-main__03{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_03.svg);}
.chart-main--admin .chart-main__04{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_04.svg);}
.chart-main--admin .chart-main__05{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_05.svg);}
.chart-main--admin .chart-main__06{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_06.svg);}
.chart-main--admin .chart-main__07{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_07.svg);}
.chart-main--admin .chart-main__08{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_08.svg);}
.chart-main--admin .chart-main__09{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_09.svg);}
.chart-main--admin .chart-main__01:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_01.svg);}
.chart-main--admin .chart-main__02:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_02.svg);}
.chart-main--admin .chart-main__03:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_03.svg);}
.chart-main--admin .chart-main__04:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_04.svg);}
.chart-main--admin .chart-main__05:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_05.svg);}
.chart-main--admin .chart-main__06:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_06.svg);}
.chart-main--admin .chart-main__07:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_07.svg);}
.chart-main--admin .chart-main__08:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_08.svg);}
.chart-main--admin .chart-main__09:hover{background-image:url(/cloud_ver2/new_cloud/images/chart_main_adm_on_09.svg);}


/*---- 통계 :: 검색영역_bak20241015 ----*/
/*.chart-search{padding:35px 46px; border-radius: 10px; background: #f6f6f6; margin-bottom:40px;}
.chart-search div,
.chart-search ul{display:flex; align-items:center;}
.chart-search ul{background:#fff;}
.chart-search ul,
.chart-search button,
.chart-search input{border-radius:6px;}

.chart-search h4{width:50px; font-weight:500; color:#25272B; letter-spacing:-0.5px; margin-right:16px;}
.chart-search h4 + ul,
.chart-search h4 + div{width:calc(100% - 50px - 16px);}

.chart-search > div:not(:last-child){margin-bottom:15px;}
.chart-search ul > li{width:calc(100% / 4);}
.chart-search ul > li > button{width:100%; font-size:15px;}
.chart-search ul > li > button.current{color:#fff;}

.chart-search__sort ul > li > button{height:45px; font-weight:500;}
.chart-search__sort ul > li > button.current{border-radius: 7px; background:#494949; }

.chart-search__date ul{width:calc(100% - 288px - 80px);}
.chart-search__date ul > li {width:calc(100% / 5);}
.chart-search__date ul > li > button {background: #0b4da2; border-radius: 6px; font-size:15px;}
.chart-search__date ul > li > button.current{background:#494949;}
.chart-search__date button {font-size:16px; height:42px;}

.chart-datepicker{margin:0 14px 0 16px;}
.chart-datepicker input{width:132px; border:none; color:#000; background:#fff url(/cloud_ver2/new_cloud/images/chart_cal.svg) no-repeat 50%; background-position-x:calc(100% - 9px); padding:0 46px 0 12px;}
.chart-datepicker input[disabled]{background-color:#e6e6e6;}
.chart-datepicker span{display:inline-block; width:24px; text-align:center;}

.chart-search__btn{width:80px; background: #0b4da2; color:#fff;}*/


/*---- 통계 :: 검색영역 ----*/
.chart-search{padding:35px 46px; border-radius: 10px; background: #f6f6f6; margin-bottom:40px;}
.chart-search > div {display:flex; align-items:center;}
.chart-search ul {background:#fff;}
.chart-search ul,
.chart-search button,
.chart-search input{border-radius:6px;}

.chart-search h4{width:50px; font-weight:500; color:#25272B; letter-spacing:-0.5px; margin-right:16px;}

.chart-search > div:not(:last-child) {margin-bottom:15px;}

.chart-search__sort ul {display: flex; width: calc(100% - 17px - 43px); }
.chart-search__sort ul > li {width: calc(100% / 4);  }

.chart-search ul > li > button {width:100%; font-size:15px; height:45px; font-weight:500; }
.chart-search ul > li > button.current {color:#fff; border-radius: 7px; background:#494949; }

.chart-search__date > div {display: flex; align-items: center; width: 100%; }

.chart-searchdate > ul {display: flex; width: calc(100% - 70px - 20px); }
.chart-searchdate > ul li {width: calc(100% / 4); }

.chart-datepicker{display: flex; align-items: center; margin:0 14px 0 0;}
.chart-datepicker input{width:140px; border:none; color:#000; background:#fff url(/cloud_ver2/new_cloud/images/chart_cal.svg) no-repeat 50%; background-position-x:calc(100% - 9px); padding:0 46px 0 12px;}
.chart-datepicker input[disabled]{background-color:#e6e6e6;}
.chart-datepicker span{display:inline-block; width:24px; text-align:center;}

.chart-search__btn {font-size:16px; height:42px; width:80px; background: #0b4da2; color:#fff;}


/*---- 통계 :: 컨텐츠 영역 ----*/
.chart-con-box {    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #434a58;
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.chart-contents > section{margin-bottom:80px;}
.chart-contents > section h3{display:flex; align-items:center; font-size:15px; font-weight:600; border-bottom:1px solid #000; padding-bottom:7px;}
.chart-contents > section h3::before{content:""; width:18px; height:18px; background:no-repeat 50%; margin-right:8px;}

.chart-graph{position:relative;}
.chart-graph h3::before{background-image:url(/cloud_ver2/new_cloud/images/chart_bullet_01.svg) !important;}
.chart-graph__sec{padding-top:20px;}
.chart-graph__type{position:absolute; z-index:9;}
.chart-graph__type ul{display:inline-flex;}
.chart-graph__type ul:first-child{margin-right:8px;}
.chart-graph__type ul:first-child button{background:#fff no-repeat 50%; }
.chart-graph__type ul button,
.chart-graph .apexcharts-menu-item{
    min-width:30px; height:30px; line-height:30px;
    background-color:#FFF; color:#263046; font-weight:500;
    border-radius:7px; padding:0 8px; margin:0 3px;
   /* box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .15);*/
    border: 1px solid #bbb;
}
.chart-graph__type ul button.on{background-color:#0b4da2; color:#fff; border: 1px solid #0b4da2; }


/*-- 차트 라이브러리 --*/
.chart-graph .apexcharts-canvas{padding-top:40px;}
.chart-graph .apexcharts-canvas > svg{min-height:445px;}
.chart-graph .apexcharts-toolbar{z-index:1;}
.chart-graph .apexcharts-menu-icon{display:none;}
.chart-graph .apexcharts-menu{opacity:1 !important; pointer-events:all !important; display:flex; min-width:auto; position:initial; padding:0; border:none; background:none;}
.chart-graph .apexcharts-menu div:first-child{display:none;}
.chart-graph .apexcharts-menu-item{background:#E8EAEF url(/cloud_ver2/new_cloud/images/chart_down.svg) no-repeat calc(100% - 8px) 50%; padding-right:27px;}
.chart-graph .apexcharts-menu-item:hover{background:#c6cbd9 url(/cloud_ver2/new_cloud/images/chart_down.svg) no-repeat calc(100% - 8px) 50% !important;}
.chart-graph .apexcharts-legend-marker{border-radius:4px !important;}
.apexcharts-yaxis-annotations{}

.chart-graph__area{position:relative;}
.chart-graph__pie{position:absolute; top:0; right:0;}
.chart-area{min-height:395px !important;}
.chart-center{display:flex; justify-content:center;}


.chart--line_bar{background-image:url(/cloud_ver2/new_cloud/images/chart_option_01.svg) !important;}/*선&막대*/
.chart--line{background-image:url(/cloud_ver2/new_cloud/images/chart_option_02.svg) !important}/*선*/
.chart--bar_horizontal{background-image:url(/cloud_ver2/new_cloud/images/chart_option_03.svg) !important;}/*막대(가로)*/
.chart--bar_vertical{background-image:url(/cloud_ver2/new_cloud/images/chart_option_04.svg) !important;}/*막대(세로)*/
.chart--circle{background-image:url(/cloud_ver2/new_cloud/images/chart_option_05.svg) !important;}/*원*/


.chart--line_bar.on{background-image:url(/cloud_ver2/new_cloud/images/chart_option_01_on.svg) !important;}/*선&막대*/
.chart--line.on{background-image:url(/cloud_ver2/new_cloud/images/chart_option_02_on.svg) !important}/*선*/
.chart--bar_horizontal.on{background-image:url(/cloud_ver2/new_cloud/images/chart_option_03_on.svg) !important;}/*막대(가로)*/
.chart--bar_vertical.on{background-image:url(/cloud_ver2/new_cloud/images/chart_option_04_on.svg) !important;}/*막대(세로)*/
.chart--circle.on{background-image:url(/cloud_ver2/new_cloud/images/chart_option_05_on.svg) !important;}/*원*/


.chart-table .tit{position:relative;}
.chart-table .tit > button{position:absolute; top:-4px; right:0; height:26px; font-size:12px; color:#0aa131; border:1px solid #0aa131; border-radius:6px;}
.chart-table h3::before{background-image:url(/cloud_ver2/new_cloud/images/chart_bullet_02.svg) !important;}

.chart-table .tbl-scroll{overflow-x:auto;}
.chart-table .tbl-scroll::-webkit-scrollbar{height:7px; background-color:#d1d8df !important;}
.chart-table .tbl-scroll::-webkit-scrollbar-thumb{background-color:#95acc7 !important;}
.chart-table .tbl-scroll .tbl-fixed{z-index:1;}

.chart-table table{table-layout:fixed;}
.chart-table table th{border-right:1px solid #e6ebef; border-bottom:1px solid #e6ebef;}
.chart-table table td{text-align:center; height:42px; padding:0 15px;}
.chart-table table td:last-child{border-right:none !important;}

.chart-table table thead th{background:#EEF0F2; height:36px; font-weight:500;}
.chart-table table thead tr:nth-child(2) th{background:#F5F6F7;}
.chart-table table thead tr th:last-child{border-right:none;}
.chart-table table tbody th{text-align:center; font-weight:500; background:#F5F6F7; padding:0 20px;}
.chart-table table tbody tr.chart__total > th,
.chart-table table tbody tr.chart__total > td {background: #eef0f2; font-weight: 600; border-right: 1px solid #d8dde3; }
.chart-table table tbody th.chart__no{text-align:center; font-weight:500; background:#F5F6F7; padding:0;}
.chart-table table tbody th.chart__num{text-align:center; font-weight:500; background:#F5F6F7; padding:0 20px;}
.chart-table table tbody td{border-right:1px solid #EBF0F5; border-bottom:1px solid #EBF0F5;}
.chart-table table tbody tr:last-child th,
.chart-table table tbody tr:last-child td{border-bottom:none;}
.chart-table table tfoot td{background:#E2E8EF; font-weight:600; border-right:1px solid #d8dde3; border-top:2px solid #d8dde3;}

.chart__num{text-align:right !important;}
.chart__left{text-align:left !important;}