* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKR-Thin.woff2) format('woff2'), url(/fonts/NotoSansKR-Thin.woff) format('woff'), url(/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSansKR-Light.woff2) format('woff2'), url(/fonts/NotoSansKR-Light.woff) format('woff'), url(/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),  url(/fonts/NotoSansKR-Regular.woff) format('woff'),  url(/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSansKR-Medium.woff2) format('woff2'),  url(/fonts/NotoSansKR-Medium.woff) format('woff'),  url(/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),  url(/fonts/NotoSansKR-Bold.woff) format('woff'),  url(/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/fonts/NotoSansKR-Black.woff2) format('woff2'),  url(/fonts/NotoSansKR-Black.woff) format('woff'),  url(/fonts/NotoSansKR-Black.otf) format('opentype');
 } 

 @font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('/fonts/NanumMyeongjoR.woff2') format('woff2'), 
        url('/fonts/NanumMyeongjoR.woff') format('woff'),
        url('/fonts/NanumMyeongjoR.ttf') format('truetype'),
        url('/fonts/NanumMyeongjoR.otf') format('opentype'),
        url('/fonts/NanumMyeongjoR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
        url('/fonts/NanumMyeongjoB.woff2') format('woff2'), 
        url('/fonts/NanumMyeongjoB.woff') format('woff'),
        url('/fonts/NanumMyeongjoB.ttf') format('truetype'),
        url('/fonts/NanumMyeongjoB.otf') format('opentype'),
        url('/fonts/NanumMyeongjoB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
        url('/fonts/NanumMyeongjoEB.woff2') format('woff2'), 
        url('/fonts/NanumMyeongjoEB.woff') format('woff'),
        url('/fonts/NanumMyeongjoEB.ttf') format('truetype'),
        url('/fonts/NanumMyeongjoEB.otf') format('opentype'),
        url('/fonts/NanumMyeongjoEB.eot') format('embedded-opentype');
}



body { font-family: 'Noto Sans KR', sans-serif; font-size:20px }
/* Common Style Reset Area */

*{margin:0;padding:0;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }

html,body{width:100%; }
img,fieldset,iframe{border:0 none; vertical-align:middle;}
li{list-style:none;}
a, a:link{color:#000; text-decoration:none;}
a:hover{color:#b22025; text-decoration:none;}
em,address{font-style:normal;}
button,label{cursor:pointer;}
label{position:relative;}
button *{position:relative;}
textarea{overflow:auto;border:1px solid #ccc;padding:5px}
hr{display:none;}
caption{display:none;}
ul{margin:0; padding:0;}
legend{display:none;}
table {border-collapse:collapse; }



/* Clear Area */

.clear{display:block; float:none; clear:both; height:0; width:100%;  border:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
html,body {}
img { max-width:100%; }
body{width:100%; margin:0 auto; background:#fff;word-break:keep-all;-webkit-text-size-adjust:none;}

/* MOBILE */
#m-nav { position:fixed; left:calc(-90% - 40px); top:0; height:100%; width:90%; max-width:500px; background:#fff;  transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:666; overflow-y:auto}
#m-nav .etc { display:flex; }
#m-nav .etc a { display:block;  width:100%; border-right:0px solid #ccc; text-align:center; font-size:15px; color:#000; background:#eee; padding:10px 0; }
#m-nav .etc a:nth-child(3) { border-right:0;  }
#m-nav .etc a.on {background:#bc9b6a;  }
#m-nav> div > h1 { display:block;text-align:center; padding:50px 0 30px 0; background:#3366cc}
#m-nav> div > h1 img { width:250px}
#m-nav .nav > div > h2 { line-height: 2em; }
#m-nav .nav > div > h2 > a { display:block; font-size:16px;  color:#333; font-weight:400; padding:10px 0 10px 20px; border-bottom:1px solid #ccc; background:url(/images/common/ico_m_nav_plus.png) no-repeat 95% 50%; }
#m-nav .nav ul { display:none; border-bottom:1px solid #ccc; }
#m-nav .nav ul > li > a { display:block; font-size:15px; color:#ccc; padding:10px; }
#m-nav .nav ul > li:first-child > a {padding-top:20px }
#m-nav .nav ul > li:last-child > a {padding-bottom:20px }
#m-nav .nav > div.active ul { background:#f2f2f2; }
#m-nav .nav > div.active ul > li > a{ color:#333; padding-left:20px }
#m-nav .btn-close { position:absolute; right:0px; top:0px; background:#000 url(/images/common/btn_close.png) no-repeat 0; background-size: cover; width:40px; height:40px; }
.bg-gnb { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); z-index:601;}

/* Mobile Active */
body.fixed  { overflow:hidden !important; }
body.fixed #m-nav { left:0; }
body.fixed .bg-gnb { display:block; }

#wrap{width:100%; background:#f6f6f6;position:relative }

#leftmenu{position:fixed; left:0; top:0; width:244px; height:100%; background:#0c2a58; color:#fff;z-index:99; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); overflow-x:hidden;overflow-y:auto}
#leftmenu a{color:#fff; font-size:0.9em}
#leftmenu div.left_infor{width:100%; height:120px }
#leftmenu div.logout{width:100%; padding:10px; text-align:center; background:#2451ab }

#leftmenu div.left_infor > a{display:block;width:100%; height:120px;color:#fff; font-size:16px; background:#0c2a58 url('/images/ico_my.png') no-repeat center 20px; font-weight:500; text-align:center; padding-top:85px }
#leftmenu > ul{padding:20px 10px }
#leftmenu > ul > li > a{display:block; border:1px solid #ccc; padding:5px 10px; margin-bottom: 10px;}
#leftmenu > ul .notice{margin-bottom: 30px;}
#leftmenu > ul > li > ul{padding-bottom: 20px;}
#leftmenu > ul > li > ul > li > a{display:block; font-size:15px; line-height:1.5em; margin-bottom: 5px;}

#leftmenu .leftCi{padding:20px 10px; text-align:center; background:#3366cc}
#leftmenu .leftCi > p{font-size:0.9em; padding:10px 0}

/* Header */





div.subtitle{width:calc(100% - 214px); margin-left:214px; border-bottom:1px solid #e5e5e5;box-shadow : 2px 2px 2px #ccc; background:#fff; margin-top:0; padding-top:10px; padding-bottom:10px; position:relative; margin-bottom:2px; border-top:1px solid #eee}
div.subtitle > div.title_download{position:absolute; left:20px; top:10px; font-size:16px}
div.subtitle > div.title_download > a{display:inline-block; border:1px solid #ccc; padding:10px 20px 10px 40px; margin-right:5px}
div.subtitle > div.title_download > a.t_down01{background:url('/images/ico_down_01.png') no-repeat 10px 10px; }
div.subtitle > div.title_download > a.t_down02{background:url('/images/ico_down_02.png') no-repeat 10px 10px; }


div.top_movie{background:#333; padding:10px; }
#modal_bg{     background: rgba(0,0,0,0.6);    position: fixed;    width: 800px;    height: 400px;    display: none;    z-index: 999;    left: 0;    right: 0;    top: 0;   bottom: 0; }

#header h1{margin-right:20px; }

#header > div.top > ul#gnbR{position:absolute; right:30px; top:30px; font-size:15px; font-weight:500}
#header > div.top > ul#gnbR > li > a{display:block; padding:15px 20px 15px 50px; border-radius:5px;}
#header > div.top > ul#gnbR > li:nth-child(2) > a{ margin-left:5px;background:#4e7abc url('/images/ico_login_04.png') no-repeat 20px 10px; color:#fff  }
#header > div.top > ul#gnbR > li.checklist > a{ background:#f2f2f2 url('/images/ico_login_05.png') no-repeat 20px 10px; color:#0c2a58}

#header > div.top > ul#gnbL{position:absolute; left:30px; top:30px; font-size:17px; font-weight:500}
#header > div.top > ul#gnbL > li{ }
#header > div.top > ul#gnbL > li > a{display:inline-block; height:60px;display:flex; align-items:center;  }
#header > div.top > ul#gnbL > li > a > span{display:inline-block;padding-left:10px  }
#header > div.top > ul#gnbL > li:nth-child(1) > a:before{display:inline-block; content:"";width:60px; height:60px; border-radius:50%; background:#f2f2f2 url('/images/ico_login_03.png') no-repeat center center; color:#0c2a58 }
#header > div.top > ul#gnbL > li:nth-child(1) > a{color:#fff }
#header > div.top > ul#gnbL > li:nth-child(2) > a{ background:#4e7abc url('/images/ico_login_04.png') no-repeat 20px 10px; color:#fff }

#header > div#gnbR2{ position:absolute; top:13px; right:33px;}

#header > div#topgnb{width:920px; margin:0 auto; }
#header > div#topgnb > ul{ overflow:hidden}
#header > div#topgnb > ul > li{float:left}
#header > div#topgnb > ul > li > a{display:block; padding:20px 30px 10px 30px;}
#header{width:100% - 214px); margin-left:214px;background:#fff;  height:120px; z-index:88; text-align:center; position:relative; overflow:hidden  }
#header > div.top h2{margin-top:40px; font-size:2em; color:#0c2a58 }
#header > div.top h2 > span{color:#ffd200}
div.subtitle ul{font-size:16px; font-weight:400; color:#0c2a58; position:absolute; right:20px; top:20px;display:flex}
div.subtitle ul > li{padding:0 10px}
div.subtitle ul > li > a{display:block; padding:10px 0 10px 25px}
div.subtitle ul > li > a.excell2{ background: url('/images/ico_download.png') no-repeat 0px 10px; color:#000 }
div.subtitle ul > li > a.print2{ background: url('/images/ico_print2.png') no-repeat 0px 10px; color:#000 }

#header:after {display:block;visibility:hidden;clear:both;content:""}
#wrap{width:100%; background:#f6f6f6;position:relative }
.menuAll{display:none; position:absolute; top:10px; left:5px }
.subtitle h2 {text-align:center; padding:0px 0 0 0}
.subtitle > div.title_download{position:absolute; left:250px; top:100px; font-size:16px}
.subtitle > div.title_download > a{display:inline-block; border:1px solid #ccc; padding:10px 20px 10px 40px; margin-right:5px}
.subtitle > div.title_download > a.t_down01{background:url('/images/ico_down_01.png') no-repeat 10px 10px; }
.subtitle > div.title_download > a.t_down02{background:url('/images/ico_down_02.png') no-repeat 10px 10px; }

/* etc */
.right_etc{
  display: flex;position:absolute; right:50px; top:40px; background:#000 url('/images/bg_login.png') no-repeat left top; width:352px; height:48px;
}
.list{
  position: absolute; top: 32%; right: 345px; z-index: 99; width: 20px;
}
.lock{
  position: absolute; top: 30%; right: 135px; z-index: 99; width: 20px;
}
.right_etc .check_list{
  width: 225px; height: 45px; background-color: #eeeeee; border-radius: 50px; font-size: 15px; color: #003366; z-index: 9;  padding: 10px 0 0 20px; background:url('/images/list.png') no-repeat 20px 15px;
}
.right_etc .check_list a{
  color:#2e4973
}
.right_etc .logout{
  width: 125px; height: 45px; border-radius: 50px; font-size: 15px; color: #fff;  padding: 10px 0 0 15px;  background:#4e7abc url('/images/lock.png') no-repeat 20px 15px; background-size:16px
}
.right_etc .logout a{
  color:#fff
}

.main{margin:0 auto; padding:95px 10px; }

.main ul.main_01{width:100%; display:flex;  }
.main ul.main_01 > li{width:260px; height:260px; background:#fff; border-radius:50%; border:4px solid #ccc;display:flex; flex-direction:column; justify-content:center; algin-items:center; margin:0 10px; text-align:center; font-size:24px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);padding:20px}
.main ul.main_01 > li > div{padding:5px}
.main ul.main_01 > li > div:nth-child(3){}
.main ul.main_01 > li > div:nth-child(3) > span{font-weight:600; font-size:1.5em; color:#ec892b; }
.main div.main_02{width:100%; position:relative; padding:50px; background:#fff; border-radius:8px; margin-top:50px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4)}
.main div.main_02 dl {display:flex;}
.main div.main_02 dl dt{font-size:30px; font-weight:500; text-align:center; padding-right:20px}
.main div.main_02 dl dd{font-size:18px;}

.Subin_01{max-width:1400px; margin:40px auto; background:#fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);font-size:0.9em;}
.Subin_01 h3{width:100%; text-align:center; ;font-size:2em; font-weight:500;padding:30px 20px; background:#eee;border-top:1px solid #7498e1; border-bottom:1px solid #7498e1 }


/* Subcontent */


#Subcontent{background:#f2f2f2;width:calc(100% - 214px);  margin-left:214px; min-height:800px; overflow:hidden}
#Subcontent > h2{font-size:48px; font-weight:700;  text-align:center }
#Subcontent h3{font-size:36px; font-weight:700;  text-align:center; margin-bottom:30px }
#Subcontent > div.SubTOP{background:#f2f2f2;padding:40px;position:relative !important;  margin-bottom:0}
#Subcontent > div.SubTOP > div{ max-width:1800px; width:100%; margin:0 auto;font-size:16px; position:relative;}
div.TopBtn{overflow:hidden;  }
div.TopBtn > ul{display:flex; float:right }
div.TopBtn > ul > li{margin-right:5px;}
div.TopBtn > ul > li:last-child{margin-right:0px;}
div.TopBtn > ul > li > a{display:block; padding:10px 20px 10px 50px; }
div.TopBtn > ul > li > a.excell{ background:#ccc url('/images/ico_download.png') no-repeat 20px 10px; color:#0c2a58 }
div.TopBtn > ul > li > a.print{ background:#0c2a58 url('/images/ico_print.png') no-repeat 20px 10px; color:#fff }
div.TopBtn > ul > li > a.regist{ background:#f4bd34 url('/images/sendMail.png') no-repeat 10px 10px; color:#000 }
#Subcontent > div.SubTOP > div.Calendar{}
#Subcontent > div.SubTOP > div.Calendar > dl{display:flex; justify-content:center; font-size:18px}
#Subcontent > div.SubTOP > div.Calendar > dl > dt{color:#fff; background:#333; font-weight:500;padding:15px 20px}
#Subcontent > div.SubTOP > div.Calendar > dl > dd{background:#fff; border:1px solid #ccc}
#Subcontent > div.SubTOP > div.Calendar > dl > dd > ul{display:flex; height:100%}
#Subcontent > div.SubTOP > div.Calendar > dl > dd > ul > li{ padding:10px;height:100%}
#Subcontent > div.SubTOP > div.Calendar > dl > dd > ul > li:first-child {border-right:1px solid #ccc}
#Subcontent > div.SubTOP > div.Calendar > dl > dd > ul select{border:0; width:200px; height:30px; text-align:center; font-size:16px}
#Subcontent > div.SubTOP > div.unitMonth{padding-bottom:10px;font-size:20px; font-weight:500; text-align:left; position:absolute; bottom:0; left:50px; }

#Subcontent > div.SubIn_01{ max-width:1800px;margin:0 auto;font-size:16px; padding-bottom:40px  }

#Subcontent > div.SubIn_01 ul > li > dl{display:flex; margin-bottom:10px; width:100%; overflow-x: scroll; background:#fff}
#Subcontent > div.SubIn_01 ul > li > dl > dt{background:#eee; border:1px solid #3462a9; display:flex; width:150px; justify-content:center; align-items:center; font-size:20px; color:#003366; font-weight:500; text-align:center; }
#Subcontent > div.SubIn_01 ul > li > dl > dd{background:#fff; border:1px solid #ccc; width:calc(100% - 150px); padding:5px 20px }
#Subcontent > div.SubIn_01 ul > li > dl > dd > ul{display:flex; width:100%; text-align:center;}
#Subcontent > div.SubIn_01 ul > li > dl > dd > ul > li{padding:10px}
#Subcontent > div.SubIn_01 ul > li > dl > dd > ul > li > p.att_tilte{font-weight:500; margin-bottom:5px; color:#0c2a58;font-size:18px; }
#Subcontent > div.SubIn_01 ul > li > dl > dd > ul > li input[type=text]{width:60px; height:35px; border:1px solid #ccc; text-align:center; font-size:18px; font-weight:500; margin-right:5px}
#Subcontent > div.SubIn_01 ul > li > dl > dd > ul > li input[type=text].price{width:115px; }
#Subcontent > div.SubIn_02{ width:100%; background:#f2f2f2;font-size:16px; padding-bottom:40px  }
#Subcontent > div.SubIn_02 div.spec{ width:1300px; background:#fff; border:1px solid #ccc; padding:70px 30px; margin:0 auto;box-shadow : 2px 2px 2px #ccc;  }
#Subcontent > div.SubIn_02 div.spec > ul{ width:100%;display:flex; flex-wrap:wrap  }
#Subcontent > div.SubIn_02 div.spec > ul > li{margin:10px 5px; width:calc(16.6% - 10px);border:1px solid #283b82 }
#Subcontent > div.SubIn_02 div.spec > ul > li > div{width:100%; height:200px; background:#dce5f6; text-align:center; font-weight:700; color:#283b82; font-size:25px; display:flex; align-items:center; justify-content:center }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul{ width:100%;display:flex;  }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li{  text-align:center;   }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li:nth-child(1){ display:flex; align-items:center; justify-content:center; width:30%; }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li:nth-child(2){  width:70%; }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li > a{ display:block; color:#fff;background:#283b82 url('/images/ico_spec.png') no-repeat 15px 5px;  padding:10px 0px 10px 30px; }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li input{margin-right:5px }

div.spec h4 {font-size:24px;font-weight:500; margin-bottom:10px}
div.spec table {width:100%; font-size:18px; margin-bottom:50px}
div.spec table td{padding:20px; border:1px solid #ccc; }
div.spec table th{padding:20px; border:1px solid #ccc; font-weight:normal}
div.spec table th.thTop{background:#999 !important}
div.spec table.spec_01 th{background:#fce8e8}
div.spec table.spec_02 th{background:#e8f4fc}
div.spec table.spec_03 th{background:#eeeeee}
div.spec table.spec_03 td.auto_calc{background:#f1f1f1}
div.spec table.spec_03 td.auto_calc > input {background:#dddddd;}
div.spec table.spec_03 span.example_text{font-size: 16px; padding-left:15px; font-weight:300;}
div.spec table.spec_03 th span.example_text{font-size: 16px; padding-left:0px;}

div.spec table th.th_02{background:#999; font-weight:500; color:#fff}
div.spec table input[type=text]{width:100%; padding:10px; border:1px solid #ccc; height:40px; font-size:16px}
div.spec table input[type=password]{width:100%; padding:10px; border:1px solid #ccc; height:40px; font-size:16px}
div.spec input[type=submit] {background: #333333 url(/images/selectAll.png) no-repeat 40px 25px;    margin-right: 5px; color:#fff; display: inline-block;    padding: 20px 40px 20px 70px;    color: #fff;font-family: 'Noto Sans KR', sans-serif; font-size:18px;}

div.spec table input{margin:0 5px}
.searchPost{ display:inline-block; color:#fff;background:#283b82 url('/images/ico_spec.png') no-repeat 15px 5px;  padding:10px 10px 10px 50px; }
div.payroll table {width:100%; font-size:16px; margin-bottom:50px}
div.payroll table td{padding:10px; border:1px solid #ccc; }
div.payroll table th{padding:10px; border:1px solid #ccc; font-weight:normal}
div.payroll table th.thTop{background:#999 !important}
div.payroll table.spec_01 th{background:#fce8e8}
div.payroll table.spec_02 th{background:#e8f4fc}
div.payroll table.spec_03 th{background:#eeeeee}
div.payroll table th.th_02{background:#999; font-weight:500; color:#fff}

div.employee table {width:100%; font-size:16px; }
div.employee table td{padding:10px; border:1px solid #ccc; text-align:center}
div.employee table th{padding:10px; border:1px solid #ccc; font-weight:normal; background:#4e7abc; color:#fff}

div.employee table.chart{width:70%; margin: 0 auto;}
div.employee table.chart tr td:nth-child(1){padding:60px 0; font-size:22px;}

table tr td.title a button.btn01{width:120px; height:40px; background-color:#3a96c9; border: 0px solid transparent; border-radius: 50px; text-align: left; padding-left: 15px; margin-top: 30px; color:#fff; font-weight: 700;}
table tr td.title a button.btn02{width:120px; height:40px; background-color:#3a71c4; border: 0px solid transparent; border-radius: 50px; text-align: left; padding-left: 15px; margin-top: 30px; color:#fff; font-weight: 700;}
table tr td.title a button.btn03{width:120px; height:40px; background-color:#3cc2ce;; border: 0px solid transparent; border-radius: 50px; text-align: left; padding-left: 15px; margin-top: 30px; color:#fff; font-weight: 700;}
table tr td.title a button.btn04{width:120px; height:40px; background-color:#4a4aae; border: 0px solid transparent; border-radius: 50px; text-align: left; padding-left: 15px; margin-top: 30px; color:#fff; font-weight: 700;}


table tr td button.btn01 img{padding-left: 30px; }
table tr td button.btn02 img{padding-left: 30px; }
table tr td button.btn03 img{padding-left: 30px; }
table tr td button.btn04 img{padding-left: 30px; }

table tr td.title{font-weight: 700; text-align: left; padding:30px 0 30px 30px !important; font-size:18px;}
table tr td.time{color:red; font-weight: 700;}
table tr td.bold{font-weight: 700;}

table tr td span.red{color:#ff0101 !important; margin-left: 20px;}
table tr td span.red img{margin-right: 10px;}
table tr td span.txt01 img{margin-right: 10px; margin-left:20px;}
table tr td span.txt02{ margin-left: 60px; font-weight:400; padding-bottom: 100px;}
table tr td span.img{ margin-right: 10px;}
table tr td span.icon{ margin-left: 60px; line-height:3;}
table tr td span.icon img{ margin-right: 10px; width:43px;}
table tr td span{/* margin-left: 20px; */}
table tr td span.table_title{font-size:20px;}
table tr td.content{text-align:left; line-height: 2.3; font-weight: 700; width:70%; padding:30px 0 30px 50px; font-size:18px;}
table tr td.content a.move{margin-left: 100px; text-decoration: underline;}
table tr td.content a:hover{color:#4e7abc}
table tr td.content a.site{text-decoration: underline;}



#Subcontent > div.SubIn_03 > div.payroll{ width:100%; background:#fff; padding:70px 30px; box-shadow : 2px 2px 2px #ccc; margin:0 auto; }
div.payroll table {width:100%; font-size:16px; }
#Subcontent > div.SubIn_03 > div.employee{ width:100%; background:#fff; padding:70px 30px; box-shadow : 2px 2px 2px #ccc; margin:0 auto; position: relative;}
div.payroll table {width:100%; font-size:16px; }
a.detail {display:inline-block; border:1px solid #4e7abc; padding:5px 20px; color:#4e7abc }
#Subcontent > div.SubIn_03{ width:100%; background:#f2f2f2;font-size:16px; padding:0 40px 40px 40px }

#Subcontent > div.SubIn_04{ max-width:1600px; /*background:#f2f2f2;*/font-size:16px; padding:40px 40px 40px 40px; margin:0 auto;}
#Subcontent > div.SubIn_04 dl{margin-bottom:10px; width:100% }
#Subcontent > div.SubIn_04 dt{font-size:18px; padding-top:10px;}

#Subcontent > div.SubIn_04 dl > dd > ul{display:flex; width:100%; text-align:left;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
	padding-left:10px;	
}
#Subcontent > div.SubIn_04 dl > dd > ul > li{padding-bottom:10px;  text-indent: -1em;
        margin-left: 1em;}



div.topBtn{ width:auto; margin:0px auto;font-size:18px; text-align:center; position:absolute; right:0; top:0;}

div.topBtn > a{display:inline-block; padding:15px 20px 15px 50px; color:#fff}
div.topBtn > a.input_ok{ background:#4e7abc url('/images/ico_inputok.png') no-repeat 20px 17px;  }
div.topBtn > a.input_gn{ background:#ffa500 url('/images/ico_gn.png') no-repeat 20px 17px;  }
div.topBtn > a.selectAll{ background:#333333 url('/images/selectAll.png') no-repeat 20px 17px; margin-right:5px }
div.topBtn > a.sendMail{ background:#f4bd34 url('/images/sendMail.png') no-repeat 20px 17px; color:#000  }
div.topBtn > a.concel{ background:#333333 url('/images/selectAll.png') no-repeat 20px 17px; margin-right:5px }
div.topBtn > a.excell{ background:#ccc url('/images/ico_download.png') no-repeat 20px 17px; color:#0c2a58 }
div.topBtn > a.print{ background:#0c2a58 url('/images/ico_print.png') no-repeat 20px 17px; color:#fff }
div.topBtn > a.regist{ background:#fff url('/images/ico_regist.png') no-repeat 10px 17px; color:#000 }
/*
@media(max-width:1600px){


	div.topBtn{position:relative; display:block; text-align:center;}
}
*/
div.footBtn{ max-width:1300px; margin:40px auto;font-size:18px; text-align:center  }
div.footBtn > a{display:inline-block; padding:20px 40px 20px 70px; color:#fff}
div.footBtn > a.input_ok{ background:#4e7abc url('/images/ico_inputok.png') no-repeat 40px 25px;  }
div.footBtn > a.input_gn{background:#ffa500 url('/images/ico_gn.png') no-repeat 40px 25px;  }
div.footBtn > a.selectAll{ background:#333333 url('/images/selectAll.png') no-repeat 40px 25px; margin-right:5px }
div.footBtn > a.sendMail{ background:#f4bd34 url('/images/sendMail.png') no-repeat 40px 25px; color:#000  }
div.footBtn > a.concel{ background:#333333 url('/images/selectAll.png') no-repeat 40px 25px; margin-right:5px }
#Footer{width:100%; background:#333; color:#999;padding:70px 33px 70px 33px;  font-size:16px; }
#Footer > div.footer_ci{max-width:1300px; margin:0 auto; text-align:center}
#Footer > div.footer_ci > ul{display:flex; justify-content:center}
#Footer > div.footer_ci > ul > li{padding:0 5px}
#Footer > div.footer_policy{ 
display:block; margin:20px auto;
text-align: center;

    font-size: 16px;
}




table.consultWrite{width:100%; border-top:2px solid #386395 }
table.consultWrite th{font-weight:500; padding:10px 10px; background:#f8f8f8; border:1px solid #ccc; }
table.consultWrite td{padding:10px 10px;border:1px solid #ccc; font-size:0.9em}
table.consultWrite td select{padding:10px 20px;padding:10px 20px;border:1px solid #ccc; height:55px; border-radius:3px; margin-right:5px;}
table.consultWrite td textarea{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:300px; border-radius:3px; border:0; }
.redpointer{display:inline-block; color:#ea1313; padding:0px 5px; vertical-align:middle }
ul.state{width:100%; display:flex; flex-wrap:wrap;}
ul.state > li{padding:5px 15px }
ul.state > li > span{font-weight:500; padding:0 10px; display:inline-block; color:#1545a6 }


.footer{background:#fff;width:calc(100% - 214px);  margin-left:214px; font-size:15px; padding:20px 10px; text-align:center}
@media (max-width:1200px) {
	.footer{width:100%;  margin-left:0};
}

/* 메인 */
.main{
  width: 1400px; margin: 0 auto;
}
.main_con{
  position: relative; text-align: center; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly;
}
.main_con li{
  /*width: 25%; padding: 10px; 2024-02-26 수정.*/
  width: 33%; padding: 10px;
}
.main_con li:nth-child(4){ /*2024-02-26 nth 5->4 수정*/
  width: 550px; padding: 10px;
}
.main_con li:nth-child(5){ /*2024-02-26 nth 6->5 수정*/
  width: calc(100% - 550px); padding: 10px;
}
.con_box{background-color: #fff; height: 440px; border-radius: 3%; position: relative;  box-shadow: 0 10px 40px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.con_box h3::after{content: ""; display: block; width: 60px; border-bottom: 2px solid #ffd200; position: absolute; top: 33%; left: 40%;}
.con_inner{padding-top: 30px; }
.con_inner h3{margin-top: 20px;}
.con_text01{padding: 20px 20px 0 20px; position: relative; text-align: left; color: #fff;}
.con_inner .icon01{ position: absolute; top: 13%; right: 10%; cursor: pointer;}
.con_inner .icon02{ position: absolute; top: 46%; right: 10%; cursor: pointer;}
.con_inner .icon03{ position: absolute; top: 80%; right: 10%; cursor: pointer;}

/* 사용 전 입력 */
.con_text01 p{background-color: #4373bc; border-radius: 5px; margin-bottom: 20px; width: 100%; height: 50px; padding: 12px 0 0 7px;font-size:0.8em}
.con_text01 a{color: #fff;}
.con_text01 p a span{font-style: italic; margin-right:5px;}

/* 급여 산출(매월)&전자결제 */

.con_text02{padding: 10px 20px 0 20px; position: relative; text-align: left; color: #fff;}
.con_text02 p{background-color: #637289; border-radius: 5px; margin-bottom: 10px; width: 100%; height: 50px; padding: 12px 0 0 7px;font-size:0.8em}
.con_text02 a{color: #fff;}
.con_text02 p a span{font-style: italic; margin-right:5px;}
.con_text02 .icon01{ position: absolute; top: 6%; right: 10%; cursor: pointer;}
.con_text02 .icon02{ position: absolute; top: 32%; right: 10%; cursor: pointer;}
.con_text02 .icon03{ position: absolute; top: 57%; right: 10%; cursor: pointer;}
.con_text02 .icon04{ position: absolute; top: 82%; right: 10%; cursor: pointer;}

.con_text07{padding: 10px 20px 0 20px; position: relative; text-align: left; color: #fff;}
.con_text07 p{background-color: #637289; border-radius: 5px; margin-bottom: 10px; width: 100%; height: 50px; padding: 12px 0 0 7px;font-size:0.8em; position:relative}
.con_text07 a{color: #fff;}
.con_text07 p a span{font-style: italic; margin-right:5px;}
.con_text07 .icon01{ position: absolute; top: 10%; right: 10%; cursor: pointer;}
.con_text07 .icon02{ position: absolute; top: 42%; right: 10%; cursor: pointer;}
.con_text07 .icon03{ position: absolute; top: 75%; right: 10%; cursor: pointer;}
.con_text07 .icon04{ position: absolute; top: 82%; right: 10%; cursor: pointer;}
/* 직원관리 */

.con_text06{padding: 10px 20px 0 20px; position: relative; text-align: left; color: #fff;}
.con_text06 p{background-color: #4373bc; border-radius: 5px; margin-bottom: 10px; width: 100%; height: 50px; padding: 12px 0 0 7px;font-size:0.8em}
.con_text06 a{color: #fff;}
.con_text06 p a span{font-style:italic; margin-right:5px;}
.con_text06 .icon01{ position: absolute; top: 6%; right: 10%; cursor: pointer;}
.con_text06 .icon02{ position: absolute; top: 32%; right: 10%; cursor: pointer;}
.con_text06 .icon03{ position: absolute; top: 57%; right: 10%; cursor: pointer;}
.con_text06 .icon04{ position: absolute; top: 82%; right: 10%; cursor: pointer;}


/* 법정의무교육 */

.con_text05{padding: 10px 20px 20px 20px; position: relative; text-align: left; color: #fff;}
.con_text05 p{text-align:center; background-color: #70ad47; border-radius: 5px; margin-bottom: 5px; width: 100%; height: 40px; padding: 7px 0 0 7px;font-size:0.8em}
.con_text05 p:nth-child(2){background-color: #ed7d31;}
.con_text05 p:nth-child(3){background-color: #ed7d31;}
.con_text05 p:nth-child(4){background-color: #ed7d31;}
.con_text05 p:nth-child(5){background-color: #ed7d31;}
.con_text05 a{color: #fff;}

/* con_box2 */
.con_box2{
  background: linear-gradient(#cca404 40%, #ffffff 5%); height: 440px; border-radius: 3%; position: relative;  box-shadow: 0 3px 3px rgba(0,0,0,0.2); margin-top: 20px;
}
.con_box2 img{
  position: absolute; top: 10%; left: 8%;
}
.con_box2 h3{
  font-size: 36px; color: #fff; padding: 65px 70px 0 0;
}
.con_text03{
  text-align: left; margin-top: 100px;
}
.con_text03 p{
  margin: 0 0 10px 20px;
}
.plus{
  position: absolute; width: 25px; height: 25px; top:3%; right: 3%; cursor: pointer;
}
.plus::before, .plus::after{
  content: ""; display: block; position: absolute; background-color: #fff;
}
.plus::before{
  top: 0; left: 50%; width: 3px; height: 100%;
}
.plus::after{
  top: 48%; right:-5%; width: 100%; height: 3px;
}
/* cons_box3 */
.con_box3{
  background: linear-gradient(#3d5975 40%, #5382e1 5%); height: 440px; border-radius: 3%; position: relative;  box-shadow: 0 3px 3px rgba(0,0,0,0.2); margin-top: 20px;
}
.con_text04 dt{
  font-size: 38px; color: #fff; text-align: left; padding: 60px 0 0 300px;
}
.con_text04 .security_icon{
  position: absolute; top: 15%; left: 12%;
}
.con_text04 dt span{
  color: #ffd200;
}
.item_box{
  display: flex; color: #fff; position: absolute; bottom: 10%; right: 25%; cursor: pointer;
}
.item_box p{
  margin-top: 10px;
}
.item01{
  margin-right: 60px;
}
/* section */
.section{
  width: 100%; text-align: center; background-color: #fff;
}
.section .wrap{
  width: 800px; padding-top: 50px; margin-left: 38%;
}
.wrap p{
  margin-left: 5%; color: #333333; font-size: 15px; padding-bottom: 30px;
}
.logo_img{
  display: flex; justify-content: center;
}
.logo_img img{
  border: 1px solid #cccccc; padding: 10px; margin:0 3px
}
/* footer */
.footer p:nth-child(1){
  margin-bottom: 10px;
}


#Footer > div.footer_policy ul li{ display:inline-block; margin: 0 20px;}
#Footer > div.footer_policy ul li a{color: #999;}


#Footer > div.footer_sns{text-align:center}
#Footer > div.footer_sns > div{ }
#Footer > div.footer_sns > div.copy{padding-top:25px; }

#Footer > div.footer_sns > div > ul{margin-left:20px; margin-bottom:5px}
#Footer > div.footer_sns > div > ul > li{display:inline-block}
#Footer > div.footer_sns > div > ul > li > a{display:block; width:60px; height:60px; border-radius:50%; background:#999; text-align:center; padding-top:10px}



.printonly{ display:none; width:100%; height: auto; width: 100%; margin-right:2cm;}
.chkstamp {width:100%; margin-bottom:20px; }
.chkstamp:after{clear:both; display:block; content:'';}
.chkstamp > div {float:right;}

.chkstamp table {}
.chkstamp table th, .chkstamp table td{border: 1px solid #000; background:#fff;}
.chkstamp table th {width:2cm; height:1cm}
.chkstamp table td {width:2cm; height:2cm}

/*
.printonly{  width: 210mm; display:block; width:100%; height: auto; }
.chkstamp {width:100%; display:block;     }
.chkstamp:after{clear:both; display:block; content:'';}
.chkstamp > div {display:block; text-align:right;}
*/

/*출력시 보이는 내용*/
@media print {
.printonly{  *width: 210mm; display:block; width:100%; height: auto; }
.chkstamp {width:100%; display:block;     }
.chkstamp:after{clear:both; display:block; content:'';}
.chkstamp > div {display:block; text-align:right;}

.chkstamp table {}
.chkstamp table th, .chkstamp table td{border: 1px solid #000; background:#fff;}
.chkstamp table th {width:2cm; height:1cm}
.chkstamp table td {width:2cm; height:2cm}
	
	.payroll h3 {font-size:10mm;}
	#Subcontent h3 {font-size:10mm; padding:10mm;}
    html, body {

        min-width: 297mm;

        min-height: 210mm;

        background: #fff;

		font-size:10mm; 
		padding:0;
		margin: 0;
    }

    #printarea {

        margin: 0;

        border: initial;

        border-radius: initial;

        width: initial;

        min-height: initial;

        box-shadow: initial;

        background: initial;

        page-break-after: always;

    }
	#printarea.printing_set table th{font-size:10mm; padding:3mm;}
	#printarea.printing_set table td{font-size:10mm; padding:3mm;}


}
/*
@page {margin:0}
*/





/* 깜빡임 표시 - 급여대장*/
/* for MS계열 브라우저 */
@keyframes blink {
 0% {background-color: red;}
 50% {background-color: yellow;}
}
 
/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {background-color: red;}
 50% {background-color: yellow;}
}
 
/* blink CSS 브라우저 별로 각각 애니메이션을 지정해 주어야 동작한다. */
.blinkcss {
 font-weight:bold;
 animation: blink 1s step-end infinite;
 -webkit-animation: blink 1s step-end infinite;
}






#fix_bg{
	position:absolute;
	background: rgba(0,0,0, 0.4);
	top:0; bottom:0;
	width:100%; height:100%;
	z-index:99;
	display:none;
}

#fix_bg.abs_bg{position:absolute;}

.altconfirm{
	width:500px; height:350px;
	background: #fff;
	border: 5px solid #4b76b7; border-radius: 5px; 
	margin: 0 auto;
    transform: translateY(100%);
	padding:10px;
	text-align:center;
	position:relative;
}
.altconfirm h4{
	font-size:25px;color:#4b76b7;
}

.altconfirm > div {    margin: 0 auto;
    text-align: center;
    display: block;

    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;}


/*.btn_area {text-align:center; display:block; position:absolute; bottom:30px; width:100%; }*/
.btn_area {margin: 30px 0 0 0;}
.btn_area button{ font-size: 18px; padding: 10px 20px; background: #fff; border-radius:3px; border: 1px solid #333; background:#4e7abc; color:#fff;}
.btn_area button:hover{background:#333666; color:#fff;}

@media (max-width:840px) {
body {font-size:14px }
#leftmenu {display:none}
#header {display:none}
.menuAll{display:block; z-index:99999999 }
div.subtitle{width:calc(100% - 0px); margin-left:0px; border-bottom:1px solid #e5e5e5;box-shadow : 2px 2px 2px #ccc; background:#fff; margin-top:0; padding-top:10px; padding-bottom:10px; position:relative; margin-bottom:2px; border-top:1px solid #eee}

div.subtitle ul{font-size:14px; font-weight:400; color:#0c2a58; position:absolute; right:20px; top:10px;display:flex}
div.subtitle ul > li{padding:0 4px}
div.subtitle ul > li > a{display:block; padding:10px 0 10px 25px}
div.subtitle ul > li > a.excell2{ background: url('/images/ico_download.png') no-repeat 0px 10px; color:#000 }
div.subtitle ul > li > a.print2{ background: url('/images/ico_print2.png') no-repeat 0px 10px; color:#000 }


div.subtitle > div.title_download{position:absolute; left:0px; top:0px; font-size:13px}
div.subtitle > div.title_download > a{display:inline-block; border:1px solid #ccc; padding:10px 20px 10px 40px; margin-right:5px}
div.subtitle > div.title_download > a.t_down01{background:url('/images/ico_down_01.png') no-repeat 10px 10px; }
div.subtitle > div.title_download > a.t_down02{background:url('/images/ico_down_02.png') no-repeat 10px 10px; }


#Subcontent{background:#f2f2f2;width:calc(100% - 0px);  margin-left:0px; min-height:800px}
.footer{display:none}
.section{display:none}


#Subcontent > div.SubTOP > div.Calendar{}
#Subcontent > div.SubTOP > div.Calendar > dl{display:flex; justify-content:center; font-size:14px}
#Subcontent > div.SubTOP > div.Calendar > dl > dt{color:#fff; background:#333; font-weight:300;}
#Subcontent > div.SubTOP > div.Calendar > dl > dd{background:#fff; border:1px solid #ccc}
#Subcontent > div.SubTOP > div.Calendar > dl > dd > ul{display:flex; height:100%}
#Subcontent > div.SubTOP > div.Calendar > dl > dd > ul > li{ padding:5px;height:100%}
#Subcontent > div.SubTOP > div.Calendar > dl > dd > ul > li:first-child {border-right:1px solid #ccc}
#Subcontent > div.SubTOP > div.Calendar > dl > dd > ul select{border:0; width:60px; height:30px; text-align:center; font-size:14px}
#Subcontent > div.SubTOP > div.unitMonth{padding-bottom:10px;font-size:16px; font-weight:500; text-align:left; position:absolute; bottom:0; left:50px; }

div.topBtn{ width:auto;font-size:14px; text-align:center; position:absolute; right:0; top:0;}

div.topBtn > a{display:inline-block; padding:12px 20px 10px 35px; color:#fff}
div.topBtn > a.input_ok{ background:#4e7abc url('/images/ico_inputok.png') no-repeat 5px 8px;  }

div.topBtn > a.input_gn{ background:#ffa500 url('/images/ico_gn.png') no-repeat 5px 8px;  }
div.topBtn > a.selectAll{ background:#333333 url('/images/selectAll.png') no-repeat 5px 8px;; margin-right:5px }
div.topBtn > a.sendMail{ background:#f4bd34 url('/images/sendMail.png') no-repeat 5px 8px;color:#000 ; padding-left:50px }
div.topBtn > a.concel{ background:#333333 url('/images/selectAll.png') no-repeat 5px 8px; margin-right:5px }
div.topBtn > a.excell{ background:#ccc url('/images/ico_download.png') no-repeat 5px 8px; color:#0c2a58 }
div.topBtn > a.print{ background:#0c2a58 url('/images/ico_print.png') no-repeat 5px 8px; color:#fff }
div.topBtn > a.regist{ background:#fff url('/images/ico_regist.png') no-repeat 5px 8px; color:#000 }


#Subcontent > h2{font-size:18px; font-weight:700;  text-align:center }
#Subcontent h3{font-size:20px; font-weight:700;  text-align:center; margin-bottom:10px }
#Subcontent > div.SubIn_01{ max-width:100%;  }
#Subcontent > div.SubTOP{padding:10px 0 40px 10px;}
#Subcontent > div.SubTOP:after{clear:both; content:""; display:block; overflow:hidden}
#Subcontent > div.SubTOP > div{ max-width:1800px; width:100%; margin:0 auto;font-size:14px; position:relative;}

#Subcontent > div.SubIn_01 ul > li > dl{display:flex; margin-bottom:10px; width:100%; overflow-x: scroll;}
#Subcontent > div.SubIn_01 ul > li > dl > dt{font-size:16px; }
#Subcontent > div.SubIn_01 ul > li > dl > dd > ul > li > p.att_tilte{font-size:14px; }
#Subcontent > div.SubIn_02{ width:100%; background:#f2f2f2;font-size:14px; padding-bottom:20px  }
#Subcontent > div.SubIn_02 div.spec{ width:100%; overflow-x:scroll;background:#fff; border:1px solid #ccc; padding:50px 10px; margin:0 auto;box-shadow : 2px 2px 2px #ccc;  }
#Subcontent > div.SubIn_02 div.spec > ul{ width:1300px;display:flex; flex-wrap:wrap  }
#Subcontent > div.SubIn_02 div.spec > ul > li{margin:10px 5px; width:calc(16.6% - 10px);border:1px solid #283b82 }
#Subcontent > div.SubIn_02 div.spec > ul > li > div{width:100%; height:200px; background:#dce5f6; text-align:center; font-weight:700; color:#283b82; font-size:25px; display:flex; align-items:center; justify-content:center }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul{ width:100%;display:flex;  }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li{  text-align:center;   }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li:nth-child(1){ display:flex; align-items:center; justify-content:center; width:30%; }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li:nth-child(2){  width:70%; }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li > a{ display:block; color:#fff;background:#283b82 url('/images/ico_spec.png') no-repeat 15px 5px;  padding:10px 0px 10px 30px; }
#Subcontent > div.SubIn_02 div.spec > ul > li > ul > li input{margin-right:5px }

#Subcontent > div.SubIn_02 form.div.spec{ width:100%; overflow-x:scroll;background:#fff; border:1px solid #ccc; padding:50px 10px; margin:0 auto;box-shadow : 2px 2px 2px #ccc;  }
#Subcontent > div.SubIn_02 form.div.spec > ul{ width:1300px;display:flex; flex-wrap:wrap  }
#Subcontent > div.SubIn_02 form.div.spec > ul > li{margin:10px 5px; width:calc(16.6% - 10px);border:1px solid #283b82 }
#Subcontent > div.SubIn_02 form.div.spec > ul > li > div{width:100%; height:200px; background:#dce5f6; text-align:center; font-weight:700; color:#283b82; font-size:25px; display:flex; align-items:center; justify-content:center }
#Subcontent > div.SubIn_02 form.div.spec > ul > li > ul{ width:100%;display:flex;  }
#Subcontent > div.SubIn_02 form.div.spec > ul > li > ul > li{  text-align:center;   }
#Subcontent > div.SubIn_02 form.div.spec > ul > li > ul > li:nth-child(1){ display:flex; align-items:center; justify-content:center; width:30%; }
#Subcontent > div.SubIn_02 form.div.spec > ul > li > ul > li:nth-child(2){  width:70%; }
#Subcontent > div.SubIn_02 form.div.spec > ul > li > ul > li > a{ display:block; color:#fff;background:#283b82 url('/images/ico_spec.png') no-repeat 15px 5px;  padding:10px 0px 10px 30px; }
#Subcontent > div.SubIn_02 form.div.spec > ul > li > ul > li input{margin-right:5px }

#Subcontent > div.SubIn_03{ font-size:16px; padding:0 10px 10px 10px }
#Subcontent > div.SubIn_03 > div.payroll{ width:100%; background:#fff; padding:20px 10px; box-shadow : 2px 2px 2px #ccc; margin:0 auto; }

div.employee table {width:100%; font-size:14px; }
div.employee table td{padding:10px; border:1px solid #ccc; text-align:center}
div.employee table th{padding:10px; border:1px solid #ccc; font-weight:normal; background:#4e7abc; color:#fff}

div.employee table.chart{width:70%; margin: 0 auto;}
div.employee table.chart tr td:nth-child(1){padding:60px 0; font-size:18px;}

div.spec h4 {font-size:18px;font-weight:500; margin-bottom:10px}
div.spec table {width:100%; font-size:14px; margin-bottom:20px}
div.spec table td{padding:10px; border:1px solid #ccc; }
div.spec table th{padding:10px; border:1px solid #ccc; font-weight:normal}

div.spec table.spec_03 span.example_text{font-size: 14px; padding-left:15px; font-weight:300;}
div.spec table.spec_03 th span.example_text{font-size: 14px; padding-left:0px;}

div.spec table th.th_02{background:#999; font-weight:500; color:#fff}
div.spec table input[type=text]{width:100%; padding:10px; border:1px solid #ccc; height:40px; font-size:14px}
div.spec table input[type=password]{width:100%; padding:10px; border:1px solid #ccc; height:40px; font-size:14px}
div.spec input[type=submit] {background: #333333 url(/images/selectAll.png) no-repeat 40px 25px;    margin-right: 5px; color:#fff; display: inline-block;    padding: 20px 40px 20px 70px;    color: #fff;font-family: 'Noto Sans KR', sans-serif; font-size:18px;}

div.spec table input{margin:0 5px}
div.topBtn{ width:auto;position:relative; right:auto; top:auto;}
div.Calendar div.topBtn{ text-align:right; margin-top:10px; margin-right:10px}





div.footBtn{ max-width:1300px; margin:20px auto;font-size:14px; text-align:center  }
div.footBtn > a{display:inline-block; padding:10px 40px 10px 30px; color:#fff}
div.footBtn > a.input_ok{ background:#4e7abc url('') no-repeat 40px 25px;  }
div.footBtn > a.input_gn{background:#ffa500 url('') no-repeat 40px 25px;  }
div.footBtn > a.selectAll{ background:#333333 url('') no-repeat 40px 25px; margin-right:5px }
div.footBtn > a.sendMail{ background:#f4bd34 url('') no-repeat 40px 25px; color:#000  }
div.footBtn > a.concel{ background:#333333 url('') no-repeat 40px 25px; margin-right:5px }
}

@media (max-width:640px) {
div.subtitle{padding-bottom:30px}
div.subtitle ul{right:10px; top:30px;display:flex}
div.Calendar div.topBtn{ text-align:center; margin-top:10px}
}