@charset "utf-8";
html,body {height:100%;}

#login {height:100%;background:#f4f8f9;position:relative;}
#login .form {width:540px;height:480px;background:#fff;position:absolute;left:50%;top:50%;margin:-240px 0 0 -270px;border:1px solid #30306f;box-shadow:4px 4px 0 rgba(0,0,0,0.16);}
#login .wrap {width:382px;margin:0 auto;}
#login .logo {text-align:center;font-size:0;padding:60px 0 38px;}
#login .inp li ~ li {margin-top:10px;}
#login .inp li input {height:59px;border:1px solid #aaaac4;background:#cae4ff;font-size:14px;color:#30306f;width:100%;padding-left:17px;}
#login .inp li input::-webkit-input-placeholder {color:#30306f;}
#login .inp li input:-moz-placeholder {color:#30306f;}
#login .inp li input::-moz-placeholder {color:#30306f;}
#login .inp li input:-ms-input-placeholder {color:#30306f;}
#login .btn {display:block;width:100%;margin-top:14px;background:#0080ff;height:75px;color:#fff;font-size:22px;font-weight:500;border:none;}

#wrap {padding-left:250px;position:relative;height:100%;}

#header {position:fixed;left:0;top:0;width:250px;height:100%;overflow:auto;background:#30306f;}
#header .logo {text-align:center;font-size:0;padding:30px 0 27px ;}
#header .gnb > li > a {display:block;position:relative;position:relative;padding:15px 30px;font-size:16px;font-weight:300;color:#fff;}
#header .gnb > li > ul {background:#181840;padding:10px 0;display:none;}
#header .gnb > li > ul > li > a {display:block;padding:10px 10px 10px 50px;font-size:14px;color:#b5b5bc;position:relative;}
#header .gnb > li > ul > li > a:before {content:"-";position:absolute;left:40px;top:10px;}
#header .gnb > li:hover > a,
#header .gnb > li.active > a {background:#606090;}
#header .gnb > li.active > ul {display:block;}
#header .gnb > li > ul > li:hover > a,
#header .gnb > li > ul > li.active > a {color:#fff;}
#header .gnb .chi > a {position:relative;}
#header .gnb .chi > a:before {content:"";display:block;width:15px;height:1px;right:30px;top:50%;background:#fff;position:absolute;}
#header .gnb .chi > a:after {content:"";height:15px;right:37px;top:50%;margin-top:-7px;width:1px;background:#fff;position:absolute;transition:0.2s;}
#header .gnb .chi.active > a:after {height:1px;margin-top:0;}

#head {border-bottom:1px solid #d6dadb;height:119px;position:relative;box-shadow:0 3px 3px rgba(0,0,0,0.1);z-index:50;}
#head .sum {white-space:nowrap;position:absolute;left:55px;top:50%;margin-top:-25px;font-size:0;}
#head .sum .box {display:inline-block;vertical-align:top;width:170px;}
#head .sum .box:before {content:"";display:inline-block;vertical-align:middle;width:50px;height:50px;background-repeat:no-repeat;margin-right:12px;}
#head .sum .box1:before {background-image:url(../images/ico-head1.png);}
#head .sum .box2:before {background-image:url(../images/ico-head2.png);}
#head .sum .box3:before {background-image:url(../images/ico-head3.png);}
#head .sum .box4:before {background-image:url(../images/ico-head4.png);}
/* #head .sum .box5:before {background-image:url(../images/ico-head5.png);} */
#head .sum .box dl {display:inline-block;vertical-align:middle;}
#head .sum .box dl dt {font-size:14px;color:#111;}
#head .sum .box dl dd {font-size:16px;font-weight:500;color:#30306f;margin-top:3px;}

#head .user {position:absolute;right:50px;top:50%;margin-top:-15px;}
#head .user button {height:30px;padding-left:37px;position:relative;border:none;background:none;width:115px;text-align:left;font-weight:normal;font-size:14px;color:#333;}
#head .user button i {display:block;width:30px;height:30px;position:absolute;left:0;top:0;}
#head .user button strong {font-weight:300;}
#head .user button:before {content:"\f0d7";font-family:axicon;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-family:axicon;}
#head .user .float {width:142px;position:absolute;left:50%;margin-left:-72px;top:100%;padding-top:10px;display:none;}
#head .user .float ul {background:#fff;border:1px solid #ddd;box-shadow:0 3px 3px rgba(0,0,0,0.15);background:#fff;padding:15px 10px;}
#head .user .float ul li a {display:block;padding:6px 0;font-size:14px;color:#555;border:1px solid transparent;text-align:center;border-radius:15px;}
#head .user .float ul li:hover a {border:1px solid #ddd;background:#eee;}
#head .user:hover button:before {content:"\f0d8";}
#head .user:hover .float {display:block;}

#disp {background:#f4f8f9;padding:28px 25px;}
#disp .inner {max-width:1400px;margin:0 auto;}
#disp .area {margin:0 -13px;}
#disp .area:after {content:'';display:block;clear:both;}
#disp .area .box {float:left;width:20%;padding:0 13px;}
#disp .area .box .in {background:#fff;background-position:100% 100%;background-repeat:no-repeat;border-radius:10px;border:1px solid #b1b1e2;height:125px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
#disp .area .box1 .in {background-image:url(../images/ico-disp1.png);}
#disp .area .box2 .in {background-image:url(../images/ico-disp2.png);}
#disp .area .box3 .in {background-image:url(../images/ico-disp3.png);}
#disp .area .box4 .in {background-image:url(../images/ico-disp4.png);}
/* #disp .area .box5 .in {background-image:url(../images/ico-disp5.png);} */
#disp .area .box dl {padding:28px 25px 0;}
#disp .area .box dl dt {font-size:20px;color:#111;font-weight:300;}
#disp .area .box dl dd {font-size:30px;font-weight:500;color:#30306f;margin-top:7px;}
#disp .area .box dl dd span {font-size:20px;}

#loc {padding:35px 25px;}
#loc .inner {max-width:1400px;margin:0 auto;position:relative;}
#loc .date {display:block;position:absolute;left:0;top:0;font-size:20px;font-weight:500;color:#111;}
#loc .loc {background:url(../images/loc.png) no-repeat;width:371px;height:539px;margin:0 auto;position:relative;}
#loc .loc .marker {position:absolute;}
#loc .loc .marker dl {width:60px;height:60px;position:absolute;left:-30px;top:-30px;border-radius:50%;border:1px solid #30306f;text-align:center;overflow:hidden;background:#30306f;box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
#loc .loc .marker dl dt {background:#30306f;font-size:14px;height:29px;line-height:30px;font-weight:300;color:#fff;}
#loc .loc .marker dl dd {background:#fff;font-size:16px;height:29px;line-height:29px;color:#333;font-weight:500;}
#loc .loc .loc1 {left:56.6%;top:11.5%;}
#loc .loc .loc2 {left:27.9%;top:15.8%;}
#loc .loc .loc3 {left:12%;top:23%;}
#loc .loc .loc4 {left:41%;top:24%;}
#loc .loc .loc5 {left:57%;top:29%;}
#loc .loc .loc6 {left:78%;top:35%;}
#loc .loc .loc7 {left:33%;top:42%;}
#loc .loc .loc8 {left:11%;top:45%;}
#loc .loc .loc9 {left:64%;top:46%;}
#loc .loc .loc10{left:85%;top:51%;}
#loc .loc .loc11{left:43%;top:54%;}
#loc .loc .loc12{left:19%;top:59%;}
#loc .loc .loc13{left:77%;top:67%;}
#loc .loc .loc14{left:54%;top:69%;}
#loc .loc .loc15{left:11%;top:72%;}
#loc .loc .loc16{left:33%;top:81%;}
#loc .loc .loc17{left:9%;top:97%;}

#section {border-top:12px solid #f4f8f9;padding:35px 60px;}

@media screen and (max-width:1500px) {
	#section {padding:35px 25px;}
}

#tit {margin-bottom:30px;padding-bottom:20px;position:relative;border-bottom:2px solid #000;}
#tit h2 {font-size:30px;font-weight:500;color:#111;}

.__inp {display:inline-block;width:100%;max-width:100%;border:1px solid #cacaca;padding-left:10px;font-size:14px;font-weight:500;color:#333;height:40px ;}
.__inp.date {background-image:url(../images/ico-date.gif);background-repeat:no-repeat;background-position:100% 50%;}

.__topArea {display:table;width:100%;margin-bottom:13px;}
.__topArea > div {display:table-cell;vertical-align:middle;}
.__topArea .rig {text-align:right;}
.__topArea .cal {font-size:0;}
.__topArea .cal .date {width:200px;vertical-align:top;}
.__topArea .cal .calSub {width:30px;height:40px;line-height:40px;text-align:center;font-size:16px;display:inline-block;vertical-align:top;}
.__topArea .cal button {display:inline-block;vertical-align:top;width:80px;height:40px;border:none;background:#555;color:#fff;font-size:16px;margin-left:5px;}
.__topArea .page {white-space:nowrap;}
.__topArea .page strong,
.__topArea .page select {display:inline-block;vertical-align:middle;}
.__topArea .page strong {font-size:14px;color:#252525;font-weight:500;margin-right:10px;}
.__topArea .page select {width:110px;}

.__tbl {width:100%;table-layout:auto;border-top:1px solid #dadada;}
.__tbl.fix {table-layout:fixed;}
.__tbl tr > * {border-bottom:1px solid #e0e0e0;font-size:14px;line-height:1.4em;}
.__tbl tr th {background:#f4f4f4;border-bottom:1px solid #dadada;padding:20px 10px;font-weight:500;color:#181840; text-align: center;}
.__tbl tr th:first-child {border-left:1px solid #dadada;}
.__tbl tr th:last-child {border-right:1px solid #dadada;}
.__tbl tr td {padding:8px 10px;color:#555;font-weight:300;text-align:center;word-break:break-all;}
.__tbl tr td:first-child {height:46px;}
.__tbl tr .purpose {text-align:left;}

.__btn1 {display:inline-block;width:70px;height:30px;line-height:28px;border:1px solid #707070;text-align:center;font-size:14px;color:#444;}

.__botArea {margin-top:30px;position:relative;min-height:32px;}
.__botArea .cen {text-align:center;}
.__botArea .lef {position:absolute;left:0;top:0;}
.__botArea .rig {position:absolute;right:0;top:0;}

.__paging {font-size:0;}
.__paging .arr,
.__paging .num {display:inline-block;box-sizing:border-box;vertical-align:top;height:26px;line-height:25px;border-bottom:1px solid transparent;text-align:center;color:#888;z-index:0;margin:0 10px;position:relative;}
.__paging .num {font-size:14px;color:#888;font-weight:500;}
.__paging .arr {color:#555;}
.__paging .arr i {font-size:18px;display:block;line-height:23px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#00427e;color:#000;}
.__paging .prev {margin-right:18px;}
.__paging .next {margin-left:18px;}

input[type=text]::-ms-clear {display: none;}