@charset "EUC-KR"; /* Nanum Gothic */ @font-face { font-family:'NanumGothic'; src: url(/board/css/webfont/NanumGothic-Regular.eot); src: url(../css/webfont/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../css/webfont/NanumGothic-Regular.woff2) format('woff2'), url(../css/webfont/NanumGothic-Regular.woff) format('woff'), url(../css/webfont/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family:'NanumBold'; font-style: normal; font-weight: 700; src: url(../css/webfont/NanumGothicCoding-Bold.eot); src: url(../css/webfont/NanumGothicCoding-Bold.eot?#iefix) format('embedded-opentype'), url(../css/webfont/NanumGothicCoding-Bold.woff2) format('woff2'), url(../css/webfont/NanumGothicCoding-Bold.woff) format('woff'), url(../css/webfont/NanumGothicCoding-Bold.ttf) format('truetype'); } @font-face{ font-family:'NanumBarunGothicBold'; font-style:normal; font-weight:700; src:url(../css/webfont/NanumBarunGothic-Bold.eot); src:url(../css/webfont/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'), url(../css/webfont/NanumBarunGothic-Bold.woff) format('woff'), url(../css/webfont/NanumBarunGothic-Bold.ttf) format('truetype') } @font-face{ font-family:'NanumBarunGothic'; font-style:normal; font-weight:400; src:url(../css/webfont/NanumBarunGothic-Regular.eot); src:url(../css/webfont/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../css/webfont/NanumBarunGothic-Regular.woff) format('woff'), url(../css/webfont/NanumBarunGothic-Regular.ttf) format('truetype'); } /* Element Reset */ a:link, a:visited, a:active { font-size:12px; color:#666; text-decoration:none; letter-spacing:0; } a:hover { color:#003791; text-decoration:none; letter-spacing:0; } fieldset, form, ul, li, h2, h3, h4 { margin:0; padding:0;} ul, li { list-style:none;} label { cursor:pointer;} caption { color:#ffffff} img { vertical-align:middle; } img, fieldset { border:0;} address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal; } #accessibility, .skip, hr{ position:absolute; width:1px; height:1px; overflow:hidden; left:-1000%; font-size:0; line-height:0; padding:0; margin:0} /* Common Class */ input.inputText { border:1px solid #e5e5e5; padding:2px} textarea { border:1px solid #e5e5e5; padding:2px 6px} .inputCheck { vertical-align:middle} .cyan { color:#01a99b} .text_left { text-align:left !important} /* base */ * { margin: 0; padding: 0; font-family: Dotum, Gulim, Arial, AppleGothic, sans-serif; color: #555; line-height:1.5em; } html, body, td, th, div, ol, ul, p, span { font-size:12px; } select { min-width:30px; height:25px; border:1px solid #ccc; } input { line-height:normal} input.inputText { border:1px solid #ccc; } input[type="text"].ed { min-width:70%; border:1px solid #ccc; padding:5px } input[type="number"].ed { border:1px solid #ccc; padding:5px } input[type="file"] { min-width:52%; min-height:20px; } input[type="checkbox"] { width:18px; height:18px } input[type="password"].ed { border:1px solid #ccc; padding:5px } .input_width input[type="text"].ed { min-width:auto; } .selectBoxSize select { width:70%} /* layout */ body { margin:0; padding:0; } #container { width:100%; height:100%; } #header { width:100%; height:90px; overflow:hidden; margin-bottom:15px; background:#333 } /* Top Menu */ .topmenu { float:left; position:relative; width:100%; background:#000; border-bottom:1px solid #444; z-index:10 } .topmenu ul { float:right; position:relative; } .topmenu li { float:left; padding:5px 10px; border-left:1px solid #444; } .topmenu li a { display:block; border-left:1px solid #000; font-family:'NanumBarunGothic'; color:#f0f0f0} .topmenu li.a_box { background: #26a408} .topmenu li.a_box a{ border:0; } /* H1 */ #header h1 { position:absolute; top:28px; width:200px; margin:0 1%; z-index:100 } #header h1 a { display:block; line-height:60px; } #header h1 a img { width:auto; height:48px } /* GNB */ #gnb-wrapper { position:relative; width:78%; left:200px; padding:0 1% 50px 5% } #gnb { width:100%; text-align:center; zoom:1} #gnb:after { content:""; display:block; clear:both} #gnb li { float:left; margin:0 1.8%; } #gnb li:first-child { margin-left:0 } #gnb li a { display:block; width:100%; padding-top:2px; font-size:17px; line-height:55px; color:#fff; font-family:'NanumGothic'; } #gnb li a:hover { color:#7dddf5; } /* Table */ table { width:100%; } td * { vertical-align:middle;} td { margin-bottom:3px } .cheditor-container td { margin-bottom:0px } td a img { vertical-align:top; margin:0} .mail td * { margin-bottom:0 } .schedule tr>td:last-child { border-right:0} /* Layout */ body { background:#f5f6f7; } #body { position:relative; width:460px; margin:120px auto 0; text-align:center; zoom:1; } #body:after { content:" "; display:block; clear:both; } #body1000 { position:relative; width:1100px; margin:120px auto 0; text-align:center; zoom:1; } #body1000:after { content:" "; display:block; clear:both; } /* Login */ #body h1 { float:none; position:relative; top:0; height:70px; padding:0; font-size:54px; font-family:'NanumBarunGothicBold'; text-align:center } #body p { padding-bottom:50px; font-family:'Nanum Gothic'; } #body1000 h1 { float:none; position:relative; top:0; height:70px; padding:0; font-size:54px; font-family:'NanumBarunGothicBold'; text-align:center } #body1000 p { padding-bottom:50px; font-family:'Nanum Gothic'; } form.memberLogin { position:relative; width:460px; margin:0 auto; } .login-wrapper { position:relative; width:100%; margin:0 auto; } .row-input { width:100%; text-align:left} .row-input li { margin-bottom:10px} .row-input input.inputText { width:100%; height:50px; box-sizing:border-box; padding:5px 10px; font-size:16px; font-family:'NanumBarunGothic';} div.login { margin-bottom:40px} div.login input { width:100%; line-height:55px; margin:0 2px; background:#fff; font-family:'Nanum Gothic'; font-size:18px; cursor:pointer; background: #888; /* Old browsers */ background: -moz-linear-gradient(top, #888 0%, #555 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#555)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #888 0%,#555 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #888 0%,#555 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #888 0%,#555 100%); /* IE10+ */ background: linear-gradient(top, #888 0%,#555 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#555',GradientType=0 ); /* IE6-9 */; border:1px solid #333; color:#fff; font-weight:bold } div.id_save { width:100%; margin:5px 0 0; padding-top:15px; padding-bottom:15px; border-top:1px solid #ccc; zoom:1; } div.id_save:after { content:" "; display:block; clear:both; } div.id_save * { vertical-align:middle; } div.id_save li { float:left; padding-right:20px; } div.id_save label { font-family:'Nanum Gothic'; font-size:14px} div.id_save li input { padding:5px} div.id_save li input[type="checkbox"] { width:20px; height:20px } /* sub contents */ .sub-contents {padding: 100px 0;} .sub-contents.pd-0 {padding: 0;} /* 커뮤니티 */ .table-list {width: 100%; border-top: 1px solid #ddd;} .table-list thead tr {border-bottom: 1px solid #333;} .table-list thead tr th {height: 38px; font-weight: bold; color: #666;} .table-list tbody tr {border-bottom: 1px solid #ddd;} .table-list tbody tr td {height: 60px; font-size: 1rem; color: #999; text-align: center;} .table-list tr.notice .num {font-weight: 500; color: #16264b;} .table-list tr.notice .tit a {font-weight: 500;} .table-list td.num {color: #666;} .table-list td.writer {color: #666;} .table-list td.tit a {display: block; overflow: hidden; width: 100%; max-width: 650px; line-height: 60px; font-size: 1rem; color: #333; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;} .view-top {box-sizing: border-box; width: 100%; padding: 15px 30px; border-top: 1px solid #ddd;} .view-top .tit {font-size: 1.25rem; font-weight: bold; color: #333;} .view-top > div {margin: 5px 0 0 0;} .view-top > div:after {display: block; clear: both; *zoom: 1; content: '';} .view-top > div p {float: left; line-height: 1.6; font-size: 1rem; color: #666;} .view-top > div p .date {display: inline-block; position: relative; padding: 0 0 0 15px; margin: 0 0 0 15px; font-size: 1rem; color: #999;} .view-top > div p .date:before {display: block; position: absolute; top: 7px; left: 0; width: 1px; height: 14px; background-color: #ddd; content: '';} .view-top > div .file {float: right; font-size: 1rem; color: #999;} .view-top > div .file span {display: inline-block; padding: 0 5px;} .view-con {box-sizing: border-box; width: 100%; padding: 30px; border-top: 1px solid #333;} .view-con img {max-width: 100%; vertical-align: top;} .view-con p {font-size: 1rem; color: #666;} .view-bot {box-sizing: border-box; width: 100%; padding: 0 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .view-bot:after {display: block; clear: both; *zoom: 1; content: '';} .view-bot > a {float: left; display: block; width: calc((100% - 180px)/2);} .view-bot > a span {display: block; box-sizing: border-box; width: 85px; height: 50px; line-height: 50px; font-size: 1rem; color: #999;} .view-bot > a p {display: block; box-sizing: border-box; overflow: hidden; width: calc(100% - 85px); height: 50px; line-height: 50px; font-size: 1rem; color: #666; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;} .view-bot .next-con span {float: left; padding: 0 0 0 20px; background: url(../images/sub/paging_prev.png) no-repeat 0 center;} .view-bot .next-con a {float: left; padding: 0 20px 0 0;} .view-bot .prev-con span {float: right; padding: 0 20px 0 0; text-align: right; background: url(../images/sub/paging_next.png) no-repeat right center;} .view-bot .prev-con a {float: right; padding: 0 0 0 20px; text-align: right;} .view-bot .btn-list {float: left; box-sizing: border-box; width: 180px; height: 50px; font-size: 1rem; color: #666; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center;} /* 마이페이지 */ .my-tit {display: block; margin: 0 0 30px 0; text-align: center;} .my-tit h3 {display: inline-block; position: relative; padding: 0 50px; font-family: 'S-CoreDream'; font-size: 1.875rem; font-weight: 500; color: #16264b;} .my-tit h3:before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 16px; background-color: #16264b; content: '';} .my-tit h3:after {display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2px; height: 16px; background-color: #16264b; content: '';} .mypage-table:after {display: block; clear: both; *zoom: 1; content: '';} .mypage-table .table-list {float: left; width: 100%;} .mypage-table .table-list tbody tr td {color: #333;} .calendar-wrap {margin: 80px 0 0 0;} .cal-month {width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; text-align: center; border-bottom: 1px solid #333;} .cal-month strong {display: inline-block; padding: 0 140px; font-size: 1.5rem; font-weight: 600; color: #333; vertical-align: middle;} .cal-month .btn-cal {width: 9px; height: 18px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle;} .cal-month .btn-cal-prev {background-image: url(../images/sub/arrow-cal-prev.png);} .cal-month .btn-cal-next {background-image: url(../images/sub/arrow-cal-next.png);} .table-calendar {width: 100%;} .table-calendar thead tr {border-bottom: 1px solid #ddd;} .table-calendar thead tr th {height: 40px; padding: 0 20px; font-size: 1.125rem; font-weight: bold; color: #666; text-align: right;} .table-calendar tbody tr {border-bottom: 1px solid #ddd;} .table-calendar tbody td {position: relative; height: 100px; padding: 10px 20px; font-size: 1.125rem; font-weight: 300; color: #333; vertical-align: top; border-right: 1px solid #ddd; text-align: right;} .table-calendar tbody td.bl_ddd {border-left: 1px solid #ddd;} .table-calendar tbody td.cal-sun {background-color: #fdfafb;} .table-calendar tbody td.cal-sat {background-color: #fcfdfd;} .table-calendar tbody td .num {vertical-align: top;} .table-calendar tbody td .txt {margin: 15px 0 0 0;} .table-calendar tbody td .txt p {display: inline-block; line-height: 1.4; font-size: 0.875rem; font-weight: 300; color: #999; word-break: keep-all;} .table-calendar tbody td.f-gray .num {color: #bbb;} .table-calendar tbody td.f-gray .txt p {color: #bbb;} .table-calendar tbody td.today:before {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #ebc97f; content: '';} .table-calendar tbody td.today .txt p {color: #16264b; border-bottom: 1px solid #16264b;} .m-popup {display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);} .m-popup .popup-wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 300px; height: 120px; background-color: #fff;} .m-popup .popup-wrap .tit {display: block; width: 100%; box-sizing: border-box; padding: 0 15px; height: 40px; line-height: 40px; font-weight: 600; color: #fff; background-color: #16264b; text-align: left;} .m-popup .popup-wrap .txt {display: block; width: 100%; box-sizing: border-box; padding: 15px;} .m-popup .popup-wrap .txt p {font-size: 0.875rem; color: #999;} .m-popup.popup-today .popup-wrap .txt p {color: #16264b;} .m-popup .popup-wrap .btn-close {position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; background: url(../images/sub/btn_close.png) no-repeat 0 0; text-indent: -9999px;} /* list paging */ .list-page {display: block; margin: 45px auto 0; text-align: center;} .list-page > button {display: inline-block; height: 34px; font-size: 1rem; color: #999; vertical-align: top;} .list-page > button.btn-prev {padding: 0 0 0 18px; text-align: left; background: url(../images/sub/paging_prev.png) no-repeat left center;} .list-page > button.btn-next {padding: 0 18px 0 0; text-align: right; background: url(../images/sub/paging_next.png) no-repeat right center;} .list-page ul {display: inline-block; margin: 0 40px; vertical-align: top;} .list-page ul:after {display: block; clear: both; *zoom: 1; content: '';} .list-page ul li {float: left; width: 34px; height: 34px; margin: 0 15px; line-height: 34px;} .list-page ul li a {display: block; font-size: 1rem; color: #333; text-align: center;} .list-page ul li.active {background-color: #16264b;} .list-page ul li.active a {color: #fff;} .list-page .m-ver {display: none;} /* Footer */ #footer { position:fixed; bottom:0; width:100%; background:#555; color:#fff; text-align:center; font-size:12px; letter-spacing:0; font-family:'NanumBarunGothic'; padding:25px 0 30px } #footer a { color:#fff; font-size:12px;}