@charset "utf-8";

@font-face {
    font-family:'Noto Sans KR';
    font-style: normal;
    font-display: auto;
    font-weight: 100;
    src: url("/resources/fonts/NotoSansKR/NotoSansKR-Light.woff2") format("woff2"), url("/resources/fonts/NotoSansKR/NotoSansKR-Light.woff") format("woff"), url("/resources/fonts/NotoSansKR/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-display: auto;
    font-weight: 300;
    src: url("/resources/fonts/NotoSansKR/NotoSansKR-Regular.woff2") format("woff2"), url("/resources/fonts/NotoSansKR/NotoSansKR-Regular.woff") format("woff"), url("/resources/fonts/NotoSansKR/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-display: auto;
    font-weight: 500;
    src: url("/resources/fonts/NotoSansKR/NotoSansKR-Medium.woff2") format("woff2"), url("/resources/fonts/NotoSansKR/NotoSansKR-Medium.woff") format("woff"), url("/resources/fonts/NotoSansKR/NotoSansKR-Medium.otf") format("opentype");
}

/* 
 * overwrite - bootstrap tag 
 */
body { font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕", sans-serif; font-weight:300; color:#212529; padding:0; }
code, kbd, pre, samp { font-family: "Malgun Gothic", "맑은 고딕", sans-serif; }
h1, h2, h3 { margin: 0; }
h1 { font-size: 24px; text-align: left; line-height: 55px; }
th { color: #FFFFFF; background-color: #938779; text-align: center; }
legend { margin: 0; border: 0; }
fieldset { text-align: left; }

label  {  font-weight:500; }
input[type="checkbox"]  { width:16px; height:16px; margin:auto; vertical-align:middle; } 
 
footer { height:80px; background-color:#ffe6e6; text-align:center; margin-top:30px; }
footer a { color:#baa7a7; margin: 5px; display: inline-block; padding: 0 10px; }
footer div { max-width:560px; font-size:12px; font-weight:100; color:#baa7a7; text-align:center; margin:0 auto; }

input.v-ime-kr { ime-mode: active; }
input.v-ime-en { ime-mode: inactive; }
input.v-ime-en-only { ime-mode: disabled; }


/* 
 * overwrite - bootstrap class 
 */
.glyphicon { display: none; }

.header { width: 100%; }
.navbar { display:block; margin: 0; border: 0; }
.navbar .container { padding: 0; }
.navbar .navbar-header { position:relative; height: 87px; }
.navbar .navbar-header .v-brand { position: absolute; top: 50%; left: 50%;
	width:164px; height:43px; margin-top:-22px; margin-left:-82px;
	background-size:164px 43px;
	font-size: 24px; font-weight: bold; color: #333333; }

.navbar .language select  { background:transparent; width:100%; height:25px; border:0; color:#fff; text-align:left; text-transform:uppercase; padding:0 11px; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.navbar .language select::-ms-expand { display:none } /* 화살표 없애기 for IE10, 11*/
.v-mobile { text-align: center; background:#f4f8f7; padding:0; margin:0; }

.page-header { display:none; border:0; position:fixed; top:18px; left:22%; right:22%;  margin:0; z-index:3; }
.page-header h1  { font-size:18px; font-weight:300; color:rgba(0,0,0,0.7); line-height:1.2; text-align:center; letter-spacing:-0.04em; padding:0; }


.container { text-align: center; margin: 0 auto; }
body > .container  { min-height:calc(100vh - 197px); }
.conbox-wrap  { max-width: 700px; background:#fff; border-radius:10px; padding:33px 50px; margin:0 auto; }
.conbox-wrap.list-wrap  { max-width:100%; }
.conbox-wrap > h2  { font-weight:100; text-align:left; margin-bottom:20px; }
@media screen and (max-width:720px) {
	.container  { padding-right:8px; padding-left:8px; }
	body > .container  { min-height:calc(100vh - 154px);  }
	.conbox-wrap  { border-radius:6px; padding:20px; }
	.conbox-wrap > h2  { display:none }
}
.form-horizontal .control-label { font-weight:300; padding-top: 7px; margin-bottom: 0px; }
.v-mobile .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }

.v-mobile .navbar .navbar-header { text-align:center; width:100%; margin:0 }

.v-mobile .v-placeholder { position: absolute; top: 8px; left: 170px; color: #999999; font-weight: 300; font-size: 12px; }

.pagination li a { display:block; min-width:28px; height:28px; line-height:28px; text-align:center; padding:0; border: 0; color: #555; font-size: 13px; }
.pagination li a span  { display:none; }
.pagination li.active a { color: #F73C56; background-color:transparent }
.pagination .first a, 
.pagination .prev a, 
.pagination .next a, 
.pagination .end a { background-image:url(/resources/images/visitor/icons.jpg); background-size:300px 300px; }
.pagination .first a  { background-position:-112px top; }
.pagination .prev a  { background-position:-137px top; }
.pagination .next a  { background-position:-165px top; }
.pagination .end a  { background-position:-190px top; }
.pagination > .disabled > a  {  opacity:0.5; background:transparent; }


.btn { font-weight:300; border-radius:3px; vertical-align:middle; padding:6px 19px; outline:0 }
.btn-lg { font-size:16px; padding:10px 20px; }
.btn-sm { padding:4px 10px; }
.btn-xs { padding:1px 5px; }
.btn-block { padding-left:0; padding-right:0; }
.btn-default { background:#6c757d; border-color:#6c757d; color:#fff; }
.form-control,
.form-group .form-control { border-color:#ced4da; box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%); -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%) }
.form-group select.form-control  {  padding-left:5px; padding-right:13px }
.btn-primary { color: #FFFFFF; background-color: #69aa85; border: solid 1px transparent; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary  { background:#73956a; border-color:transparent }
.btn-outline-default  { background:#fff; border-color:#6c757d; color:#6c757d; }
.btn-outline-primary { background:#fff; border-color:#69aa85; color:#42af96; }
.has-error .checkbox, 
.has-error .checkbox-inline, 
.has-error .control-label, 
.has-error .help-block, 
.has-error .radio, 
.has-error .radio-inline, 
.has-error.checkbox label, 
.has-error.checkbox-inline label, 
.has-error.radio label, 
.has-error.radio-inline label { color: #ED1C24; }
.has-error .help-block  { font-size:12px; margin-top:0; margin-bottom:8px; }
.help-block  { margin:0; }
.has-error .form-control { border-color: #ED1C24; }

.alert-danger { color: #FF0000; background-color: #FFEEEE; }


/* 
 * custom id,class
 */
.navbar ul.v-profile-menu { position: absolute; top: 34px; right:86px; }
.navbar ul.v-profile-menu li a { padding-top:0; padding-bottom:0; }
.navbar ul.nav li.vms-profile  { font-size: 12px; color: #555555; line-height:20px; padding-right:10px; }
.navbar ul.nav li.vms-logout a { font-size:11px; border:1px solid #999; background:transparent; border-radius:2px; color:#888; line-height:18px; padding: 2px 10px; }
.navbar ul.vms-main-menu { position: relative; top: -70px; width: auto; float: right; }
.navbar ul.vms-main-menu li { margin-left: 10px; }
.navbar ul.vms-main-menu li a { font-size: 18px; font-weight: bold; height: 50px; padding-left: 55px; }
.navbar ul.vms-main-menu li.vms-menu-emp a { background: url(/resources/tmplats/images/1/mag_menu01.jpg) no-repeat 0 5px }
.navbar ul.vms-main-menu li.vms-menu-ntfc a { background: url("/resources/tmplats/images/1/mag_menu02.jpg") no-repeat 0 5px }
.navbar ul.vms-main-menu li.vms-menu-ntfc a .badge { position: absolute; top: 0; left: 0; background-color: #ED1B24; }
.navbar ul.vms-main-menu li.vms-menu-reprt a { background: url("/resources/tmplats/images/1/tit_v1.jpg") no-repeat 0 5px }
.navbar ul.vms-main-menu li.vms-setup a { background: url("/resources/tmplats/images/1/mag_menu03.jpg") no-repeat 0 5px }
.navbar ul.vms-main-menu li a .glyphicon { display: inline-block; }
@media screen and (max-width:720px) {
	.navbar ul.v-profile-menu  { top:8px; right:50px }
	.navbar ul.nav li.vms-profile  { display:none }
	.navbar ul.nav li.vms-logout a { padding-left:4px; padding-right:4px }
}


/*
 * 방문신청폼, 로그인
*/
.ico-required  { color:#ED1C24 }
.ico-required:before  { content:' *' }
.form-horizontal { margin-bottom: 27px; }
.v-cmgidn-issu { background-color: #7E7E7E; }
.v-visit-info  { border-bottom:1px solid #ced4da; padding-bottom:17px; }
.form-horizontal legend { font-size:21px; color:#212529; margin-bottom:15px; }

.form-horizontal .form-group { position: relative; margin:0; }

.v-full-info .form-group { left:0; width: 100%; }
.form-horizontal .control-label { font-weight:500; color:#4b4848; text-align:left; line-height:22px; margin-bottom:2px; }
.control-label i  { display:inline-block; width:19px; height:22px; background-image:url(/resources/mrp/images/icons.png); background-size:300px 300px; vertical-align:middle; }
i.ico-rqst01 /* 방문기간 */  { background-position:left -83px; width:23px; }
i.ico-rqst02 /* 담당자명 */  { background-position:-32px -83px }
i.ico-rqst03 /* 방문목적 */  { background-position:-61px -83px; width:21px; }
i.ico-rqst04 /* 방문구역 */  { background-position:-91px -83px }
i.ico-rqst05 /* 휴일허용 */  { background-position:-121px -83px }
i.ico-rqst06 /* 약관정보 */  { background-position:-155px -83px }
i.ico-rqst11 /* 방문자명 */  { background-position:left -116px; width:22px; }
i.ico-rqst12 /* 소속 회사명 */{ background-position:-32px -116px; width:21px; }
i.ico-rqst13 /* 휴대폰번호 */ { background-position:-65px -116px; width:17px }
i.ico-rqst14 /* 이메일 */   { background-position:-91px -116px; width:22px }


.form-horizontal .form-control-static { color:#888; }
.form-group label a  { color:#888888; font-weight:300; } 

input.hasDatepicker   { background:url(/resources/images/visitor/ico-calendar.png)right center no-repeat; background-size:23px 19px; }
input.hasDatepicker[readonly]  { background-color:#fff }
.col-for-date { float:left; width:50%; padding-left:15px; padding-right:15px; }
.col-between  { float:left; width:26px; text-align:center; padding-top:8px; margin-left:-13px; margin-right:-13px; }
.form-horizontal .form-group .v-data-div .checkbox-inline { padding-top: 0; }
.form-horizontal .form-group .v-data-div .checkbox-inline a { text-decoration: underline; }
.form-horizontal .form-group .v-data-div .checkbox-inline input[type=checkbox]  { margin-top:3px; }
.form-horizontal .form-group .v-data-div input,
.form-horizontal .form-group .v-data-div select,
.form-horizontal .form-group .v-data-div button { margin-bottom: 3px; }
.form-horizontal .form-group .form-control-static { color: #333333 }
.form-horizontal .v-idn-knd .control-label { padding-top: 45px; }
.v-data-div label  {  color:#888; font-weight:100; }
.v-data-div div .row { margin-left:-5px; margin-right:-5px; }
.v-data-div div .row > div[class^='col-'] { padding-left:5px; padding-right:5px; }

.additional-visitor-top  { border-top:1px dashed #ced4da; padding-top:26px; margin-top:28px; }
.additional-visitor-top .btn  { min-width:60px; }
.form-btm-btns { position:relative; padding-top:2.75em; margin-top:2em; }
.form-btm-btns:before  { content:''; position:absolute; top:0; left:15px; right:15px; display:block; border-top:1px solid #c3c4c6; }
.form-btm-btns .btn { margin-bottom:6px; }
@media screen and (max-width:720px) {
	.form-horizontal legend  { font-size:17px; margin-bottom:5px; }
	.col-for-date  { width:calc(100% - 26px) }
	.form-btm-btns.row  { padding-left:10px; padding-right:10px }
	.v-data-div.row { margin-left:-5px; margin-right:-5px; }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  { padding-left:5px; padding-right:5px }
}

.login-wrap .form-horizontal  { max-width:500px; }
.login-wrap .form-horizontal .control-label { float:left; width:25%; text-align:right; }
.login-wrap .form-horizontal .v-data-div  { float:left; width:72%; margin-left:3%; margin-bottom:12px; }
.v-indx  {  position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; overflow:hidden; z-index:3; }
 

/*
 * 메인

.v-indx .index-container  {  height:100vh; position:relative; background:url(/resources/images/visitor/bg-main.jpg?v2) right -80px no-repeat; background-size:auto 135%; }
.v-indx .visual  {  position:relative; width:61.24%; height:100%; background:url(/resources/images/visitor/bg-main.jpg?v2) left top no-repeat; background-size:cover; }
.v-indx .visual:before  { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/resources/images/visitor/box-index-bg1.png) right top repeat-y; }
.v-indx .visual-box  {  position:absolute; top:10vh; right:59px; bottom:10vh; left:10vh; border:2px solid rgba(255,255,255,0.7); border-right:0; }
.v-indx .visual-box:before { content:''; position:absolute; top:-2px; bottom:-2px; right:-59px; width:67px; background:url(/resources/images/visitor/box-index-bg2.png) right top repeat-y; }
.v-indx .visual .ci-index  { position:absolute; top:50%; right:-50px; margin-top:-250px; }
.v-indx .con  {  position:absolute; top:0; right:0; bottom:0; width:38.76%; background:rgba(44,44,48,0.75); padding-top:15vh; }
.ci-index-mobile  { display:none; height:44px; background:url(/resources/images/visitor/ci-mobile-main.png)center center no-repeat; background-size:140px auto }
.v-indx .btns .btn { position:relative; display:block; border-radius:0; width:186px; color:#fff; margin-left:auto; margin-right:auto; }

.v-btn-reqst  { height:158px; background:rgba(255,255,255,0.35); font-size:18px; margin-top:20px; margin-bottom:28px; }
.v-btn-reqst:before  { content:''; display:block; width:72px; height:54px; background:url(/resources/mrp/images/icons.png)-230px top no-repeat; background-size:300px 300px; margin:22px auto 18px ; }
.v-btn-confm,
.v-btn-terms,
.v-btn-map  { height:49px; background:rgba(255,255,255,0.35); font-size:16px; line-height:35px; letter-spacing:-0.03em; padding-left:16px; margin-bottom:12px; }
.v-btn-confm:before,
.v-btn-terms:before,
.v-btn-map:before  { content:''; display:inline-block; width:24px; height:25px; background-image:url(/resources/mrp/images/icons.png); background-size:300px 300px; vertical-align:middle; margin-right:2px; }
.v-btn-confm:before  { background-position:-274px -74px; }
.v-btn-map:before  { background-position:-274px -74px; }
.v-btn-terms:before  { background-position:-274px -114px; }
.v-btn-map:before  { background-position:-274px -150px; }

.v-indx-list  { max-width:420px; color:#fff; margin:60px auto 20px; }
.v-indx-list h2  { border-bottom:1px solid #ddd; font-size:16px; font-weight:500; text-align:left; padding-bottom:8px; }
.v-indx-list .btn-more  { float:right; display:block; width:27px; height:22px; background:url(/resources/mrp/images/icons.png)-63px 1px no-repeat; background-size:300px 300px; }
.v-indx-list .main-noticelist  { font-size:13px; color:#fff; }
.main-noticelist .v-list-dt  { width: 120px; border:0; font-size:12px; text-align:right; }
.main-noticelist .v-list-text { border:0; text-align: left; padding-left:0; }
.main-copyright  { position:absolute; bottom:10vh; left:50%; width:460px; font-size:11px; font-weight:100; color:rgba(255,255,255,0.8); line-height:19px; margin-left:-230px; }
@media screen and (max-width:720px) {
	.v-indx .index-container  { width:auto; height:100vh; background-size:auto 100%; background-position:38% 0; margin:0; }
	.v-indx .con     { width:auto; left:0; padding-top:3.5vh; overflow:auto }
	.v-indx .visual  { display:none }
	.ci-index-mobile  { display:block }
	.v-indx .btns .btn  { border-radius:3px }
	.v-btn-reqst  { margin-top:2.5vh }
	.login-wrap .form-horizontal .control-label  { float:none; width:100%; text-align:left }
	.login-wrap .form-horizontal .v-data-div  { float:none; width:100%; margin-left:0 }
	.v-btn-reqst  { height:146px; margin-bottom:3vh }
	.v-indx-list  { margin:11vh 20px 20px }
	.v-indx-list table tbody td  { padding-bottom:4px }
	.main-copyright  { position:relative; width:auto; bottom:auto; left:auto; right:auto; font-size:10px; line-height:14px; padding-top:3vh; margin-left:0; padding-bottom:10px }
}
*/

/*
 * 리스트, 상세

.visit-list  { width:100%; background:#fff; padding:0; margin:0; }
.visit-list li  { border-bottom:1px solid #e0e0e0; list-style:none; color:#666; padding:0; margin:0; }
.visit-list li:hover:not(.header)  { background:#f9f9f9; }
.visit-list li p + p { border-left:1px solid #ddd; }
.visit-list li.header  { border-top:1px solid #868686; border-bottom-color:#868686; color:#212529; }
.visit-list li.header p + p { border-left:0; }
.visit-list li:after  { clear:both; display:block; content:''; }
.visit-list li > p[class^='c-']  { float:left; min-height:38px; line-height:32px; text-align:center; padding:3px 1px; margin:0; cursor:pointer; }
.visit-list li > .c-num  { width:5% }
.visit-list li > .c-status { width:10% }
.visit-list li > .c-agree  { width:7% }
.visit-list li > .c-start  { width:13% }
.visit-list li > .c-end    { width:13% }
.visit-list li > .c-place  { width:10% }
.visit-list li > .c-name   { width:9% }
.visit-list li > .c-purpose  { width:10% }
.visit-list li > .c-date   { width:13% }
.visit-list li > .c-qr  { width:10% }
.visit-list li:not(.header) > .c-start,
.visit-list li:not(.header) > .c-end,
.visit-list li:not(.header) > .c-date  { font-size:.928em }

.visit-list .c-qr .btn  { line-height:16px; margin-top:-2px;}

.board-list  { width:100%; background:#fff; padding:0; margn:0; }
.board-list li  { border-bottom:1px solid #e9e9e9; list-style:none; color:#666; padding:10px 22% 10px 10%; margin:0; }
.board-list li.header  { border-top:1px solid #868686; border-bottom-color:#868686; color:##212529; }
.board-list li:hover:not(.header)  { background:#f9f9f9; }
.board-list li:after  { clear:both; display:block; content:''; }
.board-list li > p  { float:left; text-align:center; margin-bottom:0; }
.board-list li > .c-num  { width:14.7%; margin-left:-14.7% }
.board-list li > .c-text  { width:100%; text-align:left; cursor:pointer }
.board-list li > .c-date  { width:32.35%; float:right; font-size:.928em; margin-right:-32.35% }

.board-view   { text-align:left; }
.board-view .view-title  { font-size:18px; border-bottom:1px solid #ffe6e6; padding-bottom:14px; }
.board-view .view-con  { min-height:42vh; font-size:13px; padding:15px 0 20px; }

@media screen and (max-width:991px) {
	.visit-list  { border-top:1px solid #e9e9e9; }
	.visit-list li.header  { display:none }
	.visit-list li p + p   { border-left:0 }
	.visit-list li  { position:relative; padding-left:30px; padding-right:calc(24% + 50px); }
	.visit-list li > .c-date,
	.visit-list li > .c-purpose  { display:none; }
	.visit-list li > p.c-num   { position:absolute; float:none; width:30px; text-align:center; top:50%; left:0; margin-top:-21px }
	.visit-list li > p.c-status { width:24%; margin-left:1% }
	.visit-list li > p.c-agree  { width:24%; line-height:24px; padding:7px 0 }
	.visit-list li > p.c-agree:before  { content:'약관 '; }
	.visit-list li > p.c-start  { width:51%;  }
	.visit-list li > p.c-end    { width:51%; float:right; position:relative; margin-top:-6px }
	.visit-list li > p.c-end:before    { content:'~'; position:absolute; width:30px; text-align:center; display:block; top:-13px; left:50%; margin-left:-15px }
	.visit-list li > p.c-place  { position:absolute; float:none; top:0; right:50px; width:24% }
	.visit-list li > p.c-name   { position:absolute; float:none; bottom:0; right:50px; width:24% }  
	.visit-list li > p.c-qr    { float:none; position:absolute; top:50%; right:0; margin-top:-22px; width:50px; text-align:right; }
	.visit-list li > p.c-qr .btn { width:45px; white-space:normal; padding-top:4px; padding-bottom:6px; }
	.visit-list li > p.c-qr .btn:before  { content:'QR ' }
	.visit-list li > p.c-qr .btn.btn-agree:before  { content:'' }
}
@media screen and (max-width:720px) {
	.conbox-wrap.list-wrap  { max-width:calc(100% + 16px); background:transparent; padding:0; margin:0 -8px; }
	.visit-list li  { padding-top:3px; padding-bottom:3px; padding-left:57px; padding-right:calc(19% + 75px); }
	.visit-list li > p.c-num,
	.visit-list li > p.c-agree  { display:none }
	.visit-list li > p.c-status { width:42px; margin-left:-42px }
	.visit-list li > p.c-start  { width:97%; line-height:20px; padding-top:9px; padding-bottom:7px; margin-left:3% }
	.visit-list li > p.c-end    { width:97%; }
	.visit-list li > p.c-end:before  { top:-12px }
	.visit-list li > p.c-place  { top:3px; right:70px; width:19% }
	.visit-list li > p.c-name  { bottom:3px; right:70px; width:19% }
	.visit-list li > p.c-qr    { top:50%; right:15px; }
	.board-view .view-title  { font-size:16px }
	.board-view .view-con *  { font-size:14px !important }
	.board-list  { border-top:1px solid #e9e9e9 }
	.board-list li  { padding-right:10px; padding-left:42px }
	.board-list li.header  { display:none }
	.board-list li > p.c-num   { width:32px; margin-left:-32px }
	.board-list li > p.c-date  { clear:both; width:100%; float:none; color:#999; text-align:left; margin-right:0; padding-top:7px }
}
@media screen and (max-width:350px) {
	.conbox-wrap img  { max-width:100% }
}
*/

/* QR 코드
.conbox-wrap.qr-page  { min-height:calc(90vh - 80px) }
.qr-intro  { border-bottom:1px solid #e0e0e0; font-size:14px; color:#999; padding:10px 0 25px; margin-bottom:30px }
.qr-intro h3  { font-size:17px; color:#333; font-weight:300; padding-bottom:.5em }
.qr-page .time  { font-size:13px; color:#555; padding-right:7px }
.qr-page .time:before  { content:''; display:inline-block; width:16px; height:16px; background:url(/resources/mrp/images/icons.png)-1px -161px no-repeat; background-size:300px 300px; vertical-align:middle; margin-right:4px; }
.qr-page .time span  { color:#ed1b23; font-weight:500 }
.qr-page img  { max-width:80% }
.qr-wrap  { position:relative }
.qr-wrap .btn-refresh  { display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.8); z-index:2 }
.qr-wrap .btn-refresh:after  { content:''; position:absolute; top:50%; left:50%; width:50px; height:50px; background:url(/resources/mrp/images/icons.png)-33px -144px no-repeat #ed1b23; background-size:300px 300px; border-radius:50%; margin-left:-25px; margin-top:-25px }
.qr-wrap.time-end .btn-refresh  { display:block }
 */

/* 
 * 팝업 레이어
 */
.v-modal-view .modal-content { border-radius: 0; border:0; }
.v-modal-view .modal-header { height:60px; background-color: #050505; padding: 0; border: 0; }
.v-modal-view .modal-header .close { width:44px; height:44px;  opacity: 1; margin: 8px 10px; }
.v-modal-view .modal-header .close span { display: none; }
.v-modal-view .modal-header h2 { font-size: 20px; color: #FFFFFF; font-weight:300; line-height: 24px; text-align:left; padding: 19px 0 18px 22px; margin:0; }
.v-modal-view .modal-body { margin: 0 22px; padding: 12px 0 15px; }
.v-modal-view .modal-body .form-horizontal .v-data-div .form-control-static .v-tkin-mbtlnum, 
.v-modal-view .modal-body .form-horizontal .v-data-div .form-control-static strong { color: #ED1C24; }
.v-modal-view .modal-body .form-horizontal .v-data-div .form-control-static .v-valid { color: #0000FF; }

.v-modal-view .modal-body .form-horizontal .v-idn-knd .v-data-div .btn-lg { width: 95px; height: 94px; font-size: 12px; padding: 1px 5px; margin: 10px 0; }
.v-modal-view .modal-footer { text-align: center; border: 0; }

@media screen and (max-width:720px) {
	.v-modal-view .modal-header  { height:44px; }
	.v-modal-view .modal-header h2  { font-size:16px; padding:9px 0 9px 15px }
	.v-modal-view .modal-header .close  { width:30px; height:30px; background:url(/resources/mrp/images/icons.png) 3px 3px no-repeat; background-size:300px 300px; margin:9px 6px 0 }
	.modal-body  { font-size:13px; padding:10px 13px }
	.modal-footer  { padding:10px 13px 15px; margin-top:10px }
	#accModal .form-group label:not(.control-label)  { font-size:1.125em !important }
}

.v-cancel { text-decoration: line-through; color: #999999; }

.v-search-form fieldset { border: solid 1px #DBDBDB; background-color: #F7F7F9; padding: 5px; margin: 10px 0; text-align: right; width: 100%; }
.v-search-form fieldset fieldset { border: 0; padding: 0; margin: 0; }
.v-search-form fieldset fieldset legend,
.v-search-form fieldset fieldset label { margin: 0 10px; display: inline-block; width: auto; }
.v-search-form .form-group { margin: 5px 10px; }

.v-table-btns .btn { position: relative; top: -5px; float: left; margin: 0 10px 0 0; }
.v-table-info p { text-align: right; }
.v-table-info p span { color: #ED1C24; }

.v-btn-add { background-color: #938779; color: #FFFFFF; }
.v-form-btns { text-align: left; }
.v-form-btns .btn { margin: 0; }

/* 
 * custom jQuery
 */
#searchForm .form-inline input.hasDatepicker { width: 100px; }

@media screen and (max-width:720px) {
	.list-wrap .v-table-info  { padding-right:15px }
}


/*
 * Modal
 */
#accModal fieldset { margin-bottom: 20px; }
#accModal .form-group { margin:0 0 0.25em; }
#accModal .form-group .control-label  { min-width:94px }
#accModal .form-group label { min-width:70px; margin: 5px 5px 0 10px; }
#accModal .form-group label span { margin-right: 5px; }
#accModal .form-group p { border: solid 1px #ccc; padding: 10px; margin: 10px 0 0; }

/* 
 * custom by page
 */
.v-list-sn { width: 60px; }

.v-stplat fieldset { margin-top:10px; }
.v-stplat legend { font-weight: bold; }
.v-stplat legend strong { color: #ED1C24; }
.v-stplat .form-group div { margin: 10px 0 0 0; padding: 0; }
.v-stplat .form-group .form-control { background-color: #FFFFFF; }
.v-stplat .form-group label.checkbox { left: 20px; font-size: 14px; cursor: pointer; }

#confmZoneModal .btn-default { color: #999999; }
#confmZoneModal .btn .glyphicon { display: inline-block; }

.v-text-sms { border: solid 2px #cccccc; padding: 0; }
.v-text-sms #defaultMssage { padding: 6px 12px; }
.v-text-sms textarea { border: 0; }
.v-text-length { float: right; text-align: right; }
.v-text-length-warn { color: #ff0000; }


/* 위젯 리터칭 */
.ui-widget-content.ui-datepicker  { border:0; box-shadow:0 0 2px 3px rgba(0,0,0,.08); }
.ui-widget-header.ui-datepicker-header { border:0; background:none; }
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-defaul { border:0 }
.ui-datepicker .ui-datepicker-title select { border:0; width:40% }
.ui-datepicker th { background:none; color:#888; font-weight:normal; font-size:11px; }
.ui-state-disabled .ui-state-default, 
.ui-widget-content .ui-state-disabled .ui-state-default { background:none }


/* toast message */
i.toast-icon  { position:absolute; top:17px; left:0; width:50px; height:31px; vertical-align:middle; display:inline-block; background-image:url(/resources/mrp/images/ico-toast.png); background-repeat:no-repeat }
.toast-icon-error { background-position:5px -25px }
.toast-icon-info { background-position:5px -66px }
.toast-icon-notice { background-position:5px -151px }
.toast-icon-success { background-position:5px -108px }
.toast-icon-warning { background-position:5px -25px }
.toast-item-wrapper { top:-200px; background-color:#fff; box-shadow:1px 2px 5px rgba(0,0,0,.3); padding:14px 12px 15px; box-sizing:border-box; color:#fff; overflow:hidden; z-index:10000; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.toast-item-wrapper .toast-close { position:absolute; top:2px; right:2px; width:20px; height:20px; background:url(/resources/mrp/images/ico-toast.png) -21px 2px no-repeat; text-indent:100px; overflow:hidden; cursor:pointer }
.toast-item-wrapper.error  { border:1px solid #ec5a4f }
.toast-item-wrapper.success  { border:1px solid #29ab9f }
.toast-item-wrapper.success .toast-title  { color:#29ab9f }
.toast-item-wrapper.error .toast-title  { color:red }
.toast-item-wrapper.warning .toast-title  { color:#fff1c0 }
.toast-item-wrapper.notice .toast-title  { color:#48a9f8 }
.toast-item-wrapper.info .toast-title  { color:#7f97a3 }
.toast-item-wrapper.success .toast-progress { background:#29ab9f }
.toast-item-wrapper.error .toast-progress { background:#ec5a4f }
.toast-item-wrapper.warning .toast-progress { background:#fff1c0 }
.toast-item-wrapper.notice .toast-progress { background:#48a9f8 }
.toast-item-wrapper.info .toast-progress { background:#7f97a3 }
.toast-item-wrapper.toast-top-left { left:20px; top:20px }
.toast-item-wrapper.toast-top-right { right:20px; top:20px }
.toast-item-wrapper.toast-top-center { margin:0 auto; top:20px; left:50% }
.toast-item-wrapper.toast-bottom-left { left:20px; bottom:20px }
.toast-item-wrapper.toast-bottom-right { right:20px; bottom:20px }
.toast-item-wrapper.toast-bottom-center { margin:0 auto; bottom:20px }
.toast-item-wrapper.fullscreen { left:20px; right:20px; width:calc(100% - 40px) }
.toast-item-wrapper p { margin:0 }
.toast-item-wrapper .toast-title  { font-size:16px; padding-bottom:9px }
.toast-item-wrapper .toast-message  { font-size:14px; color:#1f1f1f }
.toast-item-wrapper .toast-progress { width:0; height:4px; position:absolute; bottom:1px; right:0; opacity:0.4; border-radius:2px }
.toast-item-wrapper.rtl { direction:rtl; text-align:right }
.toast-item-wrapper.rtl i.toast-icon { left:auto; right:0 }
.toast-item-wrapper.rtl .toast-close { right:auto; left:0 }
.toast-item-wrapper.rtl p { text-align:right }
.toast-item-wrapper.rtl .toast-progress { left:auto; right:0 }


.tab-black, .tab-hover-black:hover {
	color: #ffffff !important;
	background-color: #69aa85 !important
}

.tab-bar {
	width: 100%;
	overflow: hidden
}

.tab-bar .tab-button {
	white-space: normal;
}

.tab-bar .tab-bar-item {
	padding: 8px 16px;
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0;
}

.tab-bar .tab-button {
	white-space: normal;
}

.tab-bar .tab-bar-item {
	padding: 8px 16px;
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0;
}

.tab-button {
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}

.tab-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tab-button:disabled {
	cursor: not-allowed;
	opacity: 0.3
}

.tab-button:hover {
	color: #FFFFFF !important;
	background-color: #73956a !important;
}

.tab-click {
	color: #FFFFFF !important;
	background-color: #60836f !important;
}

li {
	list-style-type: none;
	padding-left:10px;
}

.title {
	font-size:18px;
	margin:0 0 0 0;
	font-weight:550;
}

.desc {
	margin:0 0 0 0;
}

.sub-title {
	font-size:16px;
	font-weight:450;
}
.ul-list, .ul-list ul  {
    list-style: none;
    margin:0px; padding:4px 4px 4px 10px;
}

.form-view {
	height:500px;
	overflow-y:auto;
	overflow-x:hidden;
}

#accModal .form-group2 { border: solid 1px #ccc; padding: 10px;}