@charset "utf-8";
@font-face{font-family:OpenSans;src:url(../FONT/OpenSans-Regular.eot),url(../FONT/OpenSans-Regular.ttf) format('truetype')}
@font-face{font-family:OpenSansM;src:url(../FONT/OpenSans-Semibold.eot),url(../FONT/OpenSans-Semibold.ttf) format('truetype')}
@font-face{font-family:OpenSansL;src:url(../FONT/OpenSans-Light.eot),url(../FONT/OpenSans-Light.ttf) format('truetype')}
@font-face{font-family:OpenSans-Bold;src:url(../FONT/OpenSans-Bold.eot),url(../FONT/OpenSans-Bold.ttf) format('truetype')}
@font-face{font-family:FontAwesome;src:url('../FONT/fontawesome-webfont.eot?v=4.0.3');src:url('../FONT/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../FONT/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../FONT/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../FONT/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'Glyphicons Halflings';src:url(../FONT/glyphicons-halflings-regular.eot);src:url(../FONT/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../FONT/glyphicons-halflings-regular.woff) format('woff'),url(../FONT/glyphicons-halflings-regular.ttf) format('truetype'),url(../FONT/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}

*{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}
article, aside, details, pigcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
.blind,legend,caption{display:block;overflow:hidden;position:absolute;top:0;left:-1000em}
hr{display:none}
ul, ol, dl{list-style:none;margin:0;padding:0}
a{text-decoration:none;color:#000;transition:all 0.3s ease;line-height:1.1}
a:focus,a:hover{color:inherit;text-decoration:unset}
button{transition:all 0.3s ease;line-height:1.1}
button:active,button:focus{outline:none !important; box-shadow:none !important}
table{width:100%;border-collapse:collapse;border-spacing:0}
label{margin:0;cursor:pointer}
i,em,address{font-style:normal;font-weight:normal}
input, select, button, textarea{vertical-align:middle;outline:none}
html, body{width:100%;height:100%;padding:0;margin:0;font-weight:normal}
body,th,td,input,select,textarea,button{color:#333; line-height:1.5; font-weight:400; letter-spacing:-0.2px; font-family:'Roboto', Helvetica, Arial, sans-serif}
button{border:none;background-color:transparent; padding:0}

h1, h2, h3, h4, h5, h6{color:#111;margin:0}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#111}
h2{font-size:24px}
h3{font-size:18px}

.footer{text-align:center;padding: 30px 10px;clear:both}
.footer p, .footer a{color: #979797;font-size: 11px;margin: 0;display: inline-block}
/* .footer .pledge{color:#999;padding:0 15px} */
.footer .pledge .bar{display:inline-block;font-size:12px;color:#e3e3e3;vertical-align:-1px;margin:0 5px}
/* .footer .pledge a{color:#999;vartical-align:middle} */
/* .footer .copy{font-size:12px;padding:0} */
/* .footer .address{font-size:12px} */

@media (min-width:768px){
/* input, select, button, textarea{font-family:'malgun gothic'} */
/* html, body{font-family:'malgun gothic';height:auto} */
}

input[type="date"]::-webkit-clear-button {display: none}
/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button {display: none}
/* Always display the drop down caret */
/* input[type="date"]::-webkit-calendar-picker-indicator {display:none} */
/* input[type="date"]::-webkit-calendar-picker-indicator {color: #2c3e50} */
/* A few custom styles for date inputs */
/* input[type="date"] {appearance: none;-webkit-appearance: none;color: #95a5a6;font-family: "Helvetica", arial, sans-serif;font-size: 18px;border:1px solid #ecf0f1;padding:5px;display: inline-block !important;visibility: visible !important} */
/* input[type="date"], focus {color: #95a5a6;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none} */

.errorbox{display:block;width: 95%;border:solid 5px #f6fbff;text-align:center;line-height:1.5;padding:50px 0;margin:100px auto}
.errorbox .icoWarn{display:block;margin:0 auto 100px auto;width: 250px}
.errorbox h1{font-size: 16px;margin: 20px 0 10px 0;color: #79b1fd}
.errorbox h3{font-size: 12px}
.errorbox h5{display: none}
.errorbox .btnLogout{color: #000;font-size: 15px;font-weight: bold;border-radius: 5px;padding: 5px 10px;border: 1px solid #79b1fd}

.alertModalLayer{position:fixed;top:35px;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:5000 /*최소2000이상*/}
.alertModalLayer .alertModalBox{max-width:calc(100% - 20px);background:#fff;text-align:center;border-radius:4px;box-shadow:0 0 10px rgb(0 0 0 / 30%);margin:20px auto;padding:25px 20px 30px 20px}
.alertModalLayer .modalMsg{font-size:14px;color:#333}
.alertModalLayer .modalBtn{text-align:center;margin:20px 0 0 0}
.alertModalLayer .btnCancel{width:40%;max-width:150px;height:40px;background:#F7F7F7;border:solid 1px #ccc;font-size:15px;line-height:1.1;color:#666}
.alertModalLayer .btnConfirm{width:40%;max-width:150px;height:40px;background:#3574FF;border:solid 1px #3574FF;font-size:15px;line-height:1.1;color:#fff;cursor:pointer}
.alertModalLayer .btnConfirm:before{display:inline-block;content:"";width:18px;height:15px;background:url(/images/ico_check_agree.png) 50% 50% no-repeat;background-size:17px auto;margin:0 5px 0 0;cursor:pointer}

@media (min-width:768px){
.alertModalLayer .alertModalBox{width:600px}
}