@charset "utf-8";

/* ??? : notosans */
@font-face {
    font-family: 'NotoKrL';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Light'), local('NotoSans-Light'), url(../font/NotoSans-Light.eot);
    src: url(/font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
       /* url(../font/NotoSans-Light.woff2) format('woff2'), */
        url(../font/NotoSans-Light.woff) format('woff');
    ;
}

@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../font/NotoSans-Regular.eot);
    src: url(/font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
        url(../font/NotoSans-Regular.woff2) format('woff2'),
        url(../font/NotoSans-Regular.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrM';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../font/NotoSans-Medium.eot);
    src: url(../font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
        url(../font/NotoSans-Medium.woff2) format('woff2'),
        url(../font/NotoSans-Medium.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrB';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../font/NotoSans-Bold.eot);
    src: url(../font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
        url(../font/NotoSans-Bold.woff2) format('woff2'),
        url(../font/NotoSans-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../font/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/MaterialIcons-Regular.woff2) format('woff2'), url(../font/MaterialIcons-Regular.woff) format('woff'), url(../font/MaterialIcons-Regular.ttf) format('truetype');
}

/* Common */
div:after, p:after {clear:both;}
img, i, a, strong, span, select, input[type="text"], label {vertical-align:middle;}
i {display:inline-block;}
li {box-sizing:border-box;}
input[type="submit"] {border:0; vertical-align:middle; -webkit-appearance:none;} 
input[type="submit"],
input[type="text"],
input[type="password"] {box-sizing:border-box;}
.required {background:url(../img/sub/required.png) right 5px top 5px no-repeat;}
.ove_hid {overflow:hidden}
.mb_21 {margin-bottom:21px !important;}
.mr_0 {margin:0 !important;}
.main_wrap {width:100%; margin:0 auto;}
.sub_bg {background-color: #28569a;}
.fl {float:left; }
.s_size {font-size:14px !important;}
.m_size {font-size:16px !important;}
.l_size {font-size:18px !important;}


/* 상단메뉴 */
.menu_btn {color: #fff; text-align: center; position: relative; height: 49px;}
.menu_btn.sub_bg h5 {line-height: 49px; font-size: 1.1em; letter-spacing: -1px; color:#fff;}
.menu_btn a {display:inline-block; position: absolute; left: 15px; top: 8px;}
.menu_btn a i {color:#fff; font-size: 26px;}
.menu_btn a.go_page_btn {display:inline-block; position: absolute; right: 15px; top: 8px; left: auto;}
.menu_btn a.go_page_btn i {color:#fff; font-size: 26px;}
.app_menu {position: fixed; width: 74%; height: 100%; top: 0; background-color:#fff;z-index:99999; border-right: 1px solid #204454}
.app_menu .profile {background: #204454; padding: 33px 20px 20px 20px;}
.app_menu .profile dl {} 
.app_menu .profile dl dt,.app_menu  .profile dl dd {display:table-cell; vertical-align:middle; color:#fff;}
.app_menu .profile dl dt {}
.app_menu .profile dl dt i {font-size: 45px;}
.app_menu .profile dl dd {padding-left: 10px;}
.app_menu .profile dl dd span {display: block;}
.app_menu .profile dl dd strong {}
.app_menu .menu_list {}
.app_menu .menu_list ul {}
.app_menu .menu_list ul li {border-bottom:1px solid #ddd}
.app_menu .menu_list ul li a {display:block; padding:10px; line-height: 24px;}
.app_menu .menu_list ul li a i {margin-right: 8px; font-size: 19px; color: #204454;}
.app_menu .menu_list ul li a span.#overWorkTimeStr {font-weight:bold; color:red;}
.app_menu a.menu_close {position: absolute; top:15px; right:15px;} 
.app_menu a.menu_close i {color:#fff; font-size: 25px;}

/* 인증받기 */
.ct_number {margin-top:49px; text-align: center;}
.ct_number h3 {text-align:center; padding:40px 0;}
.ct_number em {display:inline-block; background: #f5f5f5; padding: 3px 8px;}
.ct_number em b {color:red;}
.ct_number p {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; font-weight:bold}
.ct_number p i {display:inline-block; margin-right:5px; font-style:normal;}
.ct_number p input[type="text"] {border:1px solid #ddd; padding: 11px;}
.ct_number strong {display:block; margin:10px 0;}
.ct_number strong span {color:red;}
.ct_number .ct_insert {text-align:center; padding:10px; border-bottom:1px solid #ddd; }
.ct_number .ct_insert div {}
.ct_number .ct_insert a {display:block; color:#fff; background-color:#D34735; padding:12px;}



.hidden {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.display-none {
    display: none;
}

/* input */
input.checkbox {
    width: 13px;
    height: 13px;
    vertical-align: top;
}

* html input {
    margin: -1px 0;
}

*:first-child + html input {
    margin: -1px 0
}

/* Skip */
.skip {
    font-size: 0;
    display: none;
    visibility: hidden;
}

/* float */
.clear_both {
    clear: both;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.clearb:after {
    content: "";
    clear: both;
    display: block
}


/** Common **/

html {
    font-size: 16px;
}

@media (max-width: 1500px) {
    html {
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    html {
        font-size: 14px;
    }
}

body {color:#181818;}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    letter-spacing: -0.02rem;
    font-family: "NotoKrL", "Titillium Web", "Nanum Barun Gothic", Dotum, "Open Sans", Tahoma, Verdana, AppleGothic, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    list-style: none
}


p,
span,
a {
    font-weight: inherit;
}

h2 p,
h2 span,
h2 a {
    font-weight: inherit;
}

/* HTML5 display-role reset for older browsers */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    overflow-y: scroll;
    font-weight: 400;
    word-wrap: break-word;
    word-break: keep-all;
    width: 100%;
    height: 100%;
	-webkit-text-size-adjust: none !important;
	-moz-text-size-adjust: none none !important;
	-ms-text-size-adjust: none none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

hr {
    display: none;
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

em,
address {
    font-style: normal
}

ul,
ol,
dt,
dd {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

button {
    border: 0;
    cursor: pointer;
}

img {
    max-width: 100%;
    border: 0;
}

caption,
legend {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

textarea {
    resize: none;
}

textarea.vert {
    resize: vertical;
}

a {
    color: #333;
    text-decoration: none
}

.dropdown-toggle:focus,
a:focus,
button:focus {
    outline: thin dotted;
    text-decoration: none
}

button {
    padding: 0;
    margin: 0
}

a:active,
a:hover,
button:active,
button:hover {
    outline: 0 none;
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5 {
    color: #333
}

input {
    outline: none
}

input::-ms-input-placeholder {
    color: #c0c0c0;
}

input::-webkit-input-placeholder {
    color: #c0c0c0;
}

input::-moz-placeholder {
    color: #c0c0c0;
}

#wrap {
    overflow: hidden;
    position: relative;
}

/* accessibility */
#accessibility {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#accessibility li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#accessibility a {
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    margin-bottom: -1px;
    color: #444;
    font-size: 0;
    text-decoration: none;
}

#accessibility a:active,
#accessibility a:focus {
    width: 100%;
    height: auto;
    padding: 5px 0;
    background: #eee;
    font-size: 14px;
    text-align: center;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.w_100 {
    width: 100% !important;
}

#a2mdms {
    margin-bottom: 15px;
}

div,
span,
li,
p,
a,
form,
button,
input[type="submit"] {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}
.dropdown-menu {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#accessibility,
#accessibility a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


.dropdown-menu {
    border-radius: 0;
    margin-top: -1px;
}

.bootstrap-datetimepicker-widget {
    position: absolute;
    height: auto;
}


.btn{
    padding: 6px 12px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-family: "NotoKrL";
	line-height: 22px
}

.brwon{
    background: #a58367;
}
.brwon:hover{
    background: #866951;
}
.red{
    background: #f04d6a
}
.red:hover{
    background: #c1435a
}