/** OTP본인인증 **/

.btn-type-01.btn-open{  border: 1px solid #438bca; background:#438bca; display:inline-block; border-radius:3px; min-width:90px; text-align:center;}
.btn-type-01.btn-open::before{content:'펼쳐보기'; color:#ffffff;}
.btn-type-01.close{    background: #FF6464; border: 1px solid #FF6464; color:#ffffff;}
.btn-type-01.close::before{content:'닫기';}
.accordion-cont{display:none; padding:10px; border:1px solid #c9c9c9;}
.accordion-cont.on{display:block;}


.part-01{width:100%; overflow:hidden; }
.part-02{width:100%; overflow:hidden; margin-top:50px;}

.otp-page{width:100%;}
.otp-page .title-box{display:flex; align-items: center; justify-content: space-between;}
.otp-page .title-01{margin-bottom:30px;}
/* .otp-page .title-box{margin-bottom:20px;} */
/* .otp-page .title-03{margin-bottom:10px;} */
.otp-page .text-single{margin-top:20px;}

.otp-page .table-type-01 table tbody tr td p.force{font-weight:bold; padding-bottom:2px; text-decoration: underline; text-underline-position : under; color:#3597ff; }
.message{display:flex; align-items:center; justify-content: space-between; width:100%; max-width:600px; margin:0 auto;}
.message .form-box{width:100%;}
.message .ip-type-01{width:100%;}
.message .btn-type-01{width:200px;}
.box-style-01.otp{display:flex; align-items: center; justify-content: center;}
.box-style-01.otp .text-01{margin-right:20px; }





/* .message > .form-box .ip-type-01{width:calc(100% - 173px);} */
/* .message > .form-box > .btn-popup{max-width:150px!important;} */
.confirm{max-width:600px; width:100%; text-align:center; justify-content: center;}
.form-box.confirm .ip-type-01{width:calc(100% - 180px); }

/** 전자송품장 등록 **/
.item-list{width:100%; overflow:hidden; }
.item-list ul{border:1px solid #c9c9c9; }
.item-list ul li{padding:10px; display:flex; align-items:center; justify-content: space-between; }
.item-list ul li .text-01{width:calc(100% - 75px);}

.item-list{}
.item-list .accordion.about-item{ box-sizing:border-box; border:1px solid #c9c9c9;}
/* .item-list .accordion.about-item:first-child{border-top:1px solid #c9c9c9;} */
.data-list{width:100%; overflow:hidden; display:flex; align-items:center; justify-content: space-between; padding:15px 15px 15px 15px; background:#e7eff8; }
.data-list .list-info{width:calc(100% - 150px);}
.data-list .btn-control{display:flex;}
.data-list .btn-type-02{margin:0; margin-left:5px;}
.btn-type-02.btn-acc{ position:relative; font-size:14px;  color:#ffffff; background:#438bca;}
.btn-type-02.btn-acc::before{content:'펼쳐보기';  }
.btn-type-02.btn-acc.on{background:#ffffff; border:1px solid #438bca; color:#438bca;}
.btn-type-02.btn-acc.on::before{content:'접기';}

.acc-box{padding:15px 15px 15px 15px; display:block; position:relative; display:none; }
.acc-box.on{display:block; }
.summary-box{box-sizing:border-box;}
.q-tit{color:#455c87; font-weight:bold; font-size:12px; }
.q-tit::before{content:'Q'; color:#455c87; padding-right:4px;}
.a-tit{color:#438bca; font-weight:bold; font-size:12px; }
.a-tit::before{content:'A'; color:#438bca; padding-right:4px;}
.detail-box{ box-sizing:border-box;}
.txt_question{position:relative; font-size:12px; color:#777777; line-height:18px; text-align:justify;}
.txt_question::before{display:inline-block; content:''; background:url("../images/ico_a.png") center no-repeat; width:8.5px; height:9px; background-size:cover; position:absolute; top:5px; left:15px; }
.txt-08{position:relative; font-size:12px; color:#000000; line-height:18px; text-align:justify;}
.btn-del{display:inline-block; position:absolute; width:100%; height:35px; left:0; bottom:0; background:#eeeeee; text-align:center; line-height:35px; font-size:12px; font-weight:bold; color:#777777;}
.btn-del::before{display:inline-block; content:''; background:url(../images/ico_delete.png) center no-repeat; background-size:cover; width:10px; height:13px; vertical-align:-6%; margin-right:5px;}

/** 전자송품장상세보기 **/
/* #popupPrintMobile{border:2px solid red;} */
#popupPrintMobile .popup{min-width:auto; width:100%; max-width:250px; text-align:center;}
#popupPrintMobile .popup .qr-img{width:100%; font-size:0; text-align:center;}
#popupPrintMobile .popup .qr-img img{width:100%;}

/** 출하카드(QR코드) 생성 **/
.column-wrap.split-qr{border:0; padding:0;}
.column-wrap.split-qr > .column{padding:0; }
.column-wrap.col7_3.split-qr > .column.cola{width:calc(100% - 420px);}
.column-wrap.col7_3.split-qr > .column.colb{width:400px; margin-left:20px; height:100%;}
.qr-list{width:100%; height:calc(100%  - 45px);  border:1px solid #C9C9C9;  box-shadow: #d5d5d5 5px 5px 8px; border-radius:10px; overflow:hidden;}
.qr-list > .title-box{border-bottom:1px solid #C9C9C9; padding:10px; display:flex; align-items:center; justify-content:space-between; margin-bottom:0; background:#E4F0FF;}
.qr-list > .title-box .fr{display:flex; align-items:center; justify-content:space-between;}
.qr-list > .title-box .fr .title-text{font-size:16px; font-weight:bold;}
.qr-list > .title-box .fr .btn-type-03{margin-left:5px;}
.qr-list .qr-content{padding:10px; height:calc(100% - 56px); overflow:auto; }
.qr-list .qr-content > .text-box{text-align:center; padding:10px;}
.qr-item{margin-bottom:20px;}
.qr-item:last-child{margin-bottom:0;}
.qr-item.column-wrap{border:1px solid #8F8F8F; padding:10px;}
.qr-item.column-wrap.col3_7 .column.cola{width:calc(30% - 5px); padding:0; display:flex; align-items:center; height:101px;}
.qr-item.column-wrap.col3_7 .column.cola .qr-img{display:inline-block; border:1px solid #C9C9C9; overflow:hidden; font-size:0;}
.qr-item.column-wrap.col3_7 .column.cola .qr-img img{width:100%;}
.qr-item.column-wrap.col3_7 .column.colb{width:calc(70% - 5px); margin-left:10px;  padding:0; display:flex; align-items: center; height:101px;}
.qr-item.column-wrap.col3_7 .column.colb p{margin-bottom:10px; line-height:18px;}
.qr-item.column-wrap.col3_7 .column.colb p:last-child{margin-bottom:0;}
.qr-item.column-wrap.col3_7 .column.colb .text-num{font-size:16px;}
.qr-item.column-wrap.col3_7 .column.colb .text-name{font-size:17px;}
.qr-item.column-wrap.col3_7 .column.colb .text-item{font-size:17px; font-weight:bold; color:#005FC7;}



/**** 웹 ****/
.column-wrap.web{border:0; padding:0;}
.column-wrap.web.col5_5 .cola,
.column-wrap.web.col5_5 .colb{padding:0; width:calc(50% - 10px);}
.column-wrap.web.col5_5 .colb{margin-left:20px;}

.table-box,
.graph-box,
.map-box{border:1px solid #c9c9c9; box-shadow: #d5d5d5 5px 5px 8px; padding:10px; text-align:center; box-sizing:border-box; border-radius:5px;}
.graph-box img,
.map-box img{width:100%;}
/*.graph-box{padding:10px 0;}*/
.graph-box{padding:20px 20px 0 20px; }


/**** 로그인 ****/
.intro{max-width:900px; width:calc(100% - 20px); margin:0 auto;  box-sizing:border-box; border-radius:5px; height:auto; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
/* .intro{max-width:900px; width:calc(100% - 20px); margin:0 auto;  box-sizing:border-box; border-radius:5px; height:auto; overflow:hidden; min-height:800px;} */
.intro .int-tit{text-align:left; font-size:28px; font-weight:900; line-height:28px; color:#101010; text-align:center; padding-bottom:20px; }
.intro.log .title-01{font-size:22px; font-weight:bold; }
.intro.log .title-01.ico::after{content:'';  width:30px; height:30px; vertical-align:middle; display:inline-block; }
.intro.log .title-01.ico.shield::after{background:url(/img/web/ico-shield.png) center no-repeat; }
.intro.log .title-01.ico.key::after{background:url(/img/web/ico-key.png) center no-repeat; }
.intro.log .sub-title-01{font-size:16px; margin-bottom:10px;}
/* .intro .member-info{ margin-top:50px; } */
.intro .member-info .box-style-02.log{width:calc(50% - 5px); float:left; height:auto;}
.intro .member-info .box-style-02.log .icon-box{ width:100%; height:58px; display:flex; align-items:center; justify-content: center;}
.intro .member-info .box-style-02.log .icon-box .icon{margin:0 5px;}
.intro .member-info .box-style-02.log:last-child{margin-top:0; margin-left:10px;}
.intro .member-info .m-blank{position:relative; display:flex; align-items:center; justify-content: space-between; margin-bottom:30px;}
.intro .member-info .m-blank .m-title{font-size:20px; font-weight:bold; width:100px; display:flex; align-items:center; justify-content: space-between;}
.intro .member-info .m-blank .form-box{width:calc(100% - 120px); padding:0;}
.intro .member-info .m-blank .form-box input{border:none; color:#919191; font-size:20px; padding:0 10px; width:100%; outline:none; position:relative; height:40px; border:1px solid #8F8F8F; border-radius:3px; width:100%;}
.intro .member-info .m-blank .form-box .ip-comment{ font-size:13px; position:absolute; bottom:-18px; left:120px; color:#F20000;}
.intro .member-info .m-blank.phone{width:100%; max-width:100%; display:flex; justify-content: space-between;}
.intro .member-info .m-blank.phone input{width:calc(33% - 5px);}
.intro .member_choose{width:100%; height:auto; overflow:hidden; margin-top:30px;}
.intro .member_choose .link-log{display:inline-block;font-size:14px; color:#777777; margin-right:10px;}
.intro .member_choose .link-log:last-child{margin-right:0;}
.intro .btn-box{display:flex;  align-items: center;  margin-top:30px;}
.intro .btn-box .btn-log{ display:block; text-align:center; height:53px; font-size:20px; font-weight:900; line-height:55px; width:100%; width:calc(50% - 10px); border-radius:3px;}
.intro .text-01{ text-align:center;  margin-top:20px;}
.intro .sign-choose{width:100%; overflow:hidden; font-size:0; display:flex; align-items:center; justify-content: space-between; margin-top:24px;}
.intro .sign-choose .sign-click{width:calc(50% - 14px); display:inline-block; font-size:24px; color:#ffffff; font-weight:bold; display:flex; align-items:center; text-align:center; justify-content: center; line-height:32px; height:170px; border-radius:5px}
.intro .sign-choose .sign-click.market{background:#1FB0A1}
.intro .sign-choose .sign-click.buy{background:#425059; }
.prove-box{width:100%; overflow:hidden; position:relative; margin-top:20px;}
.prove-box .ip-box{position:relative;width:calc(100% - 59px); display:inline-block; }
.prove-box .ip-box input{border:none;  color:#919191; font-size:16px; padding:0 10px; width:100%; outline:none; position:relative; height:40px; border:1px solid #c7c7c7; border-radius:5px; }
.prove-box .ip-box .prove-time{font-size:14px; position:absolute; top:50%; transform:translateY(-50%);  right:10px;}
.prove-box .btn-type-common{display:inline-block; height:40px; line-height:38px;}
.notice-text{font-size:14px; color:#425059; line-height:20px; margin-top:15px;}
.notice-text::before{content:'*';}




/** 이배송지시(S) **/
.search-box.data .column-wrap.bdn{display:flex; justify-content: space-between;}
.search-box.data .column.map-info{width:calc(50% - 5px); }
/** 이배송지시(E) **/

/** 공지사항(S) **/
.search-box.notice{background:#FCFCFC;}
.search-box.notice .column-wrap{border:0; padding:20px 30px; border:1px solid #c9c9c9; }
.search-box.notice .column-wrap .column{border-bottom:0;}
.search-box.notice .column-wrap .column .ip-type-01,
.search-box.notice .column-wrap .column .sel-type-01{border-radius:3px; border:1px solid #989898;}
/* .table-type-01.notice{border:1px solid #c9c9c9;} */
/* .table-type-01.notice thead tr{border-bottom:1px solid #c9c9c9;} */
.table-type-01.notice thead tr th{border:1px solid #c9c9c9;}
.table-type-01.notice tbody{border:1px solid #c9c9c9;}
.table-type-01.notice tbody td{border:0;}
/** 공지사항(E) **/

/** 공지사항상세(S) **/
.notice-info{width:100%; overflow:hidden; border:1px solid #c9c9c9;}
.notice-info .n-head{display:flex; align-items:center; padding:0px 20px; height:80px; border-bottom:1px solid #c9c9c9; background:#F8F8F8;}
.notice-info .n-head .title-n-01{font-size:20px; line-height:24px;}
.notice-info .n-head .title-n-01 .info-kind{font-size:24px; color:#003984; font-weight:900; margin-right:10px;}
.notice-info .n-file{display:flex; align-items:center; height:40px; width:100%; padding:0 20px; border-bottom:1px solid #c9c9c9;}
.notice-info .n-file .file-name{margin-right:10px; font-size:16px; }
.notice-info .n-content{ height:400px; width:100%; padding:10px 20px; border-bottom:1px solid #c9c9c9;}
.notice-info .n-writer{display:flex; align-items:center; height:40px; width:100%; padding:0 20px; }
.notice-info .n-writer .text-01:first-child{margin-right:10px;}
.next-prev{border-top:1px solid #c9c9c9; margin-top:30px;}
.next-prev li{border-bottom:1px solid #c9c9c9; height:40px; display:flex; align-items:center; padding:0 20px; cursor: pointer;}
.next-prev li:hover{font-weight:900;}
.next-prev li .text-info{font-size:19px; }
.next-prev li .text-info.next,
.next-prev li .text-info.prev{font-size:20px; font-weight:bold; }
.next-prev li .hyphen{padding:0 15px;}
.next-prev li .text-info .info-kind{font-size:20px; color:#003984; font-weight:900; margin-right:10px;}

/** 공지사항상세(E) **/

/** 유통게시판상세(S) **/
/* 인쇄 관련 */
/* #print2{padding:1cm 1cm;} */
.print-page.board .btn-box{padding:0cm 1cm; margin-top:0;}
.print-page.board .next-prev{margin:1cm 1cm;}
/** 유통게시판상세(E) **/

/** 유통정보-타도매시장거래정보(S) **/
.column-wrap.web .cola,
.column-wrap.web .colb{height:820px;}
.column-wrap.web .cola .table-box{height:780px;}
.column-wrap.web .colb .map-box{height:780px;}
.column-wrap.web .colb .map-box img{width:100%; height:100%;}
/** 유통정보-타도매시장거래정보(E) **/

/** 전자송품장 메인 **/
.intro .btn-market{margin-bottom:15px;}
.intro .btn-mobile-long{margin-bottom:15px;}
.intro .btn-mobile-long.icon::before{content:''; display:inline-block; background-size:auto;   margin-right:10px;}
.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:60px; color:#000000; font-size:18px; font-weight:bold;}
.btn-mobile-long.on{border:2px solid #006DE2; background:#E2F1FF;}


@media screen and (max-width: 1090px) {
    /** 인증문자 **/

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

    .data-list .list-info{width:calc(100% - 130px);}
    .data-list .btn-control .btn-type-02{width:auto!important; font-size:12px;}

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


    /** 출하카드(QR코드) 생성 **/
    .column-wrap.col7_3.split-qr{height:auto!important;}
    .column-wrap.col7_3.split-qr > .column.cola{width:100%; }
    .column-wrap.col7_3.split-qr > .column.colb{width:100%; margin-left:0; margin-top:30px;}
    .qr-list > .title-box .fr .title-text{font-size:12px;}
    .qr-item.column-wrap.col3_7 .column.colb p{margin-bottom:5px; line-height:16px;}
    /* .qr-item.column-wrap.col3_7 .column.colb .text-num{font-size:12px;} */
    /* .qr-item.column-wrap.col3_7 .column.colb .text-name{font-size:12px;} */
    /* .qr-item.column-wrap.col3_7 .column.colb .text-item{font-size:14px;} */
    .qr-item.column-wrap.col3_7 .column.cola,
    .qr-item.column-wrap.col3_7 .column.colb{float:left; width:auto!important;}


    /** 공지사항 **/
    .notice-info .n-head{height:60px;}
    .notice-info .n-head .title-n-01{font-size:16px;}
    .notice-info .n-head .title-n-01 .info-kind{font-size:18px;}
    .notice-info .n-file .file-name{font-size:14px;}
    .next-prev li .text-info.next,
    .next-prev li .text-info.prev{font-size:14px;}
    .next-prev li .text-info{font-size:14px;}
    .next-prev li .text-info .info-kind{font-size:14px;}

    /** 유통게시판상세(S) **/
    /* 인쇄 관련 */
    /* #print2{padding:1cm 1cm;} */
    #print2 .pd-2cm-1cm{padding:0px;}
    .print-page.board .btn-box{padding:0; margin-top:20px;}
    .print-page.board .next-prev{padding:0; margin:0; margin-top:20px;}
    /** 유통게시판상세(E) **/



}


@media screen and (max-width: 970px) {
    /* .data-list .btn-control{display:block;} */
    /* .data-list .btn-control .btn-type-02.btn-acc{display:block; } */


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


    /**** 웹 ****/
    .column-wrap.web.col5_5 .cola{width:100%;  height:auto;}
    .column-wrap.web.col5_5 .colb{width:100%;  height:400px;}
    .column-wrap.web.col5_5 .colb{margin-left:0px; margin-top:20px;}

    .column-wrap.web .cola .table-box{height:auto;}
    .column-wrap.web .colb .map-box{height:calc(100% - 30px);}
    .table-type-01.w-map table thead tr{height:50px;}
    .table-type-01.w-map table tbody tr{height:50px;}

    /** 이배송지시(S) **/
    .search-box.data .column-wrap.bdn{display:block;}
    .search-box.data .column.map-info{width:100%;  margin-bottom:20px;}
    .search-box.data .column.map-info:last-child{margin-bottom:0px;}
    /** 이배송지시(E) **/



}

@media screen and (max-width: 730px) {



    /** 로그인 **/
    .intro{position:relative;top:unset; left:unset; transform:unset; width:100%;}
    .intro.log .title-01{font-size:20px;}
    .intro .member-info{max-width:450px; margin:0 auto;}
    .intro .member-info .box-style-02.log{width:100%; display:block; max-width:450px;}
    .intro .member-info .box-style-02.log:last-child{margin-left: 0; margin-top: 10px;}
    .intro.log .sub-title-01{margin-bottom:5px; font-size:15px;}


    .text-title{font-size:18px; padding:10px 0;}
    .text-box p{font-size:15px; line-height:20px;}
    .intro .int-tit{font-size:20px;}
    .intro .member-info .m-blank .m-title{font-size:16px;}
    .intro .member-info .m-blank .form-box{width:calc(100% - 110px);}
    .intro .member-info .m-blank .form-box input{font-size:14px!important;}
    .intro .btn-box .btn-log{height:40px; line-height:40px; font-size:14px;}
    .title-s-01{font-size:18px;}


    /** 출하카드 (QR코드) 생성 **/
    .qr-item.column-wrap.col3_7 .column.cola{width:100px!important;}
    .qr-item.column-wrap.col3_7 .column.colb{width:calc(100% - 110px)!important; margin-left:10px;}
    .qr-item.column-wrap.col3_7 .column.colb .text-num{font-size:14px;}
    .qr-item.column-wrap.col3_7 .column.colb .text-name{font-size:14px;}
    .qr-item.column-wrap.col3_7 .column.colb .text-item{font-size:14px;}


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


    .confirm{max-width:100%;}
    .form-box.confirm .ip-type-01{width:calc(100% - 110px);}

    .graph-box{padding:10px 10px 0 10px; }



}