@charset "utf-8";

/* ==========================================================================
   BaseStyle_import
   ========================================================================== */

@import url('fonts.css');
@import url('datepicker.css');

/* ==========================================================================
   Common_style
   ========================================================================== */

/* Base */
html{font-size:0.75em;} /*12px*/
body{font-family: NBGNormal, "돋움", Dotum, Arial, Tahoma , Geneva, Verdana;color:#676a6c;}
body{overflow-x:auto;overflow-y:auto;padding-right:0 !important;}
h1, h2, h3, h4, h5, h6, strong, b, th{font-family: NBGBold;font-weight:bold;}
ul, ol{overflow:hidden;}
li{list-style:none;}
table{width:100%;max-width:100%;}
table td[class*="col-"],table th[class*="col-"]{position: static;display: table-cell;float: none;}

.hide{display:none;}

.t_blue{color:#006ab4 !important;}
.t_lBlue{color:#00c0ef !important;}
.t_red{color:#ff4748 !important;}
.t_lRed{color:#cc3f44 !important;}
.t_pink{color:#f27767 !important;}
.t_yellow{color:#f39c12 !important;}
.t_orange{color:#f39c12 !important;}
.t_green{color:#00a65a !important;}
.t_lGreen{color:#00e374 !important;}
.t_turquoise{color:#00b19d !important;}
.t_gray{color:#c8c8c8 !important;}
.t_purple{color:#7c38bc !important;}
.t_white{color:#fff !important;}

.t_left{text-align:right;}
.t_right{text-align:left;}
.t_center{text-align:center;}
.t_bold{font-weight:bold;}

.f_left{float:left;}
.f_right{float:right;}

.b_top_none{border-bottom:none !important;}
.b_right_none{border-bottom:none !important;}
.b_bottom_none{border-bottom:none !important;}
.b_left_none{border-bottom:none !important;}

.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:15px;}
.pl25{padding-left:15px;}
.pl30{padding-left:15px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}

.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:15px;}
.ml25{margin-left:15px;}
.ml30{margin-left:15px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

i.fa{vertical-align:middle;}

.textarea{width: 100%;min-height: 100px;padding: 10px;resize: none;line-height: 1.5;box-sizing: border-box;}

/* Table */
.tb_basic{position:relative;border-top:1px solid #777;border-bottom:1px solid #a5a5a5;background-color:#fff;}
.tb_basic th,
.tb_basic td{padding:8px 10px;text-align:center;}
.tb_basic thead th:first-child{border-left:none;}
.tb_basic thead .tb_firstL:first-child, .tb_basic tbody .tb_firstL:first-child {border-left: 1px solid #e5e5e5;}
.tb_basic thead th{padding:15px 8px;background-color:#fafafa;color:#444;border-bottom:1px solid #e5e5e5;}
.tb_basic tbody th, .tb_basic tbody td, .tb_basic tfoot td{border-top:1px solid #e5e5e5;}
.tb_basic tbody th:first-child, .tb_basic tbody td:first-child, .tb_basic tfoot td:first-child{border-left:none;}
.tb_basic.height tbody td, .tb_basic.height tfoot td{height:35px;}
.tb_basic tfoot tr{background:#fafafa;}

.tb_basic02{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background-color:#fff;}
.tb_basic02 th,
.tb_basic02 td{padding:8px 10px;text-align:center;}
.tb_basic02 thead th:first-child{border-left:none;}
.tb_basic02 thead .tb_firstL:first-child, .tb_basic02 tbody .tb_firstL:first-child {border-left: 1px solid #d8d8d8;}
.tb_basic02 thead th{color:#2c2e2f;border-bottom:1px solid #d8d8d8;}
.tb_basic02 tbody th, .tb_basic02 tbody td{border-top:1px solid #d8d8d8;color:#979898;}
.tb_basic02 tbody th:first-child, .tb_basic02 tbody td:first-child{border-left:none;}
.tb_basic02.height tbody td{height:35px;}

.tb_basic03{position:relative;border-top:1px solid #777;border-bottom:1px solid #a5a5a5;background-color:#fff;}
.tb_basic03 th,
.tb_basic03 td{padding:8px 10px;text-align:center;}
.tb_basic03 thead th:first-child{border-left:none;}
.tb_basic03 thead .tb_firstL:first-child, .tb_basic03 tbody .tb_firstL:first-child {border-left: 1px solid #e5e5e5;}
.tb_basic03 thead th{padding:15px 8px;background-color:#fafafa;color:#444;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5 !important;}
.tb_basic03 tbody td{border-left:1px solid #d5d5d5;}
.tb_basic03 tbody th, .tb_basic03 tbody td, .tb_basic03 tfoot td{border-top:1px solid #d5d5d5 !important;}
.tb_basic03 tbody th:first-child, .tb_basic03 tbody td:first-child, .tb_basic03 tfoot td:first-child{border-left:none;}
.tb_basic03 tfoot td{border-left:1px solid #d5d5d5}
.tb_basic03.height tbody td, .tb_basic03.height tfoot td{height:35px;}
.tb_basic03 tfoot tr{background:#fafafa;}

.tb_basic_w{position:relative;border-top:1px solid #b9bdc0;border-bottom:1px solid #d8d8d8;background-color:#fff;}
.tb_basic_w th,
.tb_basic_w td{padding:8px 10px;text-align:center;}
.tb_basic_w thead th:first-child{border-left:none;}
.tb_basic_w thead .tb_firstL:first-child, .tb_basic_w tbody .tb_firstL:first-child {border-left: 1px solid #d8d8d8;}
.tb_basic_w thead th{color:#2c2e2f;border-bottom:1px solid #d8d8d8;}
.tb_basic_w tbody th, .tb_basic_w tbody td{color:#979898;}
.tb_basic_w tbody th, .tb_basic_w tbody td{border-top:1px solid #d8d8d8;}
.tb_basic_w tbody th:first-child, .tb_basic_w tbody td:first-child{border-left:none;}
.tb_basic_w thead th, .tb_basic_w tbody td{border-left:1px solid #d8d8d8;}
.tb_basic_w.height tbody td{height:35px;}

.tb_basic_striped{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background-color:#fff;}
.tb_basic_striped th,
.tb_basic_striped td{padding:8px 10px;text-align:center;}
.tb_basic_striped thead th:first-child{border-left:none;}
.tb_basic_striped thead .tb_firstL:first-child, .tb_basic_striped tbody .tb_firstL:first-child {border-left: 1px solid #d8d8d8;}
.tb_basic_striped thead th{color:#2c2e2f;border-bottom:1px solid #d8d8d8;}
.tb_basic_striped tbody th, .tb_basic_striped tbody td{border-top:1px solid #d8d8d8;}
.tb_basic_striped tbody tr:nth-child(odd){background-color:#f6f6f6;}
.tb_basic_striped tbody th:first-child, .tb_basic_striped tbody td:first-child{border-left:none;}
.tb_basic_striped.height tbody td{height:35px;}

.tb_border{border:1px solid #eee;}
.tb_hover > tbody > tr:hover{background-color:#dfdfdf;color:#333;cursor:pointer;}
.tb_striped > tbody > tr:nth-child(even){background-color:#f6f6f6;}

/* Table_row_style */
.tb_basic_row{position:relative;border-bottom:1px solid #a5a5a5;background-color:#fff;}
.tb_basic_row th, .tb_basic_row td{padding:15px 10px;text-align:center;}
.tb_basic_row th, .tb_basic_row td{border-left:1px solid #c4c4c4;border-top:1px solid #d5d5d5;}
.tb_basic_row tr:first-child th, .tb_basic_row tr:first-child td{border-top:1px solid #777 !important;}
.tb_basic_row tbody th:first-child, .tb_basic_row tbody td:first-child{border-left:none;}
.tb_basic_row th{background-color:#fafafa;text-align:left;}
.tb_basic_row td{text-align:left;}
.tb_basic_row.height tbody td{height:35px;}

.tb_basic_row.white{position:relative;border-bottom:1px solid #a5a5a5;background-color:#fff;}
.tb_basic_row.white tr th, .tb_basic_row.white tr td{padding:15px 10px;text-align:center;}
.tb_basic_row.white tr:first-child th, .tb_basic_row.white tr:first-child td{border-top:1px solid #777 !important;}
.tb_basic_row.white tr th, .tb_basic_row.white tr td{border-left:0;border-top:1px solid #d5d5d5;}
.tb_basic_row.white tr th{background-color:#fff;}
.tb_basic_row.white tr td{text-align:left;}

.tb_hover tbody td:hover{background:#e9fcff;}

/* 반응형 Table - 767px이하 수평 스크롤 생성*/
.tb-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .tb-responsive {
	    width: 100%;
	    /*margin-bottom: 15px;*/
	    overflow-y: hidden;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	    /*border: 1px solid #ddd;*/
    }
    /* .tb-responsive > .tb_basic,
    .tb-responsive > .tb_basic02,
    .tb-responsive > .tb_basic03,
    .tb-responsive > .tb_basic_row{margin-bottom: 0;} */
    
    .tb-responsive > .tb_basic > thead > tr > th,
    .tb-responsive > .tb_basic > tbody > tr > th,
    .tb-responsive > .tb_basic > tfoot > tr > th,
    .tb-responsive > .tb_basic > thead > tr > td,
    .tb-responsive > .tb_basic > tbody > tr > td,
    .tb-responsive > .tb_basic > tfoot > tr > td {
    	white-space: nowrap;
    }
    .tb-responsive > .tb_basic02 > thead > tr > th,
    .tb-responsive > .tb_basic02 > tbody > tr > th,
    .tb-responsive > .tb_basic02 > tfoot > tr > th,
    .tb-responsive > .tb_basic02 > thead > tr > td,
    .tb-responsive > .tb_basic02 > tbody > tr > td,
    .tb-responsive > .tb_basic02 > tfoot > tr > td {
    	white-space: nowrap;
    }
    .tb-responsive > .tb_basic03 > thead > tr > th,
    .tb-responsive > .tb_basic03 > tbody > tr > th,
    .tb-responsive > .tb_basic03 > tfoot > tr > th,
    .tb-responsive > .tb_basic03 > thead > tr > td,
    .tb-responsive > .tb_basic03 > tbody > tr > td,
    .tb-responsive > .tb_basic03 > tfoot > tr > td {
    	white-space: nowrap;
    }
    .tb-responsive > .tb_basic_row > thead > tr > th,
    .tb-responsive > .tb_basic_row > tbody > tr > th,
    .tb-responsive > .tb_basic_row > tfoot > tr > th,
    .tb-responsive > .tb_basic_row > thead > tr > td,
    .tb-responsive > .tb_basic_row > tbody > tr > td,
    .tb-responsive > .tb_basic_row > tfoot > tr > td {
    	white-space: nowrap;
    }
}

/* datepicker */
.datepickers{border:1px solid #a9a9a9;width:100px !important;padding:0 5px;height:28px;line-height:23px;vertical-align:top;letter-spacing: -1px;text-align:center;}
.ui-datepicker-trigger{display:inline-block;width:36px;height:28px;background:url(/webpos/resources/img/calendar01.png) no-repeat center center;border:none;text-indent:-999em}

/* box */
div.box div.box-header{background:#fff;color:#676a6c;border-bottom:1px solid #e7eaec;}
	div.box div.box-header h3.box-title{font-size:15px;}

/* modal */
.modal .modal-dialog{width:450px;}
.modal .modal-dialog div.modal-content div.modal-header{background:#282d37;color:#fff;}
	.modal .modal-dialog div.modal-content div.modal-header button.close{margin-top:3px;opacity:0;opacity:inherit;font-size:22px;}
	.modal .modal-dialog div.modal-content div.modal-header button.close span{color:#fff !important;}
.modal .modal-dialog div.modal-content div.modal-body{padding:15px 15px;text-align:center;}
.modal .modal-dialog div.modal-footer{border-top-color:#d5d5d5;}
	.modal .modal-dialog div.modal-content div.modal-footer{padding:15px;text-align:inherit;}

/* ==========================================================================
   Components_style
   ========================================================================== */

/* Button */
.btn_basic {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    line-height: 20px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    line-height: 20px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    opacity:0.9;
}
.button {
    display: inline-block;
    padding: 2px 12px;
    margin-bottom: 0;
    line-height: 20px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    opacity:0.9;
}
.btn_radius {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    line-height: 20px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    opacity:0.9;
}
.btn:hover, .btn:focus, .btn:active{opacity:1;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn:hover,.btn:focus,.btn.focus{text-decoration: none;}
.btn:active,.btn.active{background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}

.btn-large{width:100px;height:35px;}

.btn-white{color: #333;background-color: #fff;border:1px solid #b7b7b7;}
.btn-black{background-color:#222;color:#fff;}
.btn-green{border:1px solid #3dcd3e;color:#3dcd3e;}
.btn-purple{background-color: #7c38bc;color: #fff;}
.btn-orange{background-color: #f7aa47;color: #fff;}
.btn-pink{background-color: #ff6264;color: #fff;}
.btn-turquoise{background-color: #00b19d;color: #fff;}
.btn-yellowGreen{background-color: #8dc63f;color: #fff;}
.btn-lightBlue{border:1px solid #40bbea;color: #40bbea;}
.btn-blue{background-color: #1785f2;color: #fff;}
.btn-red{border:1px solid #e60a2f;color: #e60a2f;}
.btn-darkRed{background-color: #d5080f;color: #fff;}
.btn-yellow{background-color: #ffba00;color: #fff;}
.btn-gray{border:1px solid #666666;color:#666666;}
.btn-lightGray{background-color:#eee;border:1px solid #b7b7b7;color:#333;}
.btn-darkGray{background-color: #656d78;color: #fff;border:1px solid #434a54;}

/* ==========================================================================
   Style
   ========================================================================== */

/* login */
body.login-page{background:#fafafa;}
#wrap_login{min-width:320px;min-height:100%;margin-bottom:-35px;}
#wrap_login article .header_login{position:relative;z-index:1000;}
	#wrap_login article .header_login h1{background:#2574b6;padding:15px 20px;margin:0;font-size:1.2em;color:#fff;}
/* #wrap_login article div.login-cover,
#wrap_login article div.login-cover div.login-cover-image,
#wrap_login article div.login-cover div.login-cover-bg{position:fixed;top:0;right:0;bottom:0;left:0;}
#wrap_login article div.login-cover div.login-cover-image{
	min-width:100%;
	min-height:100%;
	background: url(/webpos/resources/img/back01.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webpos/resources/img/back01.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/webpos/resources/img/back01.jpg', sizingMethod='scale')";
}
#wrap_login article div.login-cover div.login-cover-bg{
	background: #666;
    background: -moz-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#666),color-stop(100%,#000));
    background: -webkit-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -o-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -ms-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: radial-gradient(ellipse at center,#666 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000', GradientType=1 );
    opacity: .4;
    filter: alpha(opacity=40);
}
#wrap_login article div.login-cover div.login-cover-image img{max-width:100%;position:absolute;top:0;left:0;} */
#wrap_login article div.contents_login{position:absolute;left:50%;top:50%;width:500px;padding:30px;margin:-260px 0 0 -250px;background:#fff;border:1px solid #d2d6de;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}
	#wrap_login article div.contents_login div.login_logo h1{margin:0;margin-bottom:30px;}
#wrap_login article div.contents_login div.login_box input,
#wrap_login article div.contents_login div.login_box .select2-selection{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#wrap_login article div.contents_login div.login_box .btn_login{
	display: inline-block;
    width: 100%;
    color: #fff!important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
    text-align: center;
    background-image: none!important;
    background-color: #2292d2;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: none!important;
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    vertical-align: middle;
    margin-top:20px;
    line-height: 35px;
    font-family: NBGBold;
    font-size: 15px;
}
#wrap_login article div.contents_login div.login_box div.radio_user{margin-bottom:10px;}
#wrap_login article div.contents_login div.login_box div.radio_user div label:nth-child(even){padding:0 10px;}
#wrap_login article div.contents_login div.login_box .btn_login:hover,
#wrap_login article div.contents_login div.login_box .btn_login:focus,
#wrap_login article div.contents_login div.login_box .btn_login:active{background:#275570;}
#wrap_login article .footer_login{position:fixed;bottom:0;right:0;left:0;z-index:1000;}
	#wrap_login article .footer_login footer p{background:#1d1d1d;padding:10px 0;margin:0;color:#fff;font-size:0.8em;text-align:center;text-transform:uppercase;}
		#wrap_login article .footer_login footer p a{color:#fff;}

.modal.modal-center{text-align: center;}
.modal-dialog.modal-center{display: inline-block;text-align: left;vertical-align: middle;}

.navbar-brand{padding-top: 10px;}

.login-box{width: 380px;margin: 7% auto;}
/* .login-page{background: url('/dist/img/boxed-bg.jpg') repeat fixed;} */
.login-box-body{box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.login-box-body .box{box-shadow: none;}
/* .layout-top-nav{background: url('/dist/img/boxed-bg.jpg') repeat fixed;} */

.progress.xs, .progress-xs{height:10px;}
.progress{margin-bottom:0}
/* ==========================================================================
   미디어 쿼리
   ========================================================================== */
@media only screen and (max-width: 1024px ) {
	.modal div.modal-dialog{width:100% !important;margin:0;}
}

@media only screen and (max-width: 767px ) {
	.modal.modal-center:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}
	#wrap_login article div.header_login{text-align:center;}
	#wrap_login article div.contents_login{left:0;top:0;width:100%;margin:48px 0 0 0;padding:40px 20px;background:transparent;border:none;}
	#wrap_login article div.contents_login div.login_logo h1 img{width:325px;}
	.popUp_orderDetail .modal-dialog div.modal-content div.modal-body{height:447px;overflow-y:auto;}
}

@media (max-width: 768px) {
	/* .login-box {
	  width: 90%;
	  margin-top: 20px;
	} */
}

/* iPhone 6 Plus */
@media only screen and (max-width: 414px ) {
	#wrap_login article div.contents_login div.login_logo h1 img{width:80%;}
}

@media only screen and (max-width: 350px ) {
	#wrap_login article div.contents_login div.login_box div.radio_user{margin-bottom:5px;}
	#wrap_login article div.contents_login div.login_box div.radio_user div label{display:block;padding:5px 10px;background:#fff;border:1px solid #d2d6de;font-size:0.8em;}
	#wrap_login article div.contents_login div.login_box div.radio_user div label:nth-child(even){margin:12px 0;padding:5px 10px;}
}

/* iPhone 5 Plus */
@media only screen and (max-width: 320px ) {
	#wrap_login article div.contents_login{padding:15px;}
	#wrap_login article div.contents_login div.login_logo h1{margin-bottom:15px;}
	#wrap_login article div.contents_login div.login_box div.form-group{margin-bottom:10px;}
	#wrap_login article div.contents_login div.login_box .btn_login{margin-top:5px;}
	#wrap_login article .footer_login footer p{font-size:0.6em;}
}