.mobile *{box-sizing:border-box;}
.mobile{width:100%; max-width:1280px; margin:0 auto;}

.mobile input[type="checkbox"] + label,
.mobile input[type="radio"] + label{font-size:14px;}

.mobile input[type="checkbox"]:checked + label span,
.mobile input[type="radio"]:checked + label span,
.mobile input[type="checkbox"] + label span,
.mobile input[type="radio"] + label span{width:15px; }
.mobile .label-title{font-size:12px;}

.mobile input[type="radio"] + .rdo,
.mobile input[type="radio"]:checked + .rdo,
.mobile input[type="checkbox"] + .chk,
.mobile input[type="checkbox"]:checked + .chk{width:15px; height:15px; background-size:contain;}

.mobile select{font-size:14px!important;}
.mobile input{font-size:15px!important;}
.mobile .file_upload .upload_text{width:calc(100% - 150px);}

/** 헤더(S) **/
.mobile .menu-btn>ul>li a {
    font-size: 18px;
}

.mobile .header {
    width:100%;
    max-width:100%;
    min-width: unset;
    height: auto;
    left:50%;
    transform:translateX(-50%);
    /* border-bottom: 1px solid #dde4ea!important; */
}

.mobile .mobile-menu{
    max-width:450px;
}

.mobile-menu.active{
    left:50%;
    transform:translateX(-50%);
}

.mobile .header .hi-bottom {
    height: auto;
    padding-top: 20px;
}

.mobile .header .hi-bottom .main-logo {
    position: relative;
    display: block;
    text-align: center;
    left: unset;
    top: unset;
    transform: unset;
    margin: 0 auto;
}

.mobile .header .hi-bottom .hb-in {
    width: 100%;
}


.mobile .nav-wrap {
    padding: 0 10px;
}

.mobile .nav-wrap .nav a {
    font-size: 14px;
}

/** 헤더(E) **/


/** wrap **/
.mobile .main-contents {
    margin-top: 192px;
    padding: 0 10px;
}


/** 팝업 **/
.mobile .dim-layer {
    padding: 0 10px;
}


/** wrap **/
.mobile .main-contents {
    padding: 0 10px;
}

.mobile .sub-contents {
    /* margin-top:100px; */
    padding: 0 10px 30px 10px;
}

/** 헤더(S) **/
.mobile .header .hi-bottom {
    padding: 0;
    height: 80px;
}

.mobile .header .hi-bottom .hb-in {
    display: none;
}

.mobile .header .hi-top {
    display: none;
}

.mobile .header .hi-bottom .main-logo {
    width: 200px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    /* font-size:0; */
}

.mobile .header .hi-bottom .main-logo img {
    width: 100%;
}

.mobile .header .hi-bottom .btn-mobile-menu {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.mobile .banner {
    margin-top: 80px;
}

/** 헤더(E) **/

/** 타이틀(S) **/
.mobile .title-box {
    line-height: 28px;
}

/* .page-title{font-size:16px;} */
.mobile .banner .banner-title {
    font-size: 24px;
}

.mobile .member-title {
    font-size: 16px;
}

.mobile .member-title-02 {
    font-size: 16px;
}

.mobile .title-01 {
    font-size: 20px;
    font-weight: bold;
}

.mobile .title-02 {
    font-size: 16px;
    font-weight: bold;
}

.mobile .title-01-sub {
    font-size: 20px;
    color: #777777;
}




.mobile .title-03{font-size:15px; font-weight:bold; line-height:18px;}
.mobile .title-01-sub{font-size:14px;  color:#777777;  }
.mobile .text-single{font-size:14px; line-height:18px; text-align:justify;}
.mobile .text-single.special{padding-left:15px;}
.mobile .text-warning{font-size:13px; line-height:18px; text-align:justify;}
.mobile .text-warning.special{padding-left:10px;}

/** 타이틀(E) **/

/*** otp 본인인증(S) ***/
.mobile .message .form-box .ip-type-01{font-size:14px!important;}
.mobile .message .btn-type-01{padding:0 10px; width:150px;}
.mobile .otp-page .table-type-01 table tbody tr td p{line-height:22px;}
.mobile .box-style-01.otp{display:block; text-align:center; padding:20px 0;}
.mobile .box-style-01.otp .text-01{margin-right:0;}
.mobile .box-style-01.otp .radio-box{justify-content: center; margin-top:10px;}
/*** otp 본인인증(E) ***/


/** 검색창(S) **/
.mobile .search-box .column-wrap>.column .s-title-01 {
    font-size: 16px;
}

.mobile .form-box{width:calc(100% - 120px);}
.mobile .form-box .sel-type-01,
.mobile .form-box .ip-type-01,
.mobile .form-box .ta-type-01,
.mobile .form-box .date-box,
.mobile .form-text {
    font-size: 14px;
}

input[type="radio"]~.label-title {
    font-size: 14px;
}

.mobile .date-box input {
    font-size: 14px !important;
}

/** 검색창(E) **/


/** 텍스트(S) **/
.mobile .text-01 {
    font-size: 14px;
    line-height: 18px;
    position: relative;
}

.mobile .text-01.warn span {
    top: 0;
}

/** 텍스트(E) **/







.mobile .step-box .step::before {
    width: 15px;
    height: 15px;
    left: -15px;
}

/** 순서(E) **/

/** 상단네비(S) **/
.mobile .nav-box .nav-step::after {
    font-size: 14px;
}

.mobile .nav-box .nav-step a {
    font-size: 13px;
}

/** 상단네비(E) **/

/** 탭(S) **/
.mobile .tab-box .tab-btn-wrap .tab-button {
    font-size: 14px;
}

/** 탭(E) **/

/** 테이블 기본(S) **/
.mobile .table-type-01 {
    /*width: 100vw; margin-left: calc(-50vw + 50%);*/
    width: 100%;
}

.mobile .table-type-01 table thead tr th {
    font-size: 14px;
    line-height: 18px;
}

.mobile .table-type-01 table tbody tr th {
    font-size: 12px;
    line-height: 18px;
}

.mobile .table-type-01 table tbody tr td {
    padding: 5px 2px;
    font-size: 14px;
}

.mobile .table-type-01 table tbody tr td p {
    font-size: 14px !important;
}

.mobile .table-type-01 table tbody tr td a.text-01 {
    font-size: 14px !important;
}

.mobile .table-type-01 table tfoot tr td {
    padding: 5px 5px;
    font-size: 14px;
}

.mobile .table-type-01 table tfoot tr th {
    font-size: 14px;
    line-height: 18px;
}

.mobile .table-type-01 tr td .btn-type-02 {
    padding: 0 3px;
    width: 70px;
    margin: 2px 0;
    font-size:12px;
}

/** 테이블 기본(E) **/

.mobile .table-type-01.type-2 tr th {
    font-size: 14px;
}

.mobile .column-wrap.regist .column .table-type-01 td .map-box {
    height: auto !important;
}


/** 버튼(S) **/
.mobile .btn-type-01,
.mobile .btn-type-02,
.mobile .btn-type-03 {
    font-size: 0.875rem;
    min-height: 35px;
    height:auto;
    
    padding: 0 0.625rem;
}

.mobile .form-box .btn-type-01{height:40px; line-height:38px;}

.mobile .btn-search {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    max-width: 100%;
    width:100%;
    margin-top:10px;
}

.mobile .btn-search::before {
    /* left: 25px; */
    left:calc(50% - 30px);

}

.mobile .btn-search2 {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    max-width: 100%;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    background: #003984!important;
    color: #ffffff!important;
    border: 1px solid #003984!important;
    position:relative;
}

.mobile .btn-search2::before {
    /* left: 25px; */
    content:'';
    display:inline-block;
    /* left:calc(50% - 30px); */
    /* top:50%; */
    /* transform:translateY(-50%); */
    width:21px;
    height:21px;
    background:url(../img/icon-btn-search.png) center no-repeat;
    margin-right:5px;

}

.mobile .btn-excel,
.mobile .btn-list {
    width: auto;
    padding: 0 15px 0 40px;
}

.mobile .btn-list::before {
    width: 18px;
    height: 10px;
    left: 15px;
}

.mobile .btn-type-01.col-search {
    height: 40px;
    line-height: 40px;
}

/** 버튼(E) **/

/** 페이지(S) **/
.mobile .paging-box .btn-page {
    font-size: 14px;
}

/** 페이지(E) **/

/** 푸터(S) **/
.mobile .footer .f_in {
    display: block;
    text-align: center;
    padding: 10px 20px;
}

.mobile .footer .f_in .f_logo {
    margin-bottom: 20px !important;
    width: 150px;
    display: inline-block;
}

.mobile .footer .f_in .f_info {
    margin-left: unset;
}

.mobile .footer .f_in .f_info>ul>li {
    font-size: 13px;
}

.mobile .footer .f_in .f_info>ul.f_menu {
    display: inline-block;
    margin-bottom: 10px
}

.mobile .footer .f_in .f_info>ul.f_menu li {
    display: inline-block;
    margin-right: unset;
    margin: 0 10px;
}

.mobile .footer .f_in .f_info>ul.f_menu>li a {
    font-size: 13px;
}

.mobile .footer .f_in .f_info>ul.f_address {
    display: block;
}

.mobile .footer .f_in .f_info>ul.f_address li {
    margin-right: unset;
}

.mobile .footer .f_in .f_info>ul.f_copy {
    display: block;
}

.mobile .footer .f_in .sns-box {
    position: relative;
    top: unset;
    right: unset;
}

.mobile .footer .f_in .sns-box .sns {
    width: 20px;
    font-size: 0;
}

.mobile .footer .f_in .sns-box .sns img {
    width: 100%;
}

/** 푸터(E) **/

/** 팝업(S) **/
.mobile .popup {
    width: calc(100% - 20px);
    position: relative;
}

.mobile .popup.type-2 .text-01 {
    font-size: 14px;
    line-height: 18px;
}

.mobile .pop_header .p_tit {
    font-size: 16px;
}

.mobile .pop_header .p_close {
    width: 15px;
    height: 15px;
}

/** 탭(S) **/
.mobile .tab-btn-wrap .tab-button {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

/** 탭(E) **/



/** 인증문자 **/
.mobile .message .form-box .ip-type-01 {
    font-size: 12px !important;
}

.mobile .message .btn-type-01 {
    padding: 0 10px;
}

.mobile .popup.type-2 .text-box {
    margin-top: 10px;
}

.mobile .data-list .list-info {
    width: calc(100% - 130px);
}

.mobile .data-list .btn-control .btn-type-02 {
    width: auto !important;
    font-size: 12px;
}



/** 출하카드(QR코드) 생성 **/
.mobile .column-wrap.col7_3.split-qr {
    height: auto !important;
}

.mobile .column-wrap.col7_3.split-qr>.column.cola {
    width: 100%;
}

.mobile .column-wrap.col7_3.split-qr>.column.colb {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
}

.mobile .qr-list>.title-box .fr .title-text {
    font-size: 12px;
}

.mobile .qr-item.column-wrap.col3_7 .column.colb p {
    margin-bottom: 5px;
    line-height: 16px;
}

.mobile .qr-item.column-wrap.col3_7 .column.cola,
.mobile .qr-item.column-wrap.col3_7 .column.colb {
    float: left;
    width: auto !important;
}


/** 공지사항 **/
.mobile .notice-info .n-head {
    height: 60px;
}

.mobile .notice-info .n-head .title-n-01 {
    font-size: 16px;
}

.mobile .notice-info .n-head .title-n-01 .info-kind {
    font-size: 18px;
}

.mobile .notice-info .n-file .file-name {
    font-size: 14px;
}

.mobile .next-prev li .text-info.next,
.mobile .next-prev li .text-info.prev {
    font-size: 14px;
}

.mobile .next-prev li .text-info {
    font-size: 14px;
}

.mobile .next-prev li .text-info .info-kind {
    font-size: 14px;
}

/** web, mobile **/
.mobile .web-only {
    display: none !important;
}

.mobile .mo-only {
    display: block !important;
}

.mobile .column-wrap .cola,
.mobile .column-wrap .colb {
    float: unset;
    width: 100% !important;
    padding-right: 0;
}

.mobile .column-wrap .column {
    width: 100% !important;
}

.mobile .search-box .column-wrap>.column:nth-child(odd):last-child {
    border-right: 0;
}

.mobile .search-box .column-wrap .column.bdbn {
    border-bottom: 1px solid #A0B3CC !important;
}

.mobile .search-box .column-wrap .column.bdrg {
    border-right: none !important;
    border-bottom: none !important;
}


/** 전자송품장 등록(S) **/
.mobile .mobile-page {
    display: none;
}

.mobile .mobile-page.on {
    display: block;
}

.mobile .mobile-page .btn-box {
    display: block;
}


/**** 웹 ****/
.mobile .column-wrap.web.col5_5 .cola,
.mobile .column-wrap.web.col5_5 .colb {
    width: 100%;
}

.mobile .column-wrap.web.col5_5 .colb {
    margin-left: 0px;
    margin-top: 20px;
}


/**** 로그인 ****/
.mobile .intro{
    padding:20px 0 20px 0!important;
}

.mobile .intro .int-tit {
    font-size: 20px;
}
.mobile .intro .member-info{
    margin-top:0;
}

.mobile .intro .member-info .box-style-02.log{width: 100%;}
.mobile .intro .member-info .box-style-02.log:last-child{margin-left:0;}

.mobile .intro .member-info .m-blank .m-title {
    width:100px; font-size: 16px;
}

.mobile .intro .member-info .m-blank .form-box {
    width:calc(100% - 110px);
}

.mobile .intro .member-info .m-blank .form-box .ip-comment{
    left:110px;
}

.mobile .intro .member-info .m-blank .form-box input {
    font-size: 16px !important;
}

.mobile .intro .btn-box .btn-log {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.mobile .title-s-01 {
    font-size: 18px;
}


/** 타이틀(S) **/
.mobile .log-title {
    font-size: 16px;
}

.mobile .page-title {
    font-size: 16px;
}

/** 타이틀(E) **/

.mobile .search-title {
    font-size: 14px;
    font-weight: 900;
    height: 40px;
    position:relative;
}

.mobile .search-title .btn-form-plus,
.mobile .search-title .btn-form-delete{
    position:absolute;
    right:0;
    top:-1px;
}



.mobile .search-box .column-wrap>.column {
    height: 50px;
    line-height: 18px;
}

.mobile .search-box .column-wrap>.column .s-title-01 {
    width: 100px;
    padding: 0 5px;
    text-align: center;
    height: 100%;
}


/* .mobile .search-tab .search-box {width: calc(100% - 115px); float: left; margin-right: 10px; border-top: 1px solid #c9c9c9;} */
/* .mobile .search-tab .btn-search-tab{display:flex!important; height:100%; display:flex!important; align-items:center; justify-content: center; width:105px; height:152px;     background: #003984; color: #ffffff!important; border: 1px solid #003984!important; font-size:16px; font-weight:Bold;} */
/* .mobile .search-tab .btn-search-tab::before{content:''; background:url(../img/icon-btn-search.png) center no-repeat; width:21px; height:21px; margin-right:5px;} */


.mobile .form-box {
    padding: 5px 5px;
    width:100%;
}

.mobile .form-box.type-2{
    height:60px;
    padding:0;
    margin-bottom:10px;
}

.mobile .form-box.type-2 .sel-type-01,
.mobile .form-box.type-2 .ip-type-01,
.mobile .form-box.type-2 .date-box,
.mobile .form-box.type-2 .btn-type-mobile-01{
    height:60px!important;
    border-radius:5px;
    font-size:16px;
}

.mobile .form-box.type-2 .btn-type-mobile-01{
    min-width:unset;
    word-break:keep-all;
    width:auto!important;
    line-height:58px;
}

.mobile .form-box .sel-type-01,
.mobile .form-box .ip-type-01,
.mobile .form-box .date-box,
.mobile .form-text {
    font-size: 14px !important;
}

.mobile .form-box .date-box{
    width: calc(50% - 10px);
}

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

.mobile input[type="radio"]~.label-title,
.mobile input[type="checkbox"]~.label-title {
    font-size: 14px;
}

/** 검색창(E) **/


/** 버튼(S) **/
.mobile .btn-box.type-2 {
    display: block;
    align-items: baseline;
}

.mobile .btn-box.type-2 .fl {
    float: unset;
    display: block;
}

.mobile .btn-box.type-2 .fr {
    float: right;
    margin-top: 5px;
}

.mobile .table-type-01 tr td .btn-type-02 {
    /* width: auto !important; */
}

.mobile .btn-type-01,
.mobile .btn-type-02,
.mobile .btn-type-03 {
    min-width: unset;
}

.mobile .btn-down {
    width: 17px;
    height: 22px;
}

/** 버튼(E) **/

/** 네비게이션(S) **/
.mobile .nav-wrap .nav .nav-step a {
    font-size: 14px;
}

/** 네비게이션(E) **/

/** 공지사항 테이블(S) **/
.mobile .notice-table table tbody tr td a {
    font-size: 14px !important;
}

/** 공지사항 테이블(E) **/

/** 팝업 **/
.mobile .search-pop .search-box {
    width: 100%;
    margin-right: 0;
    float: unset;
}

/* .search-pop .search-box .column-wrap > .column{border-bottom:0!important;} */
/* .search-pop .search-box .column-wrap > .column .s-title-01{height:auto;} */
.mobile .search-pop .btn-search-pop {
    height: 40px !important;
    float: right;
    margin-top: 20px;
    font-size: 14px;
}

/** 탭 **/
.mobile .tab-btn-wrap {
    display: flex;
}

.mobile .tab-btn-wrap .tab-button {
    width: 100%;
    padding: 0 5px;
}


/** 출하카드 (QR코드) 생성 **/
.mobile .qr-item.column-wrap.col3_7 .column.cola {
    width: 100px !important;
}

.mobile .qr-item.column-wrap.col3_7 .column.colb {
    width: calc(100% - 110px) !important;
    margin-left: 10px;
}

.mobile .qr-item.column-wrap.col3_7 .column.colb .text-num {
    font-size: 12px;
}

.mobile .qr-item.column-wrap.col3_7 .column.colb .text-name {
    font-size: 12px;
}

.mobile .qr-item.column-wrap.col3_7 .column.colb .text-item {
    font-size: 14px;
}


/** 공지사항(S) **/
.mobile .search-box.notice .column-wrap {
    padding: 20px 10px;
}

.mobile .wrap {
    max-width: 100%;
}

.mobile .popup {
    max-width: 450px;
    height: 100%;
    max-height: 550px;
    position:relative;
}

.mobile .popup .pop_header{
    /* position:absolute;  */
    /* top:0; */
    /* left:0; */
    /* z-index:9999999999; */
}

.mobile .popup .pop-cont{
    height:100%;
    /* padding-top:80px; */
}

.mobile .search-pop .btn-search-pop {
    width: 100% !important;
    float: unset;
}


/** 시작 **/
/* .mobile .header{border-bottom:0;} */
.mobile .header .m-page-title{font-size:18px; font-weight:bold; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.mobile .sub-contents .sub-in{padding: 0; height:auto;}
.mobile .intro{padding:100px 0 20px 0;}
.mobile .start-page{width:100%; overflow:hidden;}
.mobile .mobile-banner{width:100%; height:130px; background:#F8F8F8; display:flex; align-items:center; padding: 0 20px;}
.mobile .mobile-banner .mobile-banner-title{font-size:16px; color:#333333; line-height:24px;}
.mobile .mobile-banner .mobile-banner-title .font-big{font-weight:bold; font-size:18px;}
.mobile .section{padding:15px 15px; }
.mobile .section ul li{border:1px solid #DFDFDF; border-radius:10px; margin-bottom:10px; padding:0 20px;}
.mobile .section ul li:last-child{margin-bottom:0;}
.mobile .section .part ul li.part-click{cursor: pointer;}
.mobile .section .part ul li.part-click .section-title{font-size:16px; color:#333333; line-height:24px; margin:0 auto; text-align:center;  padding:20px 0; }
.mobile .section .part ul li.part-click .part-check{display:flex; align-items:center; justify-content: space-between; padding:30px 0; padding-left:60px; position:relative;}
.mobile .section .part ul li.part-click .part-check::before{content:'';  position:absolute; left:0;  width:50px; height:42px; vertical-align:middle;}
.mobile .section .part ul li.part-click .part-check.pi1::before{background:url(../img/ico-part-01.png) center no-repeat;}
.mobile .section .part ul li.part-click .part-check.pi2::before{background:url(../img/ico-part-02.png) center no-repeat;}
.mobile .section .part ul li.part-click .part-check.pi3::before{background:url(../img/ico-part-03.png) center no-repeat;}
.mobile .section .part ul li.part-click .part-check.pi4::before{background:url(../img/ico-part-04.png) center no-repeat;}
.mobile .section .part ul li.part-click .part-check input[type="checkbox"] + .chk{width:25px; height:25px; margin-right:0;}
.mobile .section .part ul li.part-click .part-check .part-title{padding-right:20px; color:#707070;}
.mobile .section .part ul li.part-click .part-check .part-title h4{font-size:18px; line-height:20px; font-weight:bold; }
.mobile .section .part ul li.part-click .part-check .part-title p{font-size:14px;  line-height:18px; margin-top:5px;}
.mobile .section .part ul li.part-click:hover,
.mobile .section .part ul li.part-click.on{border:1px solid #005FC7; background:#F2F8FF; }
.mobile .section .part ul li.part-click:hover .part-check .part-title,
.mobile .section .part ul li.part-click.on .part-check .part-title{color:#000000; font-weight:bold;}
.mobile .section .part ul li.part-click:hover .part-check.pi1::before,
.mobile .section .part ul li.part-click.on .part-check.pi1::before{background:url(../img/ico-part-01-on.png) center no-repeat;}
.mobile .section .part ul li.part-click:hover .part-check.pi2::before,
.mobile .section .part ul li.part-click.on .part-check.pi2::before{background:url(../img/ico-part-02-on.png) center no-repeat;}
.mobile .section .part ul li.part-click:hover .part-check.pi3::before,
.mobile .section .part ul li.part-click.on .part-check.pi3::before{background:url(../img/ico-part-03-on.png) center no-repeat;}
.mobile .section .part ul li.part-click:hover .part-check.pi4::before,
.mobile .section .part ul li.part-click.on .part-check.pi4::before{background:url(../img/ico-part-04-on.png) center no-repeat;}
.mobile .btn-type-mobile-01{    height: 40px; padding: 0 10px; color: #ffffff; font-size: 14px; background: #425059; display: inline-block; line-height: 38px; border-radius: 3px; min-width: 90px; text-align: center;}

.mobile .m-title-01{font-size:18px; font-weight:bold; }
.mobile .m-title-01.ico::after{content:'';  width:30px; height:30px; vertical-align:middle; display:inline-block; }
.mobile .m-title-01.ico.shield::after{background:url(../img/ico-shield.png) center no-repeat; }
.mobile .m-title-01.ico.key::after{background:url(../img/ico-key.png) center no-repeat; }
.mobile .m-sub-title-01{font-size:14px;}

.btn-more{font-size:14px; color:#000000; }
.btn-more::after{content:''; display:inline-block; background:url(../img/btn-more.png) center no-repeat; width:10px; height:6px; vertical-align:middle; margin-left:5px;}
.btn-top{display:inline-block; background:url(../img/btn-top.png) center no-repeat; width:30px; height:30px; position:fixed; bottom:10px; right:10px; }
.btn-cancel{display:inline-block!important; background:url(../img/btn-cancel.png) center no-repeat; width:15px; height:15px;  }

/** 전자송품장 메인 **/
.intro .btn-market{margin-bottom:15px;}
.intro .btn-mobile-long{margin-bottom:15px;}
.intro .btn-mobile-long.icon{}
.intro .btn-mobile-long.icon::before{content:''; display:inline-block; background-size:auto;   margin-right:10px; width:2.823rem!important;}
.intro .btn-mobile-long.icon.truck::before{background:url(../img/icon-truck.png) center no-repeat; background-size:auto; width:45px; height:30px;}
.intro .btn-mobile-long.icon.modi::before{background:url(../img/icon-modi.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.purchase::before{background:url(../img/icon-purchase.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.stuffsearch::before{background:url(../img/icon-stuffsearch.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.delivery::before{background:url(../img/icon-delivery.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.incar::before{background:url(../img/icon-incar.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.instuff::before{background:url(../img/icon-instuff.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.scan::before{background:url(../img/icon-scan.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.chartsearch::before{background:url(../img/icon-chartsearch.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.share::before{background:url(../img/icon-share.png) center no-repeat; background-size:auto; width:40px; height:40px;}
.intro .btn-mobile-long.icon.manage::before{background:url(../img/icon-manage.png) center no-repeat; background-size:auto; width:40px; height:40px;}

.intro .btn-mobile-long:last-child{margin-bottom:0px;}
.btn-market{width:100%; border-radius:3px; background:#E1EFFF; border:1px solid #345B85; display:flex; align-items: center; justify-content: center; height:60px;}
.btn-market p{ margin-left:5px; color:#000000; font-size:18px; font-weight:bold;}
.btn-mobile-long{display:inline-block; width:100%; border-radius:3px; background:#ffffff; border:1px solid #345B85; display:flex; align-items: center; justify-content: center; height:auto; padding:0.625rem 0.625rem 0.625rem 0.625rem;  color:#000000; font-size:1.125rem; font-weight:bold;}
.btn-mobile-long.on{border:2px solid #006DE2; background:#E2F1FF;}

.scroll-type{border:1px solid #c9c9c9; max-height:323px;}
.scroll-type .table-type-01 table{border-bottom:0;}
.scroll-type .table-type-01 table tr:last-child{border-bottom:0;}
.scroll-type .table-type-01 table tr:last-child td{border-bottom:0;}
.scroll-type .table-type-01 table thead tr th{border-top:0;}
.scroll-type .table-type-01 table thead tr th:first-child{border-left:0;}
.scroll-type .table-type-01 table thead tr th:last-child{border-right:0;}
.scroll-type .table-type-01 table tr:last-child td:first-child{border-left:0;}
.scroll-type .table-type-01 table tr:last-child td:last-child{border-right:0;}
.scroll-type .table-type-01 table tbody tr td:first-child{border-left:0;}
.scroll-type .table-type-01 table tbody tr td:last-child{border-right:0;}



/** 타이틀(S) **/
.title-box{line-height:28px;}
/* .page-title{font-size:20px;} */
.banner .banner-title{font-size:24px;}
.member-title{font-size:20px;}
.member-title-02{font-size:20px;}
.title-01{font-size:20px; font-weight:bold;}
.title-02{font-size:16px; font-weight:bold;}
.title-01-sub{font-size:14px;  color:#777777;  }
/** 타이틀(E) **/

/** 검색창(S) **/
.mobile .search-box .column-wrap > .column .s-title-01{font-size:16px; }
.mobile .form-box .sel-type-01,
.mobile .form-box .ip-type-01,
.mobile .form-box .ta-type-01,
.mobile .form-box .date-box,
.mobile .form-text{font-size:14px;}
.mobile input[type="radio"] ~ .label-title{font-size:14px;}
.mobile .date-box{position:relative;}
.mobile .date-box input{font-size:14px!important;}

/** 검색창(E) **/


/** 텍스트(S) **/
.mobile .text-01{font-size:14px; line-height:18px; position:relative;}
.mobile .text-01.warn span{top:0;}
/** 텍스트(E) **/

/** 순서(S) **/
.step-box .step{font-size:14px; height:45px;}
.step-box .step::before{width:15px; height:15px; left:-15px;}
/** 순서(E) **/

/** 상단네비(S) **/
.nav-box .nav-step::after{font-size:14px;}
.nav-box .nav-step a{font-size:13px;}
/** 상단네비(E) **/

/** 탭(S) **/
.tab-box .tab-btn-wrap .tab-button{font-size:14px;}
/** 탭(E) **/

/** 테이블 기본(S) **/
.table-type-01 {/*width: 100vw; margin-left: calc(-50vw + 50%);*/ width:100%;}
.table-type-01 table thead tr th{font-size:14px; line-height:18px;}
.table-type-01 table tbody tr th{font-size:14px; line-height:18px;}
.table-type-01 table tbody tr td{padding:5px 5px; font-size:14px;}
.table-type-01 table tbody tr td p{font-size:14px!important; line-height:18px;}
.table-type-01 table tbody tr td a.text-01{font-size:14px!important;}
.table-type-01 table tfoot tr td{padding:5px 5px; font-size:14px;}
.table-type-01 table tfoot tr th{font-size:14px; line-height:18px;}
.table-type-01 tr td .btn-type-02{padding: 0 5px; width:70px; margin: 2px 0;}
/** 테이블 기본(E) **/

.table-type-01.type-2 tr th{font-size:14px;}
.column-wrap.regist .column .table-type-01 td .map-box{height:auto!important;}


/** 버튼(S) **/
.btn-type-01,
.btn-type-02,
.btn-type-03{font-size:14px; height:30px; line-height:28px; padding:0 12px;}
.btn-search{font-size:14px; line-height:40px; height:40px; max-width:100px; }
.btn-search::before{left:25px;}
.btn-excel,
.btn-list{width:auto; padding:0 15px 0 40px;}
.btn-list::before{width:18px; height:10px; left:15px;}
.btn-type-01.col-search{height:40px; line-height:40px;}
/** 버튼(E) **/

/** 페이지(S) **/
.paging-box .btn-page{font-size:14px;}
/** 페이지(E) **/






/****** tablet *******/
.tablet .intro{padding:0px 0px;}


/*** 맵 ***/
div.page {
    /* border:2px solid red;  */
    max-width: 100vw;
    /* text-align: left; */
}

.pinch-zoom-parent {
    position:relative;
    /* height: 80vh; */
    /* width: 90vw; */

    width:100%;
    height:230px;
}

.pinch-zoom-parent img {
    height: 100vh;
}

.pinch-zoom-parent .title-place{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999; color:#ffffff; width:50px; height:30px; text-align:center; background:#000000; font-size:16px;  line-height:30px;}

/* div.pinch-zoom div.description h1 { */
/* font-size: 40px; */
/* margin: 0px; */
/* margin-bottom: 10px; */
/* } */
/*  */
/* div.pinch-zoom div.description p { */
/* margin-bottom: 1em; */
/* } */
/*  */
/* ul { */
/* margin: 0; */
/* padding: 0; */
/* } */