@charset "utf-8";
/* CSS Document */

/* web-font */
@font-face {font-family: NanumBarunGothic; src:url(/font/NanumBarunGothic.eot?#iefix); src:local(※), url(/font/NanumBarunGothic.woff) format('woff');}
/*  #0a4a9b(진청색) 08499a, #f5f9ff (연청색), #5abcf1(하늘색/글), #ffa200(노랑) fcae16, #e5e5e5(연회색, 보더), #414143 (푸터배경)  */


/* reset */
html{height:100%;}
body{margin:0; background:#ffffff; height:100%;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dl{margin:0; padding:0;}
li{list-style:none;}
a{color:inherit; text-decoration:inherit;}
a img{border:none;}
img{max-width:100%;}
table{border-collapse:collapse;}
table caption{/*position:absolute; left:-9999px;*/ display:none;}
address,i,em{font-style:normal;}
i.fa span{position:absolute; left:-9999px;}
input[type=radio],input[type=checkbox]{margin:0; vertical-align:middle;}
input[type=text], input[type=password]{box-sizing: border-box; width: 180px; background: #ffffff; border: 1px solid #999999; vertical-align: middle;}
input[type=submit]{cursor:pointer;}
input.date + button{background:none; border:none; margin:0; padding:0; cursor:pointer; vertical-align:middle; margin-left:5px;}
iframe.hidden{position: absolute; left: -9999px; display: none;}

/* common */
body,select,input,textarea,button{font-family:NanumBarunGothic,Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:13px; color:#333333; line-height:1.2em;}
body {background: #ffffff url(/img/bg.jpg) 0 0 repeat;}
#wrapper{min-width: 1000px; overflow: hidden;}
#skip_navigation{display:block; position:fixed; left:0; top:-45px; width:100%; height:40px; text-align:center; line-height:42px; background:rgba(0,0,0,0.6); color:#ffffff; border-bottom:2px solid rgba(255,255,255,0.8); font-size:16px; z-index:100000; transition:all 0.3s;}
#skip_navigation:focus{top:0;}
#header {position: relative; width: 1100px; margin: 0 auto; margin-bottom: 40px;}
#header-top {height: 30px; position: relative;}
#top-nav {position: absolute; right: 0; top: 8px; color: #777777;}
#top-nav li {float: left;}
#top-nav li + li:before {content: '|'; margin: 0 10px; font-size: 9px;}
#top-nav li span {font-weight: bold; color: #0a4a9b;}
#top-nav li a:hover {color: #000000;}
#header-bottom {background: #ffffff; height: 70px; position: relative;}
#header h1 {position: absolute; left: 30px; top: 9px; width: 160px;}
#gnb {position: absolute; right: 30px; top: 30px;}
#gnb > li {float: left; margin-left: 80px;}
#gnb > li > a {font-size: 17px; font-weight: bold;}
#gnb > li > a:hover,
#gnb > li.on > a {color: #0a4a9b;}
#gnb ul {position: absolute; top: 52px; z-index: 10; display: none;}
#gnb > li.on ul {display: block;}
#gnb ul li {float: left; color: #ffffff;}
#gnb ul li + li:before {content: '|'; margin: 0 15px; font-size: 10px; color: #629dd1;}
#gnb ul li a:hover,
#gnb ul li.on a {color: #40e7ff;}
#gnb li.sub1 ul {left: -50px;}
#gnb li.sub2 ul {left: 200px;}
#gnb li.sub4 ul {right: 0;}
#header.on:after {content: ''; position: absolute; left: 0; bottom: -42px; width: 100%; height: 42px; z-index: 5; background: url(/img/bg_gnb.png) 0 0 repeat-x;}

#footer{background:#414143; color:#eeeeee;}
#footer1000{width:1100px; margin:0 auto; padding-top:40px; position:relative;}
#footer a:hover{color:#ffffff;}
#sitemap{display:table; width:100%; table-layout:fixed; padding-bottom:30px; border-bottom:1px solid #555555;}
#sitemap > li{display:table-cell;}
#sitemap > li > a{font-size:14px; margin-bottom:15px;}
#sitemap ul{margin-top:10px;}
#sitemap ul li{font-size:12px; color:#cccccc; margin-bottom:5px;}
#footer div.footer_info{position:relative; padding:30px 0 30px 200px; font-size:12px; color:#cccccc; border-top:1px solid #333333;}
#footer div.footer_info h2{position:absolute; left:0; top:20px;}
#footer div.footer_info address{margin-bottom:5px;}
#footer div.footer_info address span.contact{margin-left:20px;}

/* main page */
body.main #main {width: 1100px; margin: 0 auto; position: relative;}
#main-content {position: relative;}
#main-visual {position: relative; width: 700px; height: 300px; overflow: hidden; background: url(/img/main_visual_01.jpg) center center no-repeat; background-size: auto 100%;}
#main-visual h2 {position:absolute; left:30px; bottom:20px; font-size:32px; font-weight:bold; text-shadow:2px 2px 5px rgba(0,0,0,0.6); color:#ffffff; line-height:1.4em;}
#main-visual h2 span {display: block;}
#main-visual p {position: absolute; right: 30px; top: 20px; width: 280px;}
#main-visual p img {width: 100%;}
#main-board {position: absolute; right: 0; top: 0; width: 360px; height: 200px; background: #ffffff;}
#main-board dt {float: left;}
#main-board dt a {display: block; line-height: 38px; height: 40px; width: 180px; box-sizing: border-box; font-size: 16px; text-align: center; border: 1px solid #e0e0e0; color: #999999;}
#main-board dt.on a {background: #24aee0; color: #ffffff; border-color: #24aee0;}
#main-board dd {position: absolute; left: 20px; top: 75px; width: 320px; display: none;}
#main-board dt.on + dd {display: block;}
#main-board dd a.more {position: absolute; right: 0; top: -22px; font-size: 12px; color: #999999;}
#main-board dd a.more:hover {color: #000000;}
#main-board dd a.more span {margin-left: 5px;}
#main-board dd ul li {position: relative;}
#main-board dd ul li + li {margin-top: 8px;}
#main-board dd ul li a {display: block; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-left: 10px;}
#main-board dd ul li a:hover {color: #0a4a9b;}
#main-board dd ul li a:before {content: ''; position: absolute; left: 0; top: 5px; width: 3px; height: 3px; background: #999999;}
#main-board dd ul li span {position: absolute; right: 0; top: 1px; font-size: 12px; color: #999999;}
#main-cost {position: absolute; right: 180px; bottom: 0; width: 180px; height: 100px; background: #0a4a9b; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
#main-cost p {position: absolute; left: 20px; top: 30px; font-size: 16px;}
#main-cost p em {display: block; margin-top: 8px; font-size: 22px;}
#main-cost p em i {margin-right: 5px;}
#main-link {position: absolute; right: 0; bottom: 0; width: 180px; height: 100px; background: #24aee0 url(/img/main_bg_02.png) 10px 30px no-repeat; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
#main-link p {position: absolute; right: 10px; top: 15px; text-align: right;}
#main-link p em {display: block; font-size: 18px; margin-bottom: 5px;}
#main-calendar {margin: 40px 0;}
#main-calendar h2 {line-height: 50px; font-size: 24px; text-align: center; border: 2px solid #0a4a9b; color: #0a4a9b; margin-bottom: 30px; background: rgba(255, 255, 255, 0.7);}

/* sub pages */
#body {width: 1100px; margin: 0 auto;}
#sub_visual {background:#7e7678 url(/img/sub_visual.jpg) center 0 no-repeat; height: 160px; margin-bottom: 40px; position: relative;}
#sub_visual p{position:absolute; right:40px; top:30px; font-size:28px; font-weight:bold; text-shadow:2px 2px 5px rgba(0,0,0,0.6); color:#ffffff; line-height:1.6em; text-align:right;}
body.sub #main {position: relative; overflow: hidden; margin-bottom: 40px;}
#lnb{float:left; width:200px; position:relative;}
#lnb h2{background:#ffa200; color:#ffffff; font-size:22px; text-align:center; line-height:100px; height:100px;}
#lnb ul{margin-top:25px;}
#lnb ul li{margin-bottom:5px;}
#lnb ul li a{display:block; height:40px; line-height:40px; text-align:center; background:#bfbeba; font-size:14px; color:#ffffff;}
#lnb ul li a:hover{background:#aaaaaa;}
#lnb ul li.on a{background:#0a4a9b;}
#lnb ul li.on a:hover{background:#113882;}
#content{margin-left:240px; padding:40px 40px 80px 40px; min-height:500px; position:relative; overflow:hidden; width:860px; background: #ffffff; box-sizing: border-box;}
body.exhibit_01 #content {margin-left: 0; width: 100%;}
#content h2{font-size:32px; margin-bottom:50px; padding-bottom:20px; border-bottom:2px solid #e5e5e5;}
#content h3{font-size:20px; margin:50px 0 15px 0; background:url(/img/bullet_01.png) 0 4px no-repeat; padding:5px 0 5px 25px;}
#content h4{font-size:16px; margin:40px 0 10px 0; background:url(/img/bullet_02.png) 0 4px no-repeat; padding-left:15px; margin-left:20px;}

#bread_crumb{position:absolute; right:40px; top: 50px; overflow:hidden;}
#bread_crumb li{float:left; color:#777777;}
#bread_crumb li+li:before{content:">"; margin:0 10px;}
#bread_crumb li a:hover{color:#333333; text-decoration:underline;}
#bread_crumb li i{font-size:15px;}
#bread_crumb li em{color:#5abcf1;}

body.common ul.sitemap{display:table; table-layout:fixed; width:100%;}
body.common ul.sitemap > li{display:table-cell;}
body.common ul.sitemap > li > a{display:block; width:160px; height:50px; font-size:16px; font-weight:bold; text-align:center; line-height:50px; background:#ffa200; color:#ffffff;}
body.common ul.sitemap ul{width:160px;}
body.common ul.sitemap ul li{margin:10px 0;}
body.common ul.sitemap ul li a{display:block; height:30px; line-height:30px; text-align:center; border:1px solid #cccccc;}

body.introduce #content p.para{font-size:15px; margin:10px 0; margin-left:30px;}
body.introduce #content p.head{padding:15px 25px; border:1px solid #0a4a9b; font-size:15px; background:#f5f9ff; line-height:2em; border-radius:15px; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3); margin:0 10px;}
body.introduce ul.content_list{margin-bottom:30px;}
body.introduce ul.content_list li{margin:10px; padding-left:20px; font-size:15px; position:relative; line-height:1.4em;}
body.introduce ul.content_list li:before{content:""; display:block; width:6px; height:2px; background:#cccccc; position:absolute; left:0; top:8px;}
body.introduce ul.content_list li em{color:#FF0000;}
body.introduce div.equipment{border:1px solid #eeeeee; padding:20px; position:relative; overflow:hidden;}
body.introduce div.equipment p.image{width:220px; float:left; margin-right:50px;}
body.introduce div.equipment p.image img{width:100%;}
body.introduce div.equipment table.spec{width:450px; border-top:2px solid #0a4a9b; border-bottom:2px solid #0a4a9b;}
body.introduce div.equipment table.spec td{padding:5px 10px; border-bottom:1px solid #e6e6e6; font-size:12px;}
body.introduce div.equipment table.spec td:first-child{width:100px; font-weight:bold; background:#f5f9ff;}

#work-info {overflow: hidden; margin-bottom: 60px;}
#work-info h3 {margin: 0; line-height: 1.4em; background-position: 0 10px; margin-bottom: 10px;}
#work-info div.image {width: 500px; float: left; overflow: hidden; background: #ffffff;}
#work-info div.image ul.image {height: 300px; position: relative; overflow: hidden; border: 1px solid #e0e0e0; box-sizing: border-box;}
#work-info div.image ul.image li {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: none;}
#work-info div.image ul.image li:first-child {display: block;}
#work-info div.image ul.image li img {max-width: 100%; max-height: 100%; position: relative; top: 50%; transform: translate(0, -50%);}
#work-info div.image ul.thumb {overflow: hidden;}
#work-info div.image ul.thumb li {width: 100px; float: left; box-sizing: border-box;}
#work-info div.image ul.thumb li a {display: block; height: 70px; overflow: hidden; border: 1px solid #e0e0e0; border-top: none; position: relative;}
#work-info div.image ul.thumb li a img {width: 100%; position: relative; top: 50%; transform: translate(0, -50%);}
#work-info div.image ul.thumb li + li a {border-left: none;}
#work-info div.image ul.thumb li.on a:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #ffa200;}
#work-info div.info {width: 450px; margin-left: 570px;}
#work-info div.info ul.popular {text-align: right; margin-bottom: 20px;}
#work-info div.info ul.popular li {display: inline-block; margin-left: 30px; color: #777777; font-size: 15px;}
#work-info div.info ul.popular li i {margin-right: 8px;}
#work-info div.info ul.register {font-size: 16px; margin-bottom: 20px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 20px 0;}
#work-info div.info ul.register li {padding-left: 30px; position: relative;}
#work-info div.info ul.register li:before {content: ''; position: absolute; left: 8px; top: 2px; width: 5px; height: 5px; border: 2px solid #e0e0e0; border-radius: 50%;}
#work-info div.info ul.register li + li {margin-top: 15px;}
#work-info div.info p.like {text-align: right;}
#work-info div.info p.like a {font-size: 16px;}
#work-info div.info p.like a i {color: #999999; margin-right: 10px; font-size: 22px; vertical-align: middle;}
#work-info div.info p.like.on a i {color: #ff0000;}
#work-detail div.editor-content {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 20px;}
#work-detail div.editor-content img {max-width: 100%;}
#work-detail ul.file_list {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 20px;}

/* login */
div.login_box{width:420px; border:3px solid #e5e5e5; padding:50px; margin:50px auto;}
ul.login_form{position:relative;}
ul.login_form input[type=text], ul.login_form input[type=password]{padding:5px 10px; font-size:18px; box-sizing: border-box; width: 230px;}
ul.login_form input[type=submit]{border:none; background:#0a4a9b; color:#ffffff; font-size:16px; text-align:center; display:block; width:80px; height:80px; position:absolute; left:340px; top:0;}
ul.login_form label:first-child{display:inline-block; width:100px; font-size:16px; font-weight:bold;}
ul.login_form li{margin-bottom:10px;}
ul.login_form input[type=checkbox]{margin:0 5px 0 100px;}
ul.apply_form{display:table; width:100%; border-collapse:collapse; table-layout:fixed; margin-top:50px;}
ul.apply_form li{display:table-cell; border-left:1px solid #e5e5e5; text-align:center;}
ul.apply_form li:first-child{border-left:none;}
ul.apply_form li em{font-size:14px; font-weight:bold;}
ul.apply_form li span{display:block; margin:15px;}

/* equipment info detail */
div.equip_spec{overflow:hidden; margin-bottom:50px;}
div.equip_spec > p{float:left; width:300px; border:1px solid #e5e5e5; margin-right:30px; background:url(/img/common/icon_no_image.png) center center no-repeat; min-height:200px;}
div.equip_spec > p img{width:100%;}
div.equip_spec ul{width:460px; display:table; border-collapse:collapse; float:right; border-top:1px solid #0a4a9b;}
div.equip_spec ul li{display:table-row;}
div.equip_spec ul li em, div.equip_spec ul li span{display:table-cell; padding:10px; border-bottom:1px solid #e5e5e5;}
div.equip_spec ul li em{width:60px; font-weight:bold; color:#0a4a9b; position:relative; padding-left:15px;}
div.equip_spec ul li em:before{content:""; display:block; width:3px; height:3px; background:#0a4a9b; position:absolute; left:5px; top:15px;}

/* equipment info selected */
div.equip_selected{border-top:1px solid #0a4a9b; border-bottom:1px solid #0a4a9b; overflow:hidden; padding:10px 20px; margin-bottom:10px; background:#fefefe;}
div.equip_selected p.image{width:100px; height:100px; overflow:hidden; border:1px solid #e5e5e5; float:left; margin-right:50px; background:#ffffff;}
div.equip_selected p.image img{width:100%;}
div.equip_selected ul li{font-size:15px; margin:10px 0;}
div.equip_selected ul li em{font-weight:bold; color:#0a4a9b;}

/* popup */
body.popup #wrapper{border:3px solid #0a4a9b; padding:30px 20px 60px 20px; min-height:100%; box-sizing:border-box;}
body.popup h1{font-size:20px; margin:0 0 20px 0; padding-bottom:10px; border-bottom:2px solid #ffa200;}
body.popup h2{font-size:16px; margin:30px 0 15px 0; position:relative; padding-left:25px;}
body.popup h2:before{content:""; display:block; width:15px; height:15px; background:#0a4a9b; position:absolute; left:0; top:-1px;}
body.popup h2:after{content:""; display:block; width:9px; height:9px; background:#ffffff; position:absolute; left:3px; top:2px;}
body.popup a.close{position:fixed; right:20px; bottom:20px; z-index:10000;}
body.popup a.this{position:fixed; right:20px; top:20px; z-index:10000;}

body.popup #main_popup{border:2px solid #0a4a9b; margin:30px 0; border-radius:20px; min-height:200px; background:#ffffff; background:rgba(0,0,0,0.02); padding:30px 20px; box-sizing:border-box;}
body.popup p.confirm{text-align:right;}
body.popup_04 #wrapper{background:url(/img/logo_footer.png) 10px 97% no-repeat;}
body.popup_04 #main_popup{line-height:2em;}

/* module */
ul.cal_select{text-align:center; margin-bottom:10px;}
ul.cal_select li{display:inline-block; font-size:18px; margin-right:20px;}
ul.cal_select li i{color:#08499a; vertical-align:middle;}
ul.cal_select li span{font-weight:bold; margin:0 10px; vertical-align:-2px;}

table.calendar{width:100%; table-layout:fixed;}
table.calendar thead{background:#f5f9ff;}
table.calendar th, table.calendar td{border:1px solid #bbbbbb; padding:5px;}
table.calendar tbody tr:first-child td{border-top:none;}
table.calendar th{border-top:1px solid #0a4a9b; border-bottom:1px solid #0a4a9b; padding:8px 5px;}
table.calendar td{font-size:12px; height:100px; vertical-align:top; position:relative; background: rgba(255, 255, 255, 0.7);}
table.calendar td span.date {font-size: 15px; font-weight: bold;}
table.calendar td.today:before{content:""; display:block; box-sizing:border-box; position:absolute; left:0; top: 0; width:100%; height:100%; border: 2px solid #fcae16;}
table.calendar td em{display:block; font-size:13px; font-weight:bold; margin-bottom:5px;}
table.calendar td:first-child em{color:#ff0000;}
table.calendar td > ul > li{position:relative; margin-bottom:5px; padding-left:8px;}
table.calendar td > ul > li:before{content:""; display:block; width:3px; height:3px; background:#0a4a9b; position:absolute; left:0; top:4px;}
table.calendar td > ul > li > a span.equipment{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
table.calendar td > ul > li.on > a span.equipment{font-weight:bold; color:#0a4a9b;}
table.calendar td > ul > li > a span.time{font-size:11px; color:#ffa200;}
table.calendar td ul ul{position:absolute; width:200px; padding:10px; left:100%; top:-10px; background:#ffffff; border:2px solid #0a4a9b; z-index:10; border-radius:5px; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3); font-size:11px; background:#f5f9ff; display:none;}
table.calendar td > ul > li.on ul{display:block;}
table.calendar td ul ul:before{content:""; display:block; border:10px solid transparent; border-right-color:#0a4a9b; position:absolute; left:-20px; top:10px;}
table.calendar td ul ul:after{content:""; display:block; border:10px solid transparent; border-right-color:#f5f9ff; position:absolute; left:-18px; top:10px;}
table.calendar td ul ul li{display:table-row;}
table.calendar td ul ul li span{display:table-cell; padding:3px 0;}
table.calendar td ul ul li span:first-child{font-weight:bold; width:50px;}
table.calendar td ul ul li.close{position:absolute; right:5px; bottom:5px; color:#0a4a9b;}
table.calendar td ul ul.bottom{left:auto; top:35px; right:0;}
table.calendar td ul ul.bottom:before{left:140px; top:-20px; border-right-color:transparent; border-bottom-color:#0a4a9b;}
table.calendar td ul ul.bottom:after{left:140px; top:-18px; border-right-color:transparent; border-bottom-color:#f5f9ff;}
table.calendar td ul ul.top{left:auto; top:auto; right:0; bottom:140%;}
table.calendar td ul ul.top:before{left:140px; top:auto; bottom:-20px; border-right-color:transparent; border-top-color:#0a4a9b;}
table.calendar td ul ul.top:after{left:140px; top:auto; bottom:-18px; border-right-color:transparent; border-top-color:#f5f9ff;}

.btn {display:inline-block; text-align:center; box-sizing:border-box; margin: 0; padding: 0; box-sizing: border-box; cursor: pointer;}
.btn.size1 {min-width:240px; padding:0 12px; height:50px; font-size:16px;  line-height:52px; font-weight:bold; letter-spacing:2px;}
.btn.size2 {min-width:150px; padding:0 12px; height:50px; font-size:14px; line-height:52px;}
.btn.size3 {min-width:70px; padding:0 12px; height:27px; font-size:12px; line-height:29px;}
.btn.size4 {min-width:100px; padding:0 14px; height:37px; font-size:13px; line-height:39px;}
.btn.color1 {border:1px solid #0a4a9b; color:#0a4a9b; background:#ffffff;}
.btn.color1:hover {background:#e5e5e5;}
.btn.color2 {border:1px solid #0a4a9b; color:#ffffff; background:#0a4a9b;}
.btn.color2:hover {background:#113882;}
.btn.color3 {border:1px solid #c5c5c5; color:#505050; background:#ffffff;}
.btn.color3:hover,input.btn.color3:hover{border:1px solid #0a4a9b;}
.btn.color4 {border:1px solid #bbbbbb; background: #f6f6f6; color:#333333;}
.btn.color4:hover {border:1px solid #0a4a9b;}
.btn.color5 {border:1px solid #ff0000; background: #ffffff; color:#ff0000; float:left;}
.btn.color5:hover {background:#ff0000; color:#ffffff;}
p.button {text-align:right; margin-top:10px; position:relative; overflow:hidden;}
p.button.center {text-align:center;}

p.form_info{text-align:right; margin-bottom:5px;}
table.form{width:100%; border-top:1px solid #0a4a9b; margin-bottom:30px;}
table.form td{border-bottom:1px solid #e6e6e6; padding:8px 10px; line-height:28px;}
table.form td:first-child{background:#f5f9ff; width:120px; font-weight:bold; padding-left:30px;}
table.form td:first-child img{position: relative; left: -18px; margin-right: -14px;}
table.form td.lines{line-height:1.2em;}
table.form td.editor{padding:0;}
table.form td.editor textarea{height:300px; width:99.5%;}
table.form td.editor iframe{vertical-align:bottom;}
table.form input[type=text], table.form input[type=password]{padding:4px 8px;}
table.form input[type=text].full{width:100%; box-sizing:border-box;}
table.form input+a{margin-left:10px;}
table.form input.phone{width:60px;}
table.form input.date{width:120px;}
table.form input[type=checkbox], table.form input[type=radio]{vertical-align:middle; margin:7px 5px 7px 0;}
table.form label + input[type=radio] {margin-left: 20px;}
table.form input[type=checkbox]:first-child, table.form input[type=radio]:first-child{margin-left:0;}
table.form input[type=file]{display:block; margin-top:10px;}
table.form select{padding:4px 8px;}
table.form textarea{display:block; width:100%; min-height:100px; box-sizing:border-box; padding:5px;}
table.form td em{font-size:12px; color:#ff0000; display:block; line-height:1.4em; margin-top:10px; text-indent:-7px;}
table.form td p.desc {font-size: 12px; color: #ff0000; line-height: 1.6em;}
table.form td *:not(p.desc) + p.desc {margin-top: 10px;}

p.table_info{float:left; position:relative; top:10px;}
p.table_info em{color:#08499a; font-weight:bold; margin:0 3px;}
p.table_search{float:right; margin-bottom:5px;}
p.table_search input[type=text]{padding:4px 8px;}
table.list{width:100%; border-top:1px solid #0a4a9b; margin-bottom:20px; font-size:12px; table-layout:fixed;}
table.list tr:hover{background:#f9f9f9;}
table.list th, table.list td{border-bottom:1px solid #e6e6e6; padding:3px 10px; text-align:center; line-height:26px;}
table.list th{background:#f5f9ff;}
table.list td.title{text-align:left; max-width:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.list td.title a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.list td.title a i{margin-right:6px;}
table.list td.title a:hover{color:#0a4a9b;}
table.list td span.equip_image{display:block; width:100px; height:100px; border:1px solid #eeeeee; text-align:center; overflow:hidden;}
table.list td span.equip_image img{width:100%;}
table.list td img{vertical-align:middle;}



table.view{width:100%; border-top:1px solid #0a4a9b; margin-bottom:30px; table-layout:fixed;}
table.view td{border-bottom:1px solid #e6e6e6; padding:10px 10px;}
table.view td.th{background:#f5f9ff; width:120px; font-weight:bold; padding-left:30px;}
table.view td div.content{min-height:200px; padding:10px 0; position:relative;}
table.view td div.content img{max-width:100%;}
/*
div.paging{text-align:center; font-size:12px; overflow:hidden; width:440px; margin:0 auto;}
div.paging a{display:block; width:30px; height:30px; border:1px solid #e5e5e5; line-height:32px; float:left; background:#ffffff; margin-right:-1px;}
div.paging a:hover{background:#fafafa;}
div.paging > a{font-size:16px;}
div.paging > a.first{border-top-left-radius:5px; border-bottom-left-radius: 5px;}
div.paging > a.last{border-top-right-radius:5px; border-bottom-right-radius: 5px;}
div.paging > a.disabled{color:#e5e5e5;}
div.paging li.on a{background:#0a4a9b; color:#ffffff;}
*/
div.paging{text-align:center; font-size:12px; border-collapse:collapse; display:table; margin:0 auto;}
div.paging a{display:block; width:30px; height:30px; line-height:30px; background:#ffffff;}
div.paging > a{display:table-cell; border:1px solid #e5e5e5;}
div.paging ol{display:table-cell; border:1px solid #e5e5e5; vertical-align:bottom;}
div.paging ol li{float:left; border-left:1px solid #e5e5e5;}
div.paging ol li:first-child{border-left:none;}
div.paging a.first{border-top-left-radius:5px; border-bottom-left-radius: 5px;}
div.paging a.last{border-top-right-radius:5px; border-bottom-right-radius: 5px;}
div.paging a.disabled{color:#e5e5e5;}
div.paging li.on a{background:#0a4a9b; color:#ffffff;}

table.timetable{width:100%; border-top:1px solid #0a4a9b; margin-bottom:30px; font-size:11px;}
table.timetable th, table.timetable td{border-bottom:1px solid #e6e6e6; padding:3px 10px; text-align:center; line-height:26px; position:relative;}
table.timetable th{background:#f5f9ff;}
table.timetable th:first-child{border-right:1px solid #e6e6e6;}
table.timetable tbody th{width:60px;}
table.timetable thead span.start{position:absolute; left:5px;}
table.timetable thead span.end{position:absolute; right:5px;}
table.timetable td span{display:inline-block; position:absolute; background:#4089dd; text-align:center; color:#ffffff; top:6px; height:20px; line-height:20px; overflow:hidden;}

p.search{border-top:1px solid #0a4a9b; border-bottom:1px solid #0a4a9b; padding:15px 20px; background:#f5f9ff; margin:20px 0; position:relative;}
p.search select{padding:4px 8px;}
p.search label{margin-left:30px;}
p.search label:first-child{margin-left:0;}
p.search label:after{content:":"; margin:0 5px;}
p.search input[type=submit]{position:absolute; right:20px;}

ul.file_list{font-size:12px; line-height:1.2em;}
ul.file_list li{margin-top:5px;}
ul.file_list li:first-child{margin-top:0;}
ul.file_list li > a:hover{color:#ffa200;}
ul.file_list li img:first-child{margin-right:10px;}
ul.file_list li span.size{display:inline-block; padding:3px 5px 1px 5px; border:1px solid #0a4a9b; border-radius:3px; background:#f5f9ff; color:#0a4a9b; font-size:11px; margin:0 10px;}
ul.file_list li i {color: #0a4a9b; margin-right: 8px;}
ul.file_list li *{vertical-align:middle;}

ul.reply{border-bottom:1px solid #0a4a9b;}
ul.reply li p.info{background:#f5f9ff; padding:7px 15px 5px 15px; border-top:1px solid #0a4a9b; border-bottom:1px solid #e5e5e5;}
ul.reply li.answer p.info{padding-left:40px; border-top:1px solid #e5e5e5; background:#f5f9ff url(../img/common/icon_answer.png) 20px center no-repeat;}
ul.reply li p.info span.name{color:#0a4a9b; font-weight:bold; margin-right:15px;}
ul.reply li p.info span.time{color:#999999; font-size:11px;}
ul.reply li p.info span.function{float:right;}
ul.reply li p.info a{font-size:12px;}
ul.reply li p.info a:hover{color:#0a4a9b;}
ul.reply li p.info a i{margin-right:8px;}
ul.reply li p.info a+a:before{content:"|"; font-size:10px; color:#999999; margin:0 10px;}
ul.reply li p.text{padding:15px 20px; font-size:12px; color:#767676; line-height:1.5em;}
ul.reply li.answer p.text{padding-left:50px;}
p.reply_write{background: #f5f9ff; padding: 10px; border-bottom:1px solid #0a4a9b; margin-bottom: 30px;}
p.reply_write textarea{width: 90%; height: 50px; vertical-align: middle; padding: 5px; box-sizing: border-box;}
p.reply_write input[type=submit]{display: inline-block; width: 9%; height: 50px; background: #0a4a9b; color: #ffffff; line-height: 50px; border: none; vertical-align: middle; margin-left: 1%; cursor: pointer;}

div.work-search {border: 2px solid #e0e0e0; text-align: center; padding: 20px 0; margin-bottom: 40px; background: #f9f9f9;}
div.work-search label {font-size: 16px; margin-right: 20px; vertical-align: middle;}
div.work-search input[type=text] {border: 1px solid #999999; line-height: 30px; width: 300px; box-sizing: border-box; vertical-align: middle; display: inline-block; padding: 0 20px; font-size: 16px; color: #777777;}
div.work-search .btn {height: 32px; width: 120px; vertical-align: middle; font-size: 15px;}
div.work-search .btn i {margin-right: 8px; vertical-align: middle;}

ul.work-list {overflow: hidden; width: 1040px;}
ul.work-list > li {width: 240px; height: 210px; overflow: hidden; border: 1px solid #e0e0e0; box-sizing: border-box; background: #ffffff; float: left; margin: 0 20px 20px 0; position: relative;}
ul.work-list > li > a {display: block; height: 100%;}
ul.work-list > li span {display: block;}
ul.work-list > li span.image {height: 180px; overflow: hidden; position: relative;}
ul.work-list > li span.image img {width: 100%; min-height: 100%; position: absolute; top: 50%; transform: translate(0, -50%); transition: transform 0.3s;}
ul.work-list > li > a:hover span.image img {transform: translate(0, -50%) scale(1.1);}
ul.work-list > li span.image em.title {position: absolute; left: 0; top: 0; width: 100%; height: 50px; color: #ffffff; box-sizing: border-box; padding: 10px; font-size: 15px; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);}
ul.work-list > li span.image em.title span {font-size: 11px; color: #eeeeee; display: block; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.work-list > li span.info {position: absolute; left: 0; bottom: 0; width: 100%; display: table; background: #ffffff; color: #999999;}
ul.work-list > li span.info > span {display: table-cell; text-align: center; line-height: 30px; font-size: 13px; border-top: 1px solid #e0e0e0;}
ul.work-list > li span.info > span + span {border-left: 1px solid #e0e0e0;}
ul.work-list > li span.info > span i {margin-right: 8px; vertical-align: middle;}
ul.work-list > li span.info > span.hit i {color: #0a4a9b;}
ul.work-list > li span.info > span.like i {color: #ff0000;}
ul.work-list > li.no {width: 100%; height: 100px; line-height: 100px; font-size: 24px; text-align: center; color: #999999;}
ul.work-list > li.no i {color: #0a4a9b; margin-right: 15px;}

body.popup {background: #ffffff;}
body.popup #wrapper {min-width: auto;}
body.popup_03 #wrapper{border:none;}
table.application{width:100%;}
table.application td{border:1px solid #666666; padding:15px;}
table.application td.title{font-size:24px; font-weight:bold; text-align:center; padding:25px 0;}
table.application td[rowspan]{text-align:center; font-weight:bold;}
table.application td div.text{min-height:150px;}
table.application td span.date{margin-right:150px;}

div.mask{position:fixed; left:0; top:0; background:rgba(0,0,0,0.4); width:100%; height:100%; z-index:100000; display:none;}
#layer_popup{position:fixed; width:50%; padding:30px; border:4px solid #0a4a9b; z-index:100001; background:#ffffff; background:rgba(255,255,255,0.9); left:25%; top:5%; box-sizing:border-box; display:none;}
#layer_popup h3{font-size:20px; background:url(/img/bullet_01.png) 0 0 no-repeat; padding-left:25px;}
#layer_popup h4{font-size:16px; background:url(/img/bullet_02.png) 0 4px no-repeat; padding-left:15px; margin:20px 0 10px 10px;}
#layer_popup ul li{margin-bottom:5px;}
#layer_popup p.confirm{margin:20px 0; color:#FF0000;}
#layer_popup ul li{margin:5px; padding-left:15px; position:relative; line-height:1.4em; margin-left:20px;}
#layer_popup ul li:before{content:""; display:block; width:6px; height:2px; background:#cccccc; position:absolute; left:0; top:6px;}
#layer_popup ul li em{color:#FF0000;}
#layer_popup a.icon.close{position:absolute; right:30px; top:30px; color:#0a4a9b;}
#layer_popup a.icon.close:hover{color:#113882;}