/******************************************* container *******************************************/ #subContainer {clear: both; border-top:1px solid #ccc; background: #ededed url(../images/sub/sub_bg.gif) center repeat-y;} #subContents {position: relative;width:980px; margin: 0 auto; *zoom:1;} #subContents:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} /* 왼쪽 메뉴 */ #subLeft {float: left; position: relative; width: 188px; padding: 24px 36px 24px 16px; z-index: 100;} #subLeft h2 {padding: 27px 0 0 28px; width: 160px; height: 70px; background: url(../images/sub/sub_left_top.jpg) 0 0 no-repeat;} #subLeft ul {width: 188px; padding: 0 0 86px 0; background:url(../images/sub/sub_left_bottom.jpg) bottom no-repeat;} #subLeft ul li {padding: 9px 0 7px 28px; line-height: 14px; background: url(../images/sub/sub_left_nomal.gif) 0 0 no-repeat;} #subLeft ul li.subleftOver {background: url(../images/sub/sub_left_over.gif) 0 0 no-repeat;} #subLeft ul li a {font-weight: bold; letter-spacing: -1px; color: #f9e3cd;} #subLeft ul li.subleftOver a {color: #fff;} #subLeft ul li.exmenu {background: url(../images/sub/sub_left_over2_n.gif) 0 0 no-repeat;} #subLeft ul li.exmenu.subleftOver {background: url(../images/sub/sub_left_over02_a.gif) 0 0 no-repeat;} /* 오른쪽 내용 */ #subRight {float: left; position: relative; width: 740px; padding: 0 0 24px 0;} #subRight dl.fontSize {position: absolute; top: 89px; left: 550px; width: 184px; font-size: 0.95em;} #subRight dl.fontSize dt {float: left; padding: 0 8px 0 0; font-size: 0; line-height: 0;} #subRight dl.fontSize dd {float: left; padding: 4px 0 0 0; letter-spacing: -1px; line-height: 14px; color: #888;} #subRight dl.fontSize a {color: #888;} #subTit {width: 720px; height: 148px; background: url(../images/sub/subTit_bg.gif) 0 120px no-repeat;} #subTit h3 {padding: 50px 0 0 0;} #subTit p {padding: 12px 0 0 0;} #subVisual {position: absolute; top: 0; left: 267px; width: 270px; height: 120px;} /* 탭 */ #tabNavi {width: 720px; padding: 0 0 5px 0; background: url(../images/sub/tab_boundary.gif) bottom no-repeat; *zoom:1;} #tabNavi:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #tabNavi ul li {float: left; display: inline; line-height: 14px; margin: 0 0 0 2px; background: url(../images/sub/tab_right.gif) top right no-repeat;} #tabNavi ul li span {display: block; padding: 8px 12px 10px 12px; background: url(../images/sub/tab_left.gif) top left no-repeat;} #tabNavi ul li.on {background: url(../images/sub/tab_right_over.gif) top right no-repeat;} #tabNavi ul li.on p {background: url(../images/sub/tab_left_arrow.gif) bottom no-repeat;} #tabNavi ul li.on p span {padding: 8px 12px 10px 12px; background: url(../images/sub/tab_left_over.gif) top left no-repeat;} #tabNavi ul li a {color: #979797; font-weight: bold; letter-spacing: -1px;} #tabNavi ul li.on a {color: #845b3d; font-weight: bold; letter-spacing: -1px;} /* 내용 */ #subPage {clear: both; position: relative; width: 720px; line-height: 140%;} /* 테이블 */ div.tbWrap {clear: both; font-size: 0.95em; line-height: 120%; padding: 0 0 24px 0;} div.tbWrap caption {display: none;} div.tbWrap table {clear: both; width: 720px; border-collapse: collapse; *zoom:1;} div.tbWrap table:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} div.tbWrap thead th {font-size: 0; line-height: 0; padding: 0 0 2px 0;} div.tbWrap tbody th {padding: 6px 2px 4px 2px; text-align: center; border: 1px solid #e0e0e0; color: #7b7b7b; letter-spacing: -1px; background: #fafafa;} div.tbWrap tbody td {padding: 6px 2px 4px 2px; text-align: center; border: 1px solid #e0e0e0; color: #7b7b7b;} div.tbWrap tfoot th {padding: 6px 2px 4px 2px; text-align: center; border: 1px solid #e0e0e0; color: #7b7b7b; letter-spacing: -1px; background: #fafafa;} div.tbWrap tfoot td {padding: 6px 2px 4px 2px; text-align: center; border: 1px solid #e0e0e0; color: #7b7b7b;} /* div.tb_wrap2{overflow:hidden; border-radius:5px 5px 0 0; box-sizing:border-box} */ div.tb_wrap2 thead {box-sizing:border-box; background:linear-gradient(0deg, #7fba21 0, #99cd45 50%, #7fba21 100%);} div.tb_wrap2 thead th {font-size:13px; line-height:130%; padding:8px 5px; border-left:1px solid #fff; color:#fff} div.tb_wrap2 thead th:first-child{border-left:none; border-radius:8px 0 0 8px} div.tb_wrap2 thead th:last-child{border-radius:0 8px 8px 0} /* 과학터치 강연일정 표 색상 20230803 작업 추가 */ div.tb_wrap3 thead {box-sizing:border-box; background:linear-gradient(0deg, #ff8b0d 0, #ffad54 50%, #ff8b0d 100%);} div.tb_wrap3 thead th {font-size:13px; line-height:130%; padding:8px 5px; border-left:1px solid #fff; color:#fff} div.tb_wrap3 thead th:first-child{border-left:none; border-radius:8px 0 0 8px} div.tb_wrap3 thead th:last-child{border-radius:0 8px 8px 0} div.tb_wrap4 thead{box-sizing:border-box; background:linear-gradient(0deg, #50c4f1 0, #7dd5f7 50%, #50c4f1 100%);} div.tb_wrap4 thead th {font-size:13px; line-height:130%; padding:8px 5px; border-left:1px solid #fff; color:#fff} div.tb_wrap4 thead th:first-child{border-left:none; border-radius:8px 0 0 8px} div.tb_wrap4 thead th:last-child{border-radius:0 8px 8px 0} div.tbWrap .bg_colbk {background:#f3f3f3} /* 이사장인사 */ #greet {padding: 0 0 80px 0; background: url(../images/sub/greet_img.jpg) 298px 218px no-repeat;} #greet span {display: block; padding: 0 0 24px 0;} #greet span.greetFirst {padding: 0 0 16px 0; margin: 0 0 19px 0; background: url(../images/sub/sub_boundary.gif) bottom repeat-x;} /* 비전 및 전략 */ #vision h4 {padding: 0 0 8px 17px; background: url(../images/sub/sub_blt_h4.gif) 0 2px no-repeat;} #vision p {width: 720px; padding: 0 0 38px 0; color: #818181;} #vision p strong {color: #578b26;} #vision p.visionText {padding: 0 0 14px 0; margin: 0 0 38px 0; background: url(../images/sub/sub_boundary.gif) bottom repeat-x;} #vision p.visionText span {display: block; padding: 14px 0 0 0; background: url(../images/sub/sub_boundary.gif) top repeat-x; line-height: 160%;} #vision ul {width: 710px; padding: 0 0 0 10px; line-height: 14px; color: #818181;} #vision ul li {padding: 6px 0 4px 8px; background: url(../images/sub/sub_blt01.gif) 0 8px no-repeat;} /* 학교상징 및 교가 */ #symbol {width: 720px; height: 514px; margin: 0 0 24px 0; background: url(../images/sub/ci_img.jpg) 0 0 no-repeat;} /* 학교역사 및 현황 */ #history {position: relative; width: 720px; padding: 0 0 24px 0;} #history p {position: absolute; top: 0; right: 0;} #history ol {padding: 14px 0 24px 0;} #history ol li { clear: both; padding: 6px 0 4px 0; background: url(../images/sub/sub_boundary.gif) bottom repeat-x; *zoom:1;} #history ol li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #history ol li strong {float: left; padding: 0 8px 0 8px; background: url(../images/sub/sub_blt02.gif) 0 4px no-repeat; color: #bf8458; letter-spacing: -1px;} #history ol li span {float: left;} /* 조직도 */ #organogram {width: 720px; height: 534px; padding: 0 0 24px 0; background: url(../images/sub/organogram_img.jpg) 0 0 no-repeat;} /* 주요 사업 소개 */ #introduce {background: url(../images/sub/introduce_img.jpg) top right no-repeat;} #introduce h4 {padding: 34px 0 8px 17px; background: url(../images/sub/sub_blt_h4.gif) 0 36px no-repeat;} #introduce ol {padding: 0 0 16px 0; font-size: 0; line-height: 0;} /* 운영 안내 공통 */ h4.infoTit01 {padding: 50px 0 5px 50px; height: 30px; background: url(../images/sub/sub_blt_leaf.gif) 0 38px no-repeat;} h4.infoTit02 {padding: 0 0 8px 17px; background: url(../images/sub/sub_blt_h4.gif) 0 2px no-repeat;} p.infoText {padding: 15px 0 29px 12px; font-size: 0; line-height: 0;} /* 배움 */ #learning01 {background: url(../images/sub/sub_learning_img01.jpg) top right no-repeat;} #learning02 {background: url(../images/sub/sub_learning_img02.jpg) top right no-repeat;} /* 키움 */ #bringup01 {background: url(../images/sub/sub_bringup_img01.jpg) top right no-repeat;} #bringup02 {background: url(../images/sub/sub_bringup_img02.jpg) top right no-repeat;} /* 나눔 */ #share01 {background: url(../images/sub/sub_share_img01.jpg) top right no-repeat;} #share02 {background: url(../images/sub/sub_share_img02.jpg) top right no-repeat;} /* 참여 */ #participation01 {background: url(../images/sub/sub_participation_img01.jpg) top right no-repeat;} #participation02 {background: url(../images/sub/sub_participation_img02.jpg) top right no-repeat;} /* 사이트맵 */ #sitemap ol li.sitemapTit {float: left; margin: 0 40px 0 0; width: 140px; height: 298px;} #sitemap ul {padding: 14px 0 0 0; line-height: 14px;} #sitemap ul li {float: none; margin: 0 0 0 0; padding: 4px 0;} #sitemap ul.sitemapUl {padding: 6px 0 6px 10px;} #sitemap ul.sitemapUl li {padding: 2px 0 2px 0; font-size: 0.95em;} #sitemap a {color: #919191;} /* 이용약관 */ #stipulation h4 {margin: 0 0 14px 0; padding: 7px 0 6px 0; text-align: center; background: url(../images/sub/stipulation_line.gif) repeat-x;} #stipulation h5 {margin: 14px 0 0 0; padding: 0 0 24px 0; color: #313131; background: url(../images/sub/stipulation_top.gif) bottom no-repeat;} #stipulation p {width: 672px; margin: 0 0 24px 0; padding: 0 24px 20px 24px; color: #616161; font-size: 0.95em; background: url(../images/sub/stipulation_bt.gif) bottom no-repeat;} #stipulation p.stipulationP {background: none;} #stipulation ol {width: 672px; margin: 0 0 24px 0; padding: 0 24px 20px 24px; color: #616161; font-size: 0.95em; background: url(../images/sub/stipulation_bt.gif) bottom no-repeat;} #stipulation ol.stipulationSpace {margin: 0 0 0 0; padding: 6px 0 8px 0; background: none;} /* 개인정보처리방침 */ #protection {line-height: 18px; color: #616161;} #protection h4 {margin: 24px 0 14px 0; padding: 12px 0 8px 0; line-height: 14px; color: #313131; background: url(../images/sub/stipulation_line.gif) repeat-x;} #protection p {width: 720px; margin: 14px 0 0 0; padding: 0 0 24px 0; background: url(../images/sub/stipulation_top.gif) bottom no-repeat; font-size: 0.9em;} #protection .protectionNone {padding: 0 0 0 0; background: none;} #protection div {padding: 0 0 24px 0; background: url(../images/sub/stipulation_bt.gif) bottom no-repeat;} #protection ul {width: 672px; margin: 0 0 14px 0; padding: 0 24px 24px 24px; background: url(../images/sub/stipulation_bt.gif) bottom no-repeat;} #protection ul.protectionUl {margin: 0 0 0 0; padding: 24px 24px 0 24px; background: url(../images/sub/stipulation_top.gif) top no-repeat;} #protection ol {width: 672px; margin: 0 0 14px 0; padding: 0 24px 24px 24px; background: url(../images/sub/stipulation_bt.gif) bottom no-repeat;} #protection li {font-size: 0.95em;} #protection ul li {padding: 0 0 0 8px; background: url(../images/sub/sub_blt01.gif) 0 6px no-repeat;} #protection ol li {padding: 0 0 0 0; background: none;} #protection .protectionSpace {width: 660px; padding: 6px 0 8px 12px; background: none;} #protection dl {width: 672px; margin: 0 0 14px 0; padding: 0 24px 24px 24px; background: url(../images/sub/stipulation_bt.gif) bottom no-repeat; font-size: 0.95em;} #protection dl dt {padding: 6px 0 4px 0; font-weight: bold;} #protection dl dd {padding: 0 0 0 20px; background: url(../images/sub/sub_blt02.gif) 12px 4px no-repeat;} /* new 법인 ci */ #ciSymbol {margin-bottom:20px;} #ciSymbol .symbolImg {width: 720px;height:248px; background: url(../images/sub/ci_symbol_img.jpg) 0 0 no-repeat;} #ciSymbol .symbolTxt {width:678px; border:1px solid #d8d6d6; backgroud:#f9f9f9; border-top:0; padding:25px 20px 25px;} #ciSymbol .symbolTxt h4 {background:url(../images/sub/ci_symbol_bar.gif) no-repeat left top; padding-top:10px;} #ciSymbol .symbolTxt p {margin-top:10px; line-height:18px;} #ciSymbol .symbolTxt p .col01 {color:#69b82d;} #ciSymbol .symbolTxt p .col02 {color:#ef7b00;} #ciSymbol .symbolTxt p .col03 {color:#11a73c;} /* new 금요일에 과학터치 강연안내 */ #friScience {background:url(../images/sub/sub_friScience_bg.gif) right 10px no-repeat; position:relative;} #friScience .goBtn {position:absolute; top:70px; left:250px;} /* 연혁 2018 */ #nHistory h4 {height:50px;background:url(../images/sub/history_titbg.gif) no-repeat left top; padding:15px 0 0 75px; border-bottom:3px solid #ff7e00;} #nHistory .hisList {background:url(../images/sub/history_line01.gif) repeat-y 40px top;padding-top:17px;} #nHistory .hisList>li {background:url(../images/sub/history_yearBlt02.png) no-repeat 36px 10px; padding-left:100px; padding-bottom:15px;} #nHistory .hisList>li:first-child {background:url(../images/sub/history_yearBlt01.png) no-repeat 33px 7px;} #nHistory .hisList>li ul {padding-top:10px;} #nHistory .hisList>li ul>li {padding-left:90px; position:relative; line-height:24px; .line-height:20px; .padding-top:5px;} #nHistory .hisList>li ul>li span {font-weight:600; position:absolute;top:0; left:5px;} /* 법인 조직도 */ #rawGroup {background:url(../images/sub/group_chart_bg.gif) no-repeat left top; width:710px; height:865px; padding-bottom:15px;} /*수요일엔 바다 톡톡 20230803 kjh 작업 추가 */ #wed_sea{background:url(../images/sub/sea_bg.gif) right 19px no-repeat; position:relative;} #wed_sea .goBtn {position:absolute; top:70px; left:250px;} #wed_sea p.infoText{padding-bottom:0} /* 금요일에 과학터치 20230803 kjh 작업 추가 */ .s_touch {margin-bottom:10px} .s_touch ul {position:relative; border:2px solid #ececec; border-radius:15px; padding:15px; } .s_touch ul:after {content:""; display:block; position:absolute; top:0; right:15px; width:66px; height:60px; background:#ededed; border-radius:0 0 50px 50px; } .s_touch ul li {line-height:150%} .s_touch01 ul {border-color:#ff8b0d} .s_touch01 ul:after {background:#eee url(../images/sub/bg_stouch01.gif) no-repeat 50% 50%; } .s_touch02 ul {border-color:#50c4f1} .s_touch02 ul:after {background:#eee url(../images/sub/bg_stouch02.gif) no-repeat 50% 50%; }