﻿#body .subheader { width:1000px; height:60px; }
#body .subheader h2 { color: #ae2b22; font-size: 2rem; }
#body .vs00 { background:url(/Content/Images/Menu/sub_vs_00.jpg) no-repeat; }
#body .vs01 { background:url(/Content/Images/Menu/sub_vs_01.jpg) no-repeat; }
#body .vs02 { background:url(/Content/Images/Menu/sub_vs_02.jpg) no-repeat; }
#body .vs03 { background:url(/Content/Images/Menu/sub_vs_03.jpg) no-repeat; }
#body .vs04 { background:url(/Content/Images/Menu/sub_vs_04.jpg) no-repeat; }
#body .vs05 { background:url(/Content/Images/Menu/sub_vs_05.jpg) no-repeat; }
#body .vs06 { background:url(/Content/Images/Menu/sub_vs_06.jpg) no-repeat; }
#body .vs07 { background:url(/Content/Images/Menu/sub_vs_07.jpg) no-repeat; }

#body #sub-nav { width:1000px; padding:10px 0; background-color:#ae2b22; overflow:auto; }
#body #sub-nav #sub-menu li { padding:0 8px; float:left; border-left: 1px solid #d79691; }
#body #sub-nav #sub-menu li.first { border-left: none; }
#body #sub-nav a { color:#fff; padding:10px; display:block; }
#body #sub-nav a:hover, #body #sub-nav a:focus { color:#000; font-weight: bold; background-color:#fff; padding:10px; text-decoration:none; }

/* Button Style */
#body #contents .small-link { padding:4px 8px; background-color:#ae2b22; color:#fff; border:1px solid #82201a; font-size:.9em; }
#body #contents .xsmall-link { padding:3px 6px; background-color:#ae2b22; color:#fff; border:1px solid #82201a; font-size:.8em; border-radius: 3px; }
#body #contents .nomal-link { padding:7px 20px; background-color:#bfbfbf; border:1px solid #b0b0b0; }
#body #contents .disabled-link { background-color:#555; color:#ccc; }
#body #contents .func-link { display:inline-block; vertical-align:top; border:1px solid #82201a; background-color:#ae2b22; color:#fff; font-weight: bold; font-size:1.2rem; height: 50px; min-width: 90px; text-align: center; line-height: 50px; padding:0 25px; }
#body #contents .func-link:hover, #body #contents .func-link:focus { text-decoration:none; }
#body #contents button.small { border:1px solid #b0b0b0; background-color:#bfbfbf; font-size:.9em; height:30px; padding:0 5px; }
#body #contents input[type=submit].func-button, #body #contents button.func-button { border:1px solid #82201a; background-color:#ae2b22; color:#fff; font-size:1.2rem; height: 52px; font-weight: bold; min-width: 142px; text-align: center; line-height: 52px; padding:0 25px; }
#body #contents input[type=submit].small-button, #body #contents button.small-button { border:1px solid #82201a; background-color:#ae2b22; color:#fff; font-size:.9em; height:32px; padding:0 15px; }
#body #contents input[type=submit].mini-button, #body #contents button.mini-button { border:1px solid #82201a; background-color:#ae2b22; color:#fff; font-size:.9em; padding:2px 5px; line-height:normal; }
#body #contents input[type=submit].large-button { border:1px solid #82201a; background-color:#ae2b22; color:#fff; height:80px; padding:0 2em; }
#body #contents input[type=submit].large-button3 { height:125px; }
#body #contents a.olink { color:#ae2b22; text-decoration:underline; padding-right:13px; margin-right:2px; background:url(/Content/Images/Common/new_link.gif) no-repeat right center; }
#body #contents a.dlink { color:#ae2b22; text-decoration:underline; padding-right:16px; margin-right:2px; background:url(/Content/Images/Common/download_link.gif) no-repeat right center; }


/* Content Page Style */
#body #contents { margin-top:60px; }
#body #contents h3 { font-size:1.8em; padding-left:20px; background:url(/Content/Images/Common/symbol_h3.gif) no-repeat left center; }
#body #contents h4 { font-size:1.3em; padding-left:20px; margin-top:3em; margin-bottom:1em; color:#ae2b22; font-weight:normal; background:url(/Content/Images/Common/symbol_h4.gif) no-repeat left center; }
#body #contents h4.top { margin-top:0; }
#body #contents h5 { font-size:1.1em; padding-left:10px; margin-top:2em; margin-bottom:1em; color:#ae2b22; font-weight:normal; background:url(/Content/Images/Common/symbol_h5.gif) no-repeat left center; }
#body #contents h5.withbutton { float:left; margin-top:2em; margin-right:.5em; }
#body #contents h5.top { margin-top:1em; }
#body #contents h6 { font-size:1.05em; margin-top: 1.5em; }
#body #contents .widthheader5 { margin-top:2.2em; }
#body #contents .widthheader5-top { margin-top:1.1em; }
#body #contents #current-location { margin-top:15px; background-color:#fbf2f2; padding:10px 20px; }
#body #contents #real-content { margin-top:10px; border-top:2px solid #333; padding:30px 15px 60px 15px; position:relative; }
#body #contents #real-content p { margin:1em 0; line-height:170%; }
#body #contents #real-content p strong { color:#ae2b22; }
#body #contents #real-content p.outdent { text-indent: -2.5rem; margin-left: 2.5rem; font-family: "신명조" }
#body #contents #real-content strong.underline { font-weight: normal; text-decoration: underline; }
#body #contents #real-content .a-left { text-align:left; }
#body #contents #real-content .a-center { text-align:center; }
#body #contents #real-content .a-right { text-align:right; }
#body #contents #real-content dl.section { border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding:0; }
#body #contents #real-content dl.section dt { font-weight:bold; background-color:#f0f0f0; padding:1em; }
#body #contents #real-content dl.section dd { padding:1em; }
#body #contents #real-content dl.standard { float:left; width:420px; margin-left:10px; margin-right:10px; margin-bottom:1em; }
#body #contents #real-content dl.standard dd { height:12em; }
#body #contents #real-content dl.section dd li { line-height:1.5em; margin-left:1.5em; }
#body #contents #real-content ul.default { padding:1em; }
#body #contents #real-content ul.in-table { padding:0 1em; }
#body #contents #real-content ul.top { padding-top:0; }
#body #contents #real-content ul.bottom { padding-bottom:0; }
#body #contents #real-content ul.default li { line-height:1.5em; padding:.3rem 0 .3rem .8rem; background:url(/Content/Images/Common/symbol_list_gray.gif) no-repeat left 1.1em; }
#body #contents #real-content ul.in-table li { line-height:1.5em; padding:.2rem 0 .2rem .8rem; background:url(/Content/Images/Common/symbol_list_gray.gif) no-repeat left 1.1em; }
#body #contents #real-content ul.default li .position { display: inline-block; width: 5em; font-weight: bold; }
#body #contents #real-content ul.default li .position:after { content: " : " }
#body #contents #real-content ul.default2 { padding-top:.3em; }
#body #contents #real-content ul.default2 li { line-height:1.5em; padding:.4em 0 .4em .8em; background:url(/Content/Images/Common/symbol_list_gray_bar.gif) no-repeat left 1.1em; }
#body #contents #real-content ol.default { padding-left:2em; } 
#body #contents #real-content ol.none-style { list-style-type: none; padding-left: 0.5em; }
#body #contents #real-content ol.none-style ol.default { padding-left: 2.5em; }
#body #contents #real-content ol.default li { line-height:1.5em; padding:.3em 0 .3em 0; }
#body #contents #real-content figure.default { border:1px solid #bbb; border-top:2px solid #82201a; float:left; margin-right:10px; }
#body #contents #real-content figure.default img { padding:10px; }
#body #contents #real-content figure.default img.margin { padding:20px 30px; }
#body #contents #real-content figure.default figcaption { padding:10px 5px; background-color:#f1f1f1; border-top:1px solid #ddd; }
#body #contents #real-content .box { border:1px solid #bbb; border-top:2px solid #82201a;  }
#body #contents #real-content .paddingbox { padding:1rem 2rem; }
#body #contents #real-content .red { color:#d90000; }
#body #contents #real-content .blue { color:blue; }
#body #contents #real-content .gray { color:gray; }
#body #contents #real-content p.form-info { position:absolute; right:30px; }
#body #contents #real-content .tooltip { margin-left: 5px; width: 200px; background-color: black; color: #fff; text-align: center; padding: 8px; border-radius: 8px; position: absolute; line-height: normal; z-index: 1; }

/* 정보통신 보조기기 */
#body #contents #real-content article.device { width:300px; float:left; margin-right:20px; }
#body #contents #real-content article.device .img-wrap { display:table-cell; overflow:hidden; vertical-align:middle; width:296px; height:250px; overflow:hidden; padding:2px; border:1px solid #bbb; border-top:2px solid #82201a; }
#body #contents #real-content article.device .img-wrap .axis { width:0; height:100%; display:inline-block; vertical-align:middle; }
#body #contents #real-content article.device .img-wrap img { display:inline-block; vertical-align:middle; width:296px; max-height:250px; }
#body #contents #real-content article.device figcaption { padding:1em .5em; line-height:150%; }

/* history type */
#body #contents #real-content #history { float:left; }
#body #contents #real-content #history h5 { float:left; clear:both; margin:0; margin-right:2em; height:2.2em; line-height:2.2em; }
#body #contents #real-content #history ul { float:left; margin-bottom:30px; }
#body #contents #real-content #history ul li { height:2em; line-height:2.2em; }
#body #contents #real-content #history ul li span.month { display:inline-block; width:6em; height:2.2em; margin-right:2em; text-align:center; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; }

/* data table type */
#body #contents #real-content .board-tool { text-align:right; overflow:auto; padding:1em 0; }
#body #contents #real-content .board-tool .page-info { float:left; width:auto; height:30px; line-height:30px; padding:0; margin:0; }
#body #contents #real-content .board-tool .search-form { float:right; width:auto; }
#body #contents #real-content .board-tool .search-form label { margin-left:1em; line-height:30px; }
#body #contents #real-content .board-tool .search-form input { vertical-align:bottom; }
#body #contents #real-content .board-tool .search-form input[type=checkbox] { vertical-align:middle; }
#body #contents #real-content .board-tool .search-form label.enum { margin-left:.5em; margin-right:1em; }
#body #contents #real-content table.default { width:100%; border-top:2px solid #82201a; border-left:1px solid #dedede; }
#body #contents #real-content table.detail-width { width:900px; margin:.5em auto 1em auto; }
#body #contents #real-content p.detail-width { width:900px; margin:.5em auto 1em auto; }
#body #contents #real-content table.default .word-break { word-break:break-all; }
#body #contents #real-content table.default thead th { background-color:#ececec; color:#ae2b22; font-weight: bold; padding:.8em 0; border-right:1px solid #dedede; border-bottom:1px solid #bbb; text-align: center; }
#body #contents #real-content table.default tbody th { padding:.7em; text-align:center; border-bottom:1px solid #bbb; border-right:1px solid #dedede; }
#body #contents #real-content table.default tbody td { padding:.7em; text-align:center; border-bottom:1px solid #bbb; border-right:1px solid #dedede; line-height:1.5em; }
#body #contents #real-content table.default tbody td.a-left { text-align:left; }
#body #contents #real-content table.default tbody td.a-right { text-align:right; }

/* 페이저 스타일
----------------------------------------------------------*/
#board-pager { padding:10px 0; width:100%; overflow:auto; border-bottom:1px solid #bbb; }
#board-pager ul { list-style:none; float:right; position:relative; left:-50%; margin:0; }
#board-pager ul li { float:left; position:relative; left:50%; }
#board-pager ul li a { padding:.4em; border:1px solid transparent; display:block; line-height:1em; }
#board-pager ul li a.image { padding:0; margin:.2em; }
#board-pager ul li.current { font-weight:bold; border:1px solid #000; background-color:#3271b1; color:#fff; padding:.4em; line-height:1em; }
#board-pager ul li a:link, #pager ul li a:visited { color: #222; text-decoration:none; }
#board-pager ul li.number a:hover, #board-pager ul li.number a:focus { border:1px solid #3271b1; text-decoration: none; }
#board-pager ul li.number a:active { border:1px solid #505abc; text-decoration: none; }

/* 게시판 테이블 스타일 */
#body #contents #real-content .board { width:100%; border-top:2px solid #aaa; }
#body #contents #real-content .board thead tr th { padding:1em .2em; line-height:normal; font-weight:normal; border-bottom:1px solid #bbb; color:#ae2b22; font-weight: bold; background-color:#f0f0f0; }
#body #contents #real-content .board thead tr th.last {}
#body #contents #real-content .board tfoot tr th { color:#3271b1; padding:.8em .2em; border-top:1px solid #3271b1; }
#body #contents #real-content .board tfoot tr td { padding:.8em .2em; border-top:1px solid #3271b1; border-bottom:2px solid #82201a; text-align:center; font-weight:bold; }
#body #contents #real-content .board tbody tr th { color:#333; font-weight:normal; padding:.8em .2em; border-bottom:1px solid #bbb; }
#body #contents #real-content .board tbody tr td { padding:.8em .2em; border-bottom:1px solid #bbb; text-align:center; line-height:normal; color:#333; }
#body #contents #real-content .board tbody tr td .icon { padding-right:5px; vertical-align:baseline; }
#body #contents #real-content .board tbody tr td.a-left { text-align:left; }
#body #contents #real-content .board tbody tr td.a-right { text-align:right; }
#body #contents #real-content .board tbody tr td img { vertical-align:middle; }
#body #contents #real-content .board tbody tr td a.ilink { padding-right:20px; background:url(/Content/Images/Common/inner_link.gif) no-repeat right center; }
#body #contents #real-content .board tbody tr td.red { color:red; }
#body #contents #real-content .board tbody tr td.blue { color:blue; }
#body #contents #real-content .board tbody tr td.gray { color:gray; }

/* 게시판 썸네일 스타일 */
#body #contents #real-content #photo-list { border-top:2px solid #3271b1; border-bottom:1px solid #3271b1; overflow:auto; padding:0 11px 30px 11px; }
#body #contents #real-content #photo-list li { width:210px; padding:5px; margin:30px 20px 0 0; float:left; }
#body #contents #real-content #photo-list li.last { margin-right:0; }
#body #contents #real-content #photo-list li a { display:block; text-align:center; }
#body #contents #real-content #photo-list li a .title { padding:5px 0; font-weight:bold; display:block; }
#body #contents #real-content #photo-list li a .image { width:210px; height:155px; display:block; overflow:hidden; }
#body #contents #real-content #photo-list li .author { padding:2px 0; display:block; text-align:center; }
#body #contents #real-content #photo-list li .date { padding:2px 0; display:block; text-align:center; }
#body #contents #real-content #photo-list li a img { width:210px; }
#body #contents #real-content p.empty { padding:3em; text-align:center; }

/* 게시판 포커스 스타일 */
#area-body #body-right #real-content #focus-list { overflow:auto; border-top:3px solid #3271b1; padding-bottom:30px; }
#area-body #body-right #real-content #focus-list li { border-bottom:1px solid #e4e4e4; padding:1.5em 0; position:relative; height:130px; }
#area-body #body-right #real-content #focus-list li a.title { margin-left:190px; font-size:1.2em; font-weight:bold; color:#3271b1; }
#area-body #body-right #real-content #focus-list li .image { width:150px; border:5px solid #ededed; padding:5px; position:absolute; top:1.5em; left:0px; }
#area-body #body-right #real-content #focus-list li .image span { width:150px; height:105px; display:block; overflow:hidden; }
#area-body #body-right #real-content #focus-list li ul { margin-left:190px; }
#area-body #body-right #real-content #focus-list li ul li { padding:0; border-bottom:none; float:left; height:auto; }
#area-body #body-right #real-content #focus-list li ul li.content { clear:both; float:none; }

/* form type */
#body #contents #real-content ul.form { overflow: hidden; }
#body #contents #real-content .form, 
#body #contents #real-content .form-content { width:960px; margin:0 auto; border-top:2px solid #82201a; border-bottom:1px solid #bbb; position:relative; }
#body #contents #real-content .form-content .scroll-content { padding:10px; margin:10px; height:7em; overflow:scroll; }
#body #contents #real-content .form p, #body #contents #real-content .form li { margin:0; padding: 4px 0; padding-left:10px; height:34px; border-top:1px solid #ddd; line-height:34px; position:relative; }
#body #contents #real-content .form p .xquared li { margin:0; padding:0; height:auto; line-height:normal; }
#body #contents #real-content .form p.auto { height:auto; padding:4px; padding-left:10px; }
#body #contents #real-content .form p.content { height:auto; clear:both; }
#body #contents #real-content .form li.content { height:auto; padding:1em; clear:both; line-height:150%; }
#body #contents #real-content .form li.full { width: 100%; float: left; height: auto; }
#body #contents #real-content .form li.full .content { white-space:pre; width: 800px; float: left; }
#body #contents #real-content .form li.content p { border:none; height:auto; padding:1em .5em; line-height:170%; }
#body #contents #real-content .form p.half, #body #contents #real-content .form li.half { width:469px; float:left; }
#body #contents #real-content .form p.right-line, #body #contents #real-content .form li.right-line { border-right:1px solid #ddd; }
#body #contents #real-content .form p.top, #body #contents #real-content .form li.top { border-top:none; }
#body #contents #real-content .form p.split, #body #contents #real-content .form li.split { padding-top:2em; }
#body #contents #real-content .form p .question { margin-right:1em; }
#body #contents #real-content .form p .required { background:url(/Content/Images/Common/dot_red_star.gif) no-repeat left center; padding-left: 5px; }
#body #contents #real-content .form p label.title, #body #contents #real-content .form li label.title { padding-left:10px; width:150px; display:inline-block; line-height:normal; margin-top:6px; vertical-align:top; font-weight: bold; }
#body #contents #real-content .form p label.title2, #body #contents #real-content .form li label.title2 { padding-left:10px; width:150px; display:inline-block; line-height:1em; margin-top:2px; vertical-align:top; }
#body #contents #real-content .form p label.enum { padding-left:5px; padding-right:1em; }
#body #contents #real-content .form p label.required { background:url(/Content/Images/Common/dot_red_star.gif) no-repeat left center; }
#body #contents #real-content .form p span.help-info-short { position:absolute; left:330px; }
#body #contents #real-content .form .attach-info { display: block; padding-left: 10px; }
#body #contents #real-content .form p button { vertical-align:baseline; }
#body #contents #real-content .form p input { vertical-align:top; }
#body #contents #real-content .form p input[type=radio] { vertical-align:middle; }
#body #contents #real-content .form p input[type=file] { width:600px; }
#body #contents #real-content .form p input.short { width:4em; }
#body #contents #real-content .form p input.half { width:350px; }
#body #contents #real-content .form p input.shorthalf { width:250px; }
#body #contents #real-content .form p select.shorthalf { width:255px; }
#body #contents #real-content .form p input.full { width:760px; }
#body #contents #real-content .form p textarea.full { width:760px; height:4em; }
#body #contents #real-content .form p select { vertical-align:top; }
#body #contents #real-content .form p input[type=checkbox] { vertical-align:middle; }
#body #contents #real-content .form .dynamic-table { width:auto; margin:5px 10px 10px 10px; }
#body #contents #real-content .form .dynamic-table input[type=text] { width:100px; }
#body #contents #real-content .form .dynamic-table select { width:100px; }
#body #contents #real-content .form .dynamic-table tbody td { padding:.5em 5px; }
#body #contents #real-content .func-buttons-right { width:100%; margin:1em auto; text-align:right; }
#body #contents #real-content .func-buttons-right form { display:inline; }

#body #contents #real-content .form-thumb { width:900px; margin:0 auto; border-top:2px solid #82201a; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; overflow:auto; }
#body #contents #real-content .form-thumb li.top { padding-top:15px; }
#body #contents #real-content .form-thumb li label.title { padding-left:12px; width:100px; display:inline-block; line-height:normal; }
#body #contents #real-content .form-thumb li.content p { padding:15px; }

#body #contents #real-content .form-wa li { width:445px; margin:0; padding:5px 0; padding-left:30px; height:1.7em; line-height:1.7em; position:relative; float:left; border-right:1px solid #ddd; }
#body #contents #real-content .form-wa li.thumb { margin:0; padding:10px; width:400px; float:right; height:300px; }
#body #contents #real-content .form-wa li.thumb span { display:block; width:400px; height:300px; overflow:hidden; }
#body #contents #real-content .form-wa li.thumb img { width:400px; }
#body #contents #real-content .form-wa li.content { min-height:100px; padding:0; width:475px; height:auto; }
#body #contents #real-content .form-ma li { width:540px; margin:0; padding:5px 0; padding-left:30px; height:1.7em; line-height:1.7em; position:relative; float:left; border-right:1px solid #ddd; }
#body #contents #real-content .form-ma li.thumb { margin:0; padding:10px; width:305px; float:right; height:500px; }
#body #contents #real-content .form-ma li.thumb span { display:block; width:305px; height:500px; overflow:hidden; text-align:center; }
#body #contents #real-content .form-ma li.thumb img { height:500px; max-width:305px; }
#body #contents #real-content .form-ma li.content { min-height:360px; padding:0; width:570px; height:auto; }

#body #contents #real-content #comment .title { border-top:2px solid #3271b1; border-bottom:1px solid #999; background-color:#f1f1f1; padding:5px; margin-top:1em; margin-bottom: 0; }
#body #contents #real-content #comment #comment-list { margin:0; overflow:auto; }
#body #contents #real-content #comment #comment-list li { margin:1em 0 .5em 0; }
#body #contents #real-content #comment #comment-list li p.info { float:left; padding:0; margin:0 1em; }
#body #contents #real-content #comment #comment-list li input { vertical-align:bottom; padding-top:3px; }
#body #contents #real-content #comment #comment-list li p.content { display:block; float:none; margin:0; margin-top:5px; padding:.5em 1em; background-color:#f9f9f9; border-bottom:1px solid #ccc; clear:both; }

#body #contents #real-content #comment-write { width:960px; height:120px; background:url(/Content/Images/Sub/re_write_bg.gif) no-repeat; margin:3em auto 1em auto; }
#body #contents #real-content #comment-write label { padding:10px; line-height:normal; display:block; }
#body #contents #real-content #comment-write textarea { margin-left:10px; width:780px; height:60px; }

#body #contents #real-content .organ-c { width: 920px; height: 470px; background: url(/Content/Images/Sub/chairmen_2.png) no-repeat; text-indent: -9999px; }
#body #contents #real-content .organ-c h5 { background: none; }

#body #contents #real-content .faq a { display: block; }
#body #contents #real-content .faq[aria-expanded="false"] { background: url(/Content/Images/Common/ac_plus.gif) no-repeat right; }
#body #contents #real-content .faq[aria-expanded="false"] + div { display: none; }
#body #contents #real-content .faq[aria-expanded="true"] { background: url(/Content/Images/Common/ac_minus.gif) no-repeat right; }
#body #contents #real-content .faq[aria-expanded="true"] + div { display: block; }

#body #contents #real-content .tablist { border-bottom: 1px solid #666; overflow: auto; }
#body #contents #real-content .tablist li { float: left; }
#body #contents #real-content .tablist li a { padding: .8em 2em; display: block; border-top: 6px solid transparent; }
#body #contents #real-content .tablist li a[aria-selected=true] { border-left: 1px solid #666; border-right: 1px solid #666; font-weight: 600; font-size: 1.1rem; border-top-right-radius: 15px; border-top: 6px solid #ae2b22; }