@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+128');
html{font-size:10px;}
button{cursor:pointer;border:0;font-family: "Noto Sans KR", sans-serif}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:300}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none}
body{font-size:1.4rem;font-family: "Noto Sans KR", sans-serif;color:#303030}
img{vertical-align:bottom}
dl,ul,li,ol{margin:0;padding:0;list-style:none}
 a:link {color: inherit;text-decoration: none;}
 a:visited {color: inherit;text-decoration: none;}
 a:active {color: inherit;text-decoration: none;}
 a:hover {color: inherit;text-decoration: none;}
*{box-sizing: border-box}
textarea{border:1px solid #cccccc;width:100%;height:70px;font-size:1.4rem;font-weight:300;padding:10px;border-radius: 5px}
.bg-white{background: #fff}
.clearfix:after{display:table;clear:both;content:'';overflow:hidden;visibility:hidden;height:0;width:0;}
.flex{display:flex}
.flex-between{justify-content: space-between;}
.flex-around{justify-content: space-around;}
.flex-wrap{flex-wrap: wrap;}
.flex-center{justify-content: center;}
.flex-end{align-items: flex-end;}
.flex-center-all{justify-content: center;align-items: center;}
.flex-column{flex-direction: column;}
.row-reverse{flex-direction: row-reverse;}
.relative{position:relative}
*:focus {outline: none}
.history{padding:20px 0}
.history span{font-weight:600}
.sp{padding:20px}
.white_bg{background: #fff}
.btn-text{font-size:1.4rem;font-weight:400 !important;}
.max-width{max-width:1000px;margin:0 auto;position:relative}
.max-width-sp{max-width:1040px;margin:0 auto;padding:0 20px;position:relative}
.cursor{cursor:pointer}
.w100{width:100% !important;}
.popup_close{position:absolute;top:10px;right:20px;background:#fff}
.popup_close span{font-size:3rem}

.menu_bottom > li > div{color:#fff;padding:13px 20px;border-bottom:1px solid #d6d6d6;background:#268efd url('../images/menu_close_white.png') no-repeat;background-position: right 20px top 17px;cursor:pointer}
.footer{font-size:1.3rem;padding:20px}
.footer .phone{text-align:center;font-size:3rem;font-weight:600;line-height:3rem;padding-top:8px}
.connect{border-top:1px solid #d6d6d6;padding:20px 0 20px 20px;position: relative;}
.ui_connect{font-size:1.2rem}
.btn-logout{color:#fff;background:#268efd;border-radius:30px;height:28px;text-align:center;width:66px;line-height: 28px;position:absolute;right:10px;top:15px;cursor:pointer;font-size:1.2rem;font-weight:600}
.btn-login{color:#268efd;background:#fff;border:1px solid #268efd;border-radius:30px;height:28px;text-align:center;width:66px;line-height: 26px;position:absolute;right:10px;top:15px;cursor:pointer;font-size:1.2rem;font-weight:600}
.ui_user > .user{font-size:1.5rem;font-weight:600;padding-right:15px;line-height:37px ;}
.ui_user > .store{font-size:1.2rem}

/*border*/
.bt{border-top:1px solid #d5d5d5}
.bb{border-bottom:1px solid #d5d5d5}
.br{border-right:1px solid #d5d5d5}
.bl{border-left:1px solid #d5d5d5}
.none_bt{border-top:0 !important;}
.none_bb{border-bottom:0 !important;}
.none_br{border-right:0 !important;}
.none_bl{border-left:0 !important;}

/*현황판 타이틀 화살표 추가*/
.board_title_arrow{padding-right: 15px;background: url(../images/arrow_dark_gray.png) no-repeat;background-position: right 0 top 5px;background-size: 8px 12px;}

/*text-align*/
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}

/*image*/
.refrash_img{width:16px;height:21px;cursor:pointer}
.search_img{width:20px;height:20px;cursor:pointer}
.star{width:17px;height:17px;vertical-align: 0px;cursor:pointer}

/*paging*/
.paging{text-align:center;margin-top:20px}
.paging .page{padding:0 15px}
.paging .page_img{width:10px;height:14px;vertical-align: -1px}
.paging .prev,.paging .next{border:1px solid #d5d5d5;padding:5px 10px;cursor:pointer}

/* ui */
.trigger_wrap{margin-top:0px;position: relative;height: 69px;}
.menu-trigger,.menu-trigger span {display : inline-block;transition : all .4s;box-sizing : border-box;}
.menu-trigger {width : 25px;height : 20px;top:25px;}
.menu-trigger span {position : absolute;left : 0;width : 25px;height : 2px;background-color : #313131;}
.menu-trigger span:nth-of-type(1) {top : 24px;}
.menu-trigger span:nth-of-type(2) {top : 32px;}
.menu-trigger span:nth-of-type(3) {top : 40px}
.menu-trigger.active {-webkit-transform : rotate(360deg);transform : rotate(360deg);left:262px;position:fixed;top:26px;width:18px}
.menu-trigger.active span:nth-of-type(1){-webkit-transform : translateY(8px) rotate(-45deg);transform : translateY(8px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2){-webkit-transform : translateY(0) rotate(45deg);transform : translateY(0) rotate(45deg);}
.menu-trigger.active span:nth-of-type(3) {opacity:0;}
.mobile_menu{width:330px;background:#fff;position:fixed;top:0;left:-330px;transition : all .4s;z-index:10;height:100vh;overflow-y: scroll;-ms-overflow-style: none;-webkit-overflow-scrolling:touch;}
.mobile_menu::-webkit-scrollbar {display:none;}
.mobile_left_active{transform:translate(330px,0);-webkit-transform:translate(330px,0);}
.back_black{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:5;opacity:0.5;display:none}
.mobile_menu .profile_photo img{width:50px;border:1px solid #dedede;border-radius:25px}
.mobile_menu .profile_photo{margin-right:20px}
.mobile_menu .name{font-size:2rem;font-weight:600;}
.mobile_menu .email{margin-top:3px;font-weight:400;font-size:1.3rem}
.mobile_menu .profile_zone{border-bottom:1px solid #e6e6e6;padding-bottom:20px}
.mobile_menu .icon_new{color:#fff;background:#39779d;font-size:0.8rem;font-weight:400;padding:4px 6px 0;border-radius:20px;display:inline-block;margin-left:5px}
.bi{text-align:center;padding-top:13px;position: absolute;left: 0;right: 0;}
.bi img{width:150px;}
.top_wrap{border-bottom:1px solid #d8d8d8;height:69px;position:relative;padding:0 20px}
.top_search{cursor:pointer;padding-top:20px}
.top_search img{width:20px;height:20px}
.top_fixed{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:5}
.menu_top{padding:21px 20px;}
.menu_top .title{font-size:1.8rem}
.menu_top .setting{padding-right:8px;padding-top:3px;cursor:pointer}
.menu_top .setting img{width:18px;height:18px}
.menu_top .ui_close{padding-top:1px;cursor:pointer}
.menu_top .ui_close img{width:14px;height:14px}
.content_sp{margin:69px auto 0 !important}
.quick_menu{border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.quick_menu img{height:32px}
.quick_menu li:nth-child(2){border-right:1px solid #d6d6d6;border-left:1px solid #d6d6d6}
.quick_menu li{width:33.3333333%;text-align:center;padding:15px 0;cursor:pointer}
.menu_list > li > div{padding:13px 20px;border-bottom:1px solid #d6d6d6;background:url('../images/menu_close.png') no-repeat;background-position: right 20px top 17px;background-size: 8px 12px;cursor:pointer}
.menu_list > li:first-child > div{border-top:1px solid #d6d6d6;}
.menu_list > li > ul{display:none}
.menu_list > li > ul > li{background:#ebf0f4;border-bottom:1px solid #d6d6d6;padding:13px 20px;cursor:pointer}
.menu_list .depths.active{background:url('../images/menu_open.png') no-repeat;background-position: right 20px top 20px;background-size: 12px 8px}
.menu_bottom > li > div{color:#fff;padding:13px 20px;border-bottom:1px solid #d6d6d6;background:#268efd url('../images/menu_close_white.png') no-repeat;background-position: right 20px top 17px;cursor:pointer}
.footer{font-size:1.3rem;padding:20px}
.footer .phone{text-align:center;font-size:3rem;font-weight:bold;line-height:3rem;padding-top:8px}
.apply_menu{background:#ebf0f4}
.connect{border-top:1px solid #d6d6d6;padding:20px 0 20px 20px}
.connect > div > div:nth-child(1){margin-bottom:5px}
.connect > div:nth-child(2){}
.connect > div:nth-child(2) img{width:10px}

/*테이블*/
.tbl{width:100%}
.tbl th{border-top:2px solid #d6d6d6;border-bottom:2px solid #d6d6d6;font-weight:500;padding:15px 0}
.tbl td{text-align:center;padding:10px 0}
.tbl tr:last-child td{border-bottom:2px solid #d6d6d6}
.tbl .active{background:#ebf0f4}

.tbl_popup{width:100%}
.tbl_popup th{border-top:2px solid #d6d6d6;border-bottom:2px solid #d6d6d6;font-weight:500;padding:15px 0;text-align:center}
.tbl_popup td{text-align:center;padding:10px 0;border-bottom:1px solid #d6d6d6}
.tbl_popup tr:last-child td{border-bottom:2px solid #d6d6d6}

/*테이블 모바일*/
.tbl_mo th:first-child,.tbl_mo td:first-child{text-align: center}
.tbl_mo th,.tbl_mo td{text-align:left}
.tbl_mo td:nth-child(3) p{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:80px;overflow:hidden;}
.tbl_mo td:nth-child(4) p{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:60px;overflow:hidden;}

/*2차메뉴*/
.menu_2depths{border-bottom:1px solid #d5d5d5}
.menu_2depths > div{width:33.33333333%;text-align:center;font-size:1.6rem;height:50px;line-height:50px;cursor:pointer}
.menu_2depths .active{color:#268efd;border-bottom:3px solid #268efd;font-weight:600}
.menu_2depths.half > div{width:50%}

/*search*/
.search_form_wrap{position:absolute;z-index:1;top:69px;left:-20px;width:calc(100% + 40px);background:#fff;padding:10px 20px;display:none;border-bottom:1px solid #d6d6d6}
.search_form_wrap > div{margin-bottom:10px}
.search_from_width{width:100%}
.search_form_wrap .search{border-top: 1px solid #303030;border-bottom: 1px solid #303030;border-left: 1px solid #303030;border-right:0 !important;}
.search_form_wrap .search_close{position:absolute;top:10px;right:20px;cursor:pointer}
.search_form_wrap .search_close img{width:14px;height:14px}
.search_btn_line{border-top: 1px solid #303030;border-bottom: 1px solid #303030;border-right: 1px solid #303030;padding:7px 10px 0 0}
.search_form_wrap > div > div{width:30%;margin-right:20px}

/*common_footer*/
.common_footer{background:#ebf0f4;padding:20px 10px;border-top:1px solid #d6d6d6}
.company_info{letter-spacing: -1px;font-size:1.3rem;text-align:center;margin-top:30px}
.bottom_btn_area{margin-top:20px;text-align:center}
.top_btn_area{text-align:center}
.top_btn_area span{background:#fff;border:2px solid #dddddd;border-radius:10px;padding:8px 7px}
.footer_btn{font-size:1.4rem;background:#ebf0f4}


/*color*/
.clear_blue{color:#268efd}
.deep_yellow{color:#ebb52c}
.orange_red{color:#f24823}
.blue_gray{color:#ebf0f4}
.gray{color:#d6d6d6}
.clear_blue_bg{background:#268efd}
.deep_yellow_bg{background:#ebb52c}
.orange_red_bg{background:#f24823}
.blue_gray_bg{background:#ebf0f4}
.gray_bg{background:#d6d6d6}
.orange_red_border{border:1px solid #f24823 !important;}
.clear_blue_border{border:1px solid #268efd !important;}
.gray_border{border:1px solid #d6d6d6 !important;}

/*button*/
.btn_clear_blue_bg{background:#268efd;color:#fff;font-size:1.6rem;font-weight:600;padding:12px;border-radius:10px}
.btn_orange_red_bg{background:#f24823;color:#fff;font-size:1.6rem;font-weight:600;padding:12px;border-radius:10px}
.btn_black_bg{background:#303030;color:#fff;font-size:1.6rem;font-weight:600;padding:12px;border-radius:10px}
.btn_deep_yellow_bg{background:#ebb62c;color:#fff;font-size:1.6rem;font-weight:600;padding:12px;border-radius:10px}
.btn_gray_bg{background:#d6d6d6;color:#268efd;font-size:1.6rem;font-weight:600;padding:12px;border-radius:10px}
.btn_clear_blue_line{border:2px solid #268efd;border-radius:10px;color:#268efd;background:#fff;font-size:1.6rem;font-weight:600;padding:10px}
.btn_orange_red_line{border:2px solid #f24823;border-radius:10px;color:#f24823;background:#fff;font-size:1.6rem;font-weight:600;padding:10px}
.btn_black_line{border:2px solid #303030;border-radius:10px;color:#303030;background:#fff;font-size:1.6rem;font-weight:600;padding:10px}
.btn_deep_yellow_line{border:2px solid #ebb62c;border-radius:10px;color:#ebb62c;background:#fff;font-size:1.6rem;font-weight:600;padding:10px}
.btn_gray_line{border:2px solid #d6d6d6;border-radius:10px;color:#268efd;background:#fff;font-size:1.6rem;font-weight:600;padding:10px}
.btn_gray_line_popup{border:2px solid #d6d6d6;border-radius:10px;color:#303030;background:#fff;font-size:1.6rem;font-weight:600;padding:10px}
.btn_new_style{background:#ebf0f4;color:#268efd;border:2px solid #d6d6d6;font-size:1.6rem;font-weight:600;padding:10px;border-radius:10px}

.btn_gray_line.disable{color:#d6d6d6}


/*icon*/
.icon_deep_yellow{background:#ebb62c;color:#fff;font-weight:600;padding:4px 8px;border-radius:5px;font-size:1.4rem}
.icon_clear_blue_bg{background:#268efd;color:#fff;font-weight:600;padding:4px 8px;border-radius:5px;font-size:1.4rem}
.icon_orange_red_bg{background:#f24823;color:#fff;font-weight:600;padding:4px 8px;border-radius:5px;font-size:1.4rem}
.icon_black_bg{background:#303030;color:#fff;font-weight:600;padding:4px 8px;border-radius:5px;font-size:1.4rem}
.icon_gray_bg{background:#d6d6d6;color:#268efd;font-weight:600;padding:4px 8px;border-radius:5px;font-size:1.4rem}

/*popup*/
.popup-container{background:#fff;width:95%;max-width:500px;padding:20px}
.popup-head{text-align:center;font-size:1.8rem;font-weight:600;padding-bottom:5px}
.popup-body{margin-top:10px}
.popup-body .info{text-align:center}
.popup-body .input{margin-top:10px}
.popup-footer{margin-top:10px}
.popup-footer.btn-one button{width:100%}
.popup-footer.btn-two button{width:49%}
.popup-body .text_box{border:1px solid #d5d5d5;padding:20px;text-align:center}
.popup-title-blue{color:#268efd;text-align:left}
.popup_underline{border-bottom:1px solid #d6d6d6;padding-bottom:15px}

/*padding*/
.pd0{padding:0 !important;}
.pt0{padding-top:0px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.pt75{padding-top:75px !important}
.pt80{padding-top:80px !important}
.pt85{padding-top:85px !important}
.pt90{padding-top:90px !important}
.pt95{padding-top:95px !important}
.pt100{padding-top:100px !important}
.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}
.pb70{padding-bottom:70px !important}
.pb75{padding-bottom:75px !important}
.pb80{padding-bottom:80px !important}
.pb85{padding-bottom:85px !important}
.pb90{padding-bottom:90px !important}
.pb95{padding-bottom:95px !important}
.pb100{padding-bottom:100px !important}
.pr0{padding-right:0px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pr65{padding-right:65px !important}
.pr70{padding-right:70px !important}
.pr75{padding-right:75px !important}
.pr80{padding-right:80px !important}
.pr85{padding-right:85px !important}
.pr90{padding-right:90px !important}
.pr95{padding-right:95px !important}
.pr100{padding-right:100px !important}
.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}
.pl85{padding-left:85px !important}
.pl90{padding-left:90px !important}
.pl95{padding-left:95px !important}
.pl100{padding-left:100px !important}

/*margin*/
.mg0{margin:0 !important;}
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt85{margin-top:85px !important}
.mt90{margin-top:90px !important}
.mt95{margin-top:95px !important}
.mt100{margin-top:100px !important}
.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important}
.mb75{margin-bottom:75px !important}
.mb80{margin-bottom:80px !important}
.mb85{margin-bottom:85px !important}
.mb90{margin-bottom:90px !important}
.mb95{margin-bottom:95px !important}
.mb100{margin-bottom:100px !important}
.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr75{margin-right:75px !important}
.mr80{margin-right:80px !important}
.mr85{margin-right:85px !important}
.mr90{margin-right:90px !important}
.mr95{margin-right:95px !important}
.mr100{margin-right:100px !important}
.ml0{margin-left:0px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80{margin-left:80px !important}
.ml85{margin-left:85px !important}
.ml90{margin-left:90px !important}
.ml95{margin-left:95px !important}
.ml100{margin-left:100px !important}