.container {} #contentsWrap {float:left;margin-top:40px; width:1000px; background:url(../images/sub_common/sub_bg.jpg) repeat-y left top; } #contentsWrap .leftContents {float:left; width:235px; margin-right:20px; } #contentsWrap .leftContents .leftTitle { width:235px; height:140px;padding-top:45px; text-align:center; background:#01803b; } #contentsWrap .leftContents h3 {font-weight:bold; font-size:24px; color:#fff;margin-bottom:10px; } #contentsWrap .leftContents .text {color:#fff; font-size:14px; } #contentsWrap .leftContents .leftMenu { width:235px; float:left;padding-bottom:30px; } #contentsWrap .leftContents .leftMenu > ul {width:233px; margin:0 0 150px 1px;} #contentsWrap .leftContents .leftMenu > ul > li {width:233px; } #contentsWrap .leftContents .leftMenu > ul > li > a {display:block; height:50px; line-height:50px; padding-left:20px; font-size:14px; color:#555; border-bottom:1px solid #CCC;} #contentsWrap .leftContents .leftMenu > ul > li > ul {display:none;} #contentsWrap .leftContents .leftMenu > ul > li.active {margin-top:-1px; border-top:1px solid #00803a; border-bottom:1px solid #00803a;} #contentsWrap .leftContents .leftMenu > ul > li.active > a {color:#00803a; font-weight:bold; background:#f8ffed;} #contentsWrap .leftContents .leftMenu > ul > li.active ul {display:block; padding:10px 0; background:#f8ffed; border-bottom:1px solid #FFF;} #contentsWrap .leftContents .leftMenu > ul > li.active ul > li > a {display:block; padding-left:20px; line-height:25px; background:#f8ffed; font-size:14px; color:#555;} #contentsWrap .leftContents .leftMenu > ul > li.active ul > li > a.active {color:#00803a; text-decoration:underline;} #contentsWrap .leftContents .leftMenu .blank { float:right;margin-right:20px; } #contentsWrap .rightContents { float:left; width:745px; } #contentsWrap .rightContents .topContents { width:745px;height:140px; position:relative; } #contentsWrap .rightContents .topContents .breadcrumb {background:none; height:40px; padding:0; margin:0; border-radius:0; border-bottom:1px solid #CCC; border-top:1px solid #CCC; font-size:14px; color:#555; letter-spacing:-0.6px;} #contentsWrap .rightContents .topContents .breadcrumb > li + li:before { color:#555; content: "> "; padding: 0 5px;} #contentsWrap .rightContents .topContents .breadcrumb > li i {font-size:20px; line-height:40px;} #contentsWrap .rightContents .topContents .breadcrumb > li.active a {color:#00803a;} #contentsWrap .rightContents .topContents .print {position:absolute; top:10px; right:0;} #contentsWrap .rightContents .topContents .print i {font-size:20px;} #contentsWrap .rightContents .topContents h2.page-title {margin:0; padding:0; line-height:100px; font-size:30px; font-weight:bold; letter-spacing:-0.6px; color:#333;} .contents-wrapper .paging-container ul li { padding-left:0px;background:none; } #scrolltotop {position:fixed;bottom:235px;right:50%;margin-right:-600px; } #contentsWrap .rightContents .tab {margin-left:-1px;margin-bottom:30px; overflow:hidden; background:#777; width:100%; float:left;border:1px solid #333; border-top:0px; } #contentsWrap .rightContents .tab li { line-height:1.4; } #contentsWrap .rightContents .tab1 a { width:745px; } #contentsWrap .rightContents .tab2 a { width:373.5px; } #contentsWrap .rightContents .tab3 a { width:249.666px; } #contentsWrap .rightContents .tab4 a { width:187.75px; } #contentsWrap .rightContents .tab5 a { width:150.6px; } #contentsWrap .rightContents .tab6 a { width:249.666px; } #contentsWrap .rightContents .tab7 a { width:187.75px; } #contentsWrap .rightContents .tab8 a { width:187.75px; } #contentsWrap .rightContents .tab9 a { width:150.6px; } #contentsWrap .rightContents .tab10 a {width:150.6px; } #contentsWrap .rightContents .tab11 a {width:187.75px;} #contentsWrap .rightContents .tab12 a {width:187.75px; } #contentsWrap .rightContents .tab a { display:block;float:left;background:#777; border:1px solid #333; margin-left:-1px; margin-right:-1px; margin-bottom:-1px; text-align:center; color:#fff;height:50px;padding-top:15px; } #contentsWrap .rightContents .tab a.long { padding-top:10px; } #contentsWrap .rightContents .tab a:hover {background:#00803a; text-decoration:none; } #contentsWrap .rightContents .tab a.hover {background:#00803a; } #contentsWrap .rightContents .tab7 li:last-child a { width:186.75px; } #contentsWrap .rightContents .tab9 li:last-child a { width:149.6px; } #contentsWrap .rightContents .tab11 li:last-child a {width:186.75px;} #contentsWrap .rightContents .depthTab {margin-left:-1px;margin-bottom:30px; overflow:hidden; width:100%; float:left;border:1px solid #ccc; } #contentsWrap .rightContents .depthTab li { line-height:1.4; } #contentsWrap .rightContents .depthTab01 a { width:743px; } #contentsWrap .rightContents .depthTab02 a { width:371.5px; } #contentsWrap .rightContents .depthTab03 a { width:247.666px; } #contentsWrap .rightContents .depthTab04 a { width:185.75px; } #contentsWrap .rightContents .depthTab05 a { width:148.6px; } #contentsWrap .rightContents .depthTab06 a { width:247.666px; } #contentsWrap .rightContents .depthTab07 a { width:185.75px; } #contentsWrap .rightContents .depthTab08 a { width:185.75px; } #contentsWrap .rightContents .depthTab09 a { width:148.6px; } #contentsWrap .rightContents .depthTab10 a {width:148.6px; } #contentsWrap .rightContents .depthTab11 a {width:185.75px;} #contentsWrap .rightContents .depthTab12 a {width:185.75px; } #contentsWrap .rightContents .depthTab a { display:block;float:left;background:#555; background:url(../images/sub_common/icon_03.png) no-repeat 13px 20px; padding-left:25px; color:#000;height:50px;padding-top:15px; } #contentsWrap .rightContents .depthTab a.long {padding-top:10px; } #contentsWrap .rightContents .depthTab a:hover { color:#00803a; } #contentsWrap .rightContents .depthTab a.hover { color:#00803a; text-decoration:underline; } #contentsWrap .rightContents .listTab {margin-left:-1px;margin-bottom:30px; overflow:hidden; background:#eee; width:100%; float:left;border:1px solid #ccc; border-top:0px; } #contentsWrap .rightContents .listTab li { padding-left:0px;line-height:1.4;} #contentsWrap .rightContents .listTab01 a { width:745px; } #contentsWrap .rightContents .listTab02 a { width:373.5px; } #contentsWrap .rightContents .listTab03 a { width:249.666px; } #contentsWrap .rightContents .listTab04 a { width:187.75px; } #contentsWrap .rightContents .listTab05 a { width:150.6px; } #contentsWrap .rightContents .listTab06 a { width:249.666px; } #contentsWrap .rightContents .listTab07 a { width:187.75px; } #contentsWrap .rightContents .listTab08 a { width:187.75px; } #contentsWrap .rightContents .listTab09 a { width:150.6px; } #contentsWrap .rightContents .listTab10 a {width:150.6px; } #contentsWrap .rightContents .listTab11 a {width:187.75px;} #contentsWrap .rightContents .listTab12 a {width:187.75px; } #contentsWrap .rightContents .listTab a { display:block;float:left;background:#eee; border:1px solid #ccc; margin-left:-1px; margin-right:-1px; margin-bottom:-1px; text-align:center; color:#000;height:50px;padding-top:15px; } #contentsWrap .rightContents .listTab a.long { padding-top:10px; } #contentsWrap .rightContents .listTab a:hover {background:#90e7ab; text-decoration:none; color:#000; } #contentsWrap .rightContents .listTab a.hover {background:#90e7ab; color:#000; } #contentsWrap .rightContents .listTab07 li:last-child a { width:186.75px; } #contentsWrap .rightContents .listTab09 li:last-child a { width:149.6px; } #contentsWrap .rightContents .listTab11 li:last-child a {width:186.75px;} .contents-wrapper { width:745px; word-break:keep-all; position:relative; padding-bottom:30px; clear:both; } .contents-wrapper h3 {clear:both;border-bottom:1px solid #CCC; border-top:1px solid #CCC; background:url(../images/sub_common/icon_01.png) no-repeat left 12px; line-height:40px; margin:0 0 15px 0; padding-left:30px; font-size:16px; font-weight:bold; color:#333;} .contents-wrapper h4 {clear:both; background:url(../images/sub_common/icon_02.png) no-repeat 0 8px; margin:0 0 10px 0;line-height:1.6; padding-left:15px; font-size:16px; font-weight:bold; color:#333;} .contents-wrapper h5 {clear:both; background:url(../images/sub_common/icon_03.png) no-repeat 0 7px; margin:0 0 10px 0;line-height:1.6; padding-left:10px; font-size:14px; font-weight:bold; color:#333;} .contents-wrapper ul {list-style:none; margin:0 0 20px 0; padding:0;} .contents-wrapper ul li {background:url(../images/sub_common/icon_03.png) no-repeat 0 9px; line-height:1.8; padding-left:12px;} .contents-wrapper ul li ul li {background:url(../images/sub_common/icon_04.png) no-repeat 0 12px; padding-left:8px;} .contents-wrapper ul.list-unstyled li {background:none; padding-left:12px;} .contents-wrapper p {padding:0 0 15px 0; margin:0;line-height:1.6; } .contents-wrapperr p.in {padding:0 0 15px 15px;} .contents-wrapper .tBig { color:#00803a; font-size:30px; } .contents-wrapper .tBig2 { font-size:26px; line-height:1.1; } .contents-wrapper .btn-green { background:#047f84; color:#fff; padding-top:4px; } .contents-wrapper .tColor { color:#00803a; } .contents-wrapper .mTop10 {margin-top:10px; } .contents-wrapper .mTop5 {margin-top:5px; } .contents-wrapper .dataTable { width:100%; border-collapse:collapse;border-top:2px solid #555; } .contents-wrapper .dataTable thead th {padding:8px 5px; background:#f8ffed; color:#555; border:1px solid #ccc; text-align:center; white-space: nowrap; } .contents-wrapper .dataTable tbody th {padding:8px 5px; background:#eee; color:#555; border:1px solid #ccc; text-align:center; white-space: nowrap; } .contents-wrapper .dataTable td {padding:8px 10px; border:1px solid #ccc; vertical-align:middle; text-align: center; } .well { clear:both; } .contents-wrapper .textBox { padding:30px; background:#dafbf1; color:#333; font-size:14px; } .contents-wrapper .textBox p { padding-bottom:0px; } .contents-wrapper .download { width:100%; } .contents-wrapper .download a { display:block;float:left; width:100%; padding:15px 30px; border-radius:5px; background:#eee;font-size:16px; color:#333; } .contents-wrapper .download a span { float:left; } .contents-wrapper .download a .fa { font-size:24px; color:#ccc; float:right; padding-top:15px; } .contents-wrapper .download a:hover {background:#e0ffd6; } .contents-wrapper .download a:hover .fa {color:#1dbd43; } .contents-wrapper .relSite { list-style:none; margin:0 0 20px 0;float:left; width:100%; padding:0; } .contents-wrapper .relSite li { float:left; padding-left:0px; background:none; } .contents-wrapper .relSite li a { float:left;display:block;border-radius:5px;margin-bottom:10px; background:url(../images/sub_common/window.png) no-repeat 95% 20px #eee; padding-left:10px; padding-right:20px; width:100%; text-align:left; height:50px; padding-top:12px; font-size:14px; color:#333; } .contents-wrapper .relSite li.long a { padding-top:2px; line-height:1.6; } .contents-wrapper .relSite li a:hover {color:#333; background:url(../images/sub_common/window.png) no-repeat 95% 20px #e0ffd6; } .contents-wrapper .lineBox { padding:30px; border:1px solid #e1e1e1; margin-bottom:20px; } .contents-wrapper .line2 { padding:25px 30px; } .contents-wrapper .line2 strong { font-size:16px; } .contents-wrapper .tCenter { text-align:center; } .contents-wrapper .tLeft { text-align:left; } .contents-wrapper .tRight { text-align:right; } .contents-wrapper .foreignLanguage { float:left;margin-left:50px; } .contents-wrapper .foreignLanguage li { width: 310px; height: 81px;padding-left: 110px; padding-top: 30px; margin-right: 20px; float: left;} .contents-wrapper .foreignLanguage li a {height: 30px; font-weight: bold;} .contents-wrapper .foreignLanguage li.list01 {background:url(../images/sub/140979589707219.gif) no-repeat left top; } .contents-wrapper .foreignLanguage li.list02 { background:url(../images/sub/140979589707293.gif) no-repeat left top; } .contents-wrapper table.table.table-data, .contents-wrapper table.table.table-list, .contents-wrapper table.table.table-view, .contents-wrapper table.table.table-form {border-top:2px solid #555; } .contents-wrapper table.no-caption caption {display:none;} .contents-wrapper table.caption-bottom-center caption {caption-side: bottom; text-align: center;} .contents-wrapper table.table.table-data thead th, .contents-wrapper table.table.table-list thead th, .contents-wrapper table.table.table-form th, .contents-wrapper table.table.table-view th {padding:8px 5px; background:#D6F0FF; color:#555; border:1px solid #ccc; text-align:center; white-space: nowrap;} .contents-wrapper table.table.table-data tbody td, .contents-wrapper table.table.table-list tbody td {padding:8px 10px; border:1px solid #ccc; vertical-align:middle; text-align: center;} .contents-wrapper table.table.table-data tbody td.contents, .contents-wrapper table.table.table-list tbody td.contents, .contents-wrapper table.table.table-data tbody td.title, .contents-wrapper table.table.table-list tbody td.title {text-align: left;} #contentsContainer .contents-wrapper ul.nav { margin: 0; } #contentsContainer .contents-wrapper ul.nav li { list-style: none; margin: 0; padding: 0; background: none; } .contents-wrapper table.table.table-data thead th.text-left, .contents-wrapper table.table.table-list thead th.text-left, .contents-wrapper table.table.table-data thead td.text-left, .contents-wrapper table.table.table-list thead td.text-left, .contents-wrapper table.table.table-data tbody th.text-left, .contents-wrapper table.table.table-list tbody th.text-left, .contents-wrapper table.table.table-data tbody td.text-left, .contents-wrapper table.table.table-list tbody td.text-left, .contents-wrapper .dataTable thead th.text-left, .contents-wrapper .dataTable thead td.text-left, .contents-wrapper .dataTable tbody th.text-left, .contents-wrapper .dataTable tbody td.text-left {text-align: left;} .contents-wrapper table.table.table-data thead th.text-right, .contents-wrapper table.table.table-list thead th.text-right, .contents-wrapper table.table.table-data thead td.text-right, .contents-wrapper table.table.table-list thead td.text-right, .contents-wrapper table.table.table-data tbody th.text-right, .contents-wrapper table.table.table-list tbody th.text-right, .contents-wrapper table.table.table-data tbody td.text-right, .contents-wrapper table.table.table-list tbody td.text-right, .contents-wrapper .dataTable thead th.text-right, .contents-wrapper .dataTable thead td.text-right, .contents-wrapper .dataTable tbody th.text-right, .contents-wrapper .dataTable tbody td.text-right {text-align: right;} #contactUs {float:left; width:100%; padding-bottom:10px; border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;} #contactUs dl {margin-top:10px;} #contactUs dl dt {float:left; line-height:30px; padding:0 20px; border-left:1px solid #CCC;} #contactUs dl dt:nth-of-type(1) {border-left:0 none;} #contactUs dl dd:nth-of-type(1) {width:250px;} #contactUs dl dd:nth-of-type(2) {width:110px;} #contactUs dl dd {float:left; line-height:30px; word-break: break-all;} #pageSurvey {clear:both; height:120px; border:1px solid #CCC; background:#EEE;} #pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;} #pageSurvey dl dd {padding-top:10px;} #pageSurvey dl dd ul {margin:0;} #pageSurvey dl dd label {margin-right:35px; font-weight:normal;} #pageSurvey dl dd label input {margin-right:5px;} #pageSurvey dl dd input[type='text'] {width:645px; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;} #pageSurvey dl dd button {width:59px; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;} #snsReply {position:relative; clear:both; padding:15px 20px 5px 20px; margin-bottom:20px; background:#EEE; border:1px solid #CCC;} #snsReply .sns-select { margin-bottom:10px; } #snsReply .sns-select em {margin-left:30px; font-style:normal;} #snsReply .comment textarea {width:645px; height:60px;padding:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;} #snsReply .comment button {width:59px; height:60px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;} #snsReply .comment span {position:absolute; top:20px; right:20px;} #snsReply .comment em {} #snsReply ul {padding-top:10px;} #snsReply ul li {padding:5px 0;} #snsReply ul li img {} #snsReply ul li strong {display:inline-block; width:70px;} #snsReply ul li em {float:right; font-style:normal;} /*시설계획*/ .contents-wrapper .facilities .explan { margin-bottom:30px; } .contents-wrapper .facilities .explan p { padding:0 0 5px 0px; } .contents-wrapper .facilities .count {float:left; padding-top:3px; } .contents-wrapper .facilities dl {margin-left:30px; } .contents-wrapper .facilities dl dt { font-weight:bold; } .contents-wrapper .facilities dl dd a { color:#00803a; } /*학교소개*/ .contents-wrapper .introduce .lineBox { padding:20px; } .contents-wrapper .introduce p { padding:0 0 5px 0px; } .contents-wrapper .introNlcs .lineBox { max-height:270px; } .contents-wrapper .introBranksome .lineBox { max-height:240px; } .contents-wrapper .introKis .lineBox { max-height:240px; } .contents-wrapper .introduce .lineBox .tBig { line-height:1.3; } /*알려드립니다*/ .contents-wrapper .infoBox { background:#f1e0ce; border:1px solid #ccc; padding:20px;margin-bottom:30px; } .contents-wrapper .infoBox p { padding:0 0 10px; } .contents-wrapper .infoBox .tBig { font-size:16px; font-weight:bold; color:#333; } .contents-wrapper .infoBox .btn-inverse { background:#333; color:#fff; } .contents-wrapper .okViewBox { background:#d6f0ff;float:left; width:100%; border:1px solid #ccc; padding:20px;margin-bottom:30px; } .contents-wrapper .okViewBox span.text { display:block;float:left; padding-top:3px; } /*버튼 색 정의*/ .btn-default {background:#333; border:none; color:#fff; } .btn-default:hover {background:#333; border:none; color:#fff; } .btn-primary {background:#047f84; border:none; color:#fff; } .btn-primary:hover { background:#047f84; border:none; color:#fff; } .btn-success {background:#0b8091; border:none; color:#fff; } .btn-success:hover { background:#0b8091; border:none; color:#fff; } .btn-info {background:#068361; border:none; color:#fff; } .btn-info:hover {background:#068361; border:none; color:#fff; } .btn-warning {background:#ee902e; border:none; color:#fff; } .btn-warning:hover {background:#ee902e; border:none; color:#fff; } .btn-danger {background:#cd3a0e; border:none; color:#fff; } .btn-danger:hover {background:#cd3a0e; border:none; color:#fff; } .label-default {background:#333; border:none; color:#fff; } .label-primary {background:#047f84; border:none; color:#fff; } .label-success {background:#0b8091; border:none; color:#fff; } .label-info {background:#068361; border:none; color:#fff; } .label-warning {background:#ee902e; border:none; color:#fff; } .label-danger {background:#cd3a0e; border:none; color:#fff; }