#header div.subVisual {position:absolute; width:298px; height:160px; background:url(../images/sub/sub_visual2021.jpg) no-repeat bottom left; z-index:150;top:121px;} /******************************************* container *******************************************/ /* 서브 Wrap*/ #subContainer {clear:both; width:100%; padding:0 0 10px 0; min-height:440px; position:relative; z-index:120;} #subContainer #container{width:1000px; margin:0 auto; padding:0; position:relative;} #subRight{width:100%; position:relative;} #subRight h3{height:25px; padding:24px 0 18px 0px; border-bottom:2px solid #cbcbcb;} #subRight dl.pageNavi{ position:absolute; top:36px; right:0px; *zoom:1;font-size:0.95em; color:#696969;} #subRight dl.pageNavi:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #subRight dl.pageNavi dt{ background:url(../images/sub/navi_hom.gif) no-repeat top left; padding:0 0px 0 18px; line-height:130%; float:left;} #subRight dl.pageNavi dd{background:url(../images/sub/navi_bar.gif) no-repeat 8px 0; padding:0 0px 0 20px; line-height:130%; float:left;} #subPageNav {clear:both;float:left;position:relative;width:910px;margin:20px 0 0 0; padding:0 0 20px 0;} /*tabNavi*/ #tabNavi{clear:both; margin:0 0 17px 0;} #tabNavi ul{ margin:0; padding:0; *zoom:1;} #tabNavi ul:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #tabNavi ul li{ float:left; background:url(../images/sub/tab_right.gif) top right no-repeat; line-height:280%; height:32px; font-weight:bold; margin:0; padding:0px 26px 0 0; *zoom:1;} #tabNavi ul li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #tabNavi ul li span{background:url(../images/sub/tab_left.gif) no-repeat top left; width:26px; height:32px; display:block; float:left;} #tabNavi ul li a{color:#5f5f5f;} #tabNavi ul li.on{ float:left; background:url(../images/sub/tab_right_over.gif) top right no-repeat;} #tabNavi ul li.on span{background:url(../images/sub/tab_left_over.gif) no-repeat top left;} #tabNavi ul li.on a{color:#fff;} /* 메뉴 이동 Navi */ #subNavi {clear:both; position:relative; margin:-10px 0 20px 0;} #subNavi h4 {background:url(../images/sub/yearevent_bg.gif) left top repeat-x;} #tabsub {clear:both;float:left;width:900px; background:url(../images/sub/tabsub_bg.gif) left top; /*height:38px;*/ padding:0 0 0 10px;*zoom:1;} #tabsub :after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #tabsub ul {/*float:left;*/ *zoom:1;} #tabsub ul :after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #tabsub ul li {/*float:left;*/ display:inline-block; *display:inline; zoom:1; padding:0 0 0 8px; line-height:38px; margin:0;} #tabsub ul li span {display:inline-block; *display:inline; zoom:1;font-weight:bold;padding:0 30px 0 8px;} #tabsub ul li a {color:#6f6f6f;font-weight:bold;} #tabsub ul li.on {} #tabsub ul li.on span {background:url(../images/sub/tabsub_dot.gif) left 13px no-repeat;} #tabsub ul li.on a {color:#5cc429;} ul.subselect { position:absolute;right:0;top:11px;} ul.subselect li {float:left; padding:0 0 0 3px;} .subselect_select { width:150px; height:25px;} #subPage{clear:both; float:left; width:100%;margin:0;} /* 따라다니는 퀵 메뉴*/ #subRight .sideMenu {position:absolute;} #subRight .sideMenu dl{padding:0; margin:0;} #subRight .sideMenu dt{padding:0; margin:0; line-height:0; font-size:0;} #subRight .sideMenu dd{padding:0; margin:0; line-height:0; font-size:0;} /******************************************footer******************************************/ #footerWrap {clear:both; width:100%; background:url(../images/sub/sub_footer_bg.gif) repeat-x top left #cbcbcb;} #footerWrap #footer dl.contact{*zoom:1; margin:0; padding:0;} #footerWrap #footer dl.contact:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #footerWrap #footer dl.contact dt{float:left; padding:17px 0 10px 14px; font-size:0; line-height:0;} #footerWrap #footer dl.contact dd{float:left; padding:13px 0 10px 0; font-size:0; line-height:0;} /*인사말*/ #greet{clear:both; color:#626262; padding:0 0 70px 0; line-height:150%; background:url(../images/sub/greet_bg.gif) no-repeat right 44px;} #greet p.greetTit{ text-align:left; padding:0; margin:0 0 31px 0; } #greet dl{padding:0; margin:0 0 30px 0;} #greet dl dt{padding:0; margin:0 0 10px 0; } #greet dl dd{margin:0 0 20px 0; padding:0 0 0 82px; text-indent:0;} #greet p.sign{ text-align:right; padding:0 333px 0 0;} /*교육방향*/ #eduDir{clear:both; color:#626262; padding:0 0 50px 0; line-height:150%; } #eduDir p.tit{padding:10px 0 8px 0; text-align:center; } #eduDir div.indexEdu{width:100%; height:617px; background:url(../images/sub/direction_bg.gif) no-repeat top left; position:relative;} #eduDir div.indexEdu p.indexTit{ position:absolute; top:81px; left:50%; margin:0 0 0 -72px; padding:0; width:137px; height:92px;} #eduDir div.indexEdu dl{padding:0; margin:0;} #eduDir div.indexEdu dt{padding:0; margin:0; position:absolute;} #eduDir div.indexEdu dd{padding:0; margin:0; text-indent:0; position:absolute; color:#fff; letter-spacing:-1px;} #eduDir div.indexEdu .tit01{top:125px; left:149px;} #eduDir div.indexEdu .tit02{top:272px; left:424px;} #eduDir div.indexEdu .tit03{top:125px; right:173px;} #eduDir div.indexEdu .txt01{top:172px; left:141px; width:190px;} #eduDir div.indexEdu .txt02{top:318px; left:343px; text-align:center; width:220px;} #eduDir div.indexEdu .txt03{top:181px; right:160px; text-align:right; width:175px;} /*운영방침*/ #operation{clear:both; color:#626262; padding:0 0 50px 0; line-height:150%; } #operation p.tit{ text-align:center; padding:15px 0 16px 0; margin:0;} #operation ul.operList1{width:724px; margin:0 auto 24px auto; padding:0; *zoom:1;} #operation ul.operList1:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #operation ul.operList1 li{float:left; padding:0; margin:0; text-indent:0;} #operation h4{ clear:both; padding:10px 0 25px 14px; margin:0;} #operation ul.operList2{width:724px; margin:0 auto 24px auto; padding:0; *zoom:1;} #operation ul.operList2:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #operation ul.operList2 li{float:left; width:33%; padding:0; margin:0; text-indent:0; text-align:left;} #operation ul.operList2 li.li_2{text-align:center;} #operation ul.operList2 li.li_3{text-align:right;} #operation div.operBox{ width:863px; height:300px; margin:0 auto; position:relative; padding:0; background:url(../images/sub/operation_bg01.gif) no-repeat top left;} #operation div.operBox h5{position:absolute; top:12px; left:93px; padding:0; margin:0;} #operation div.operBox dl{padding:0; margin:0;} #operation div.operBox dt{position:absolute; top:138px; padding:0; margin:0; text-indent:0;} #operation div.operBox dd{position:absolute; top:202px; padding:0; margin:0; text-indent:0;} #operation .tit01{ left:29px;} #operation .tit02{ left:224px;} #operation .tit03{ left:397px;} #operation .tit04{ left:567px;} #operation .tit05{ left:738px;} #operation .txt01{ left:29px;} #operation .txt02{ left:200px;} #operation .txt03{ left:380px;} #operation .txt04{ left:543px;} #operation .txt05{ left:722px;} /*선생님소개*/ #teacher{clear:both; color:#626262; padding:5px 0 50px 0; line-height:150%; *zoom:1;} #teacher:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #teacher h4{ clear:both; padding:10px 0 20px 14px; margin:0;} #teacher p.tit{padding:0; margin:0;text-align:right;padding-right:8px;} #teacher ul.creed{padding:0; margin:0; float:right; width:870px; text-indent:0; *zoom:1;} #teacher ul.creed:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #teacher ul.creed li{margin:6px; padding:24px 0 0 0; color:#fff; text-align:center; width:162px; height:154px; float:left; text-indent:0;} #teacher ul.creed li.li_01{background:url(../images/sub/teacher_bg01.gif) no-repeat top left;} #teacher ul.creed li.li_02{background:url(../images/sub/teacher_bg02.gif) no-repeat top left;} #teacher ul.creed li.li_03{background:url(../images/sub/teacher_bg03.gif) no-repeat top left;} #teacher ul.creed li.li_04{background:url(../images/sub/teacher_bg04.gif) no-repeat top left;} #teacher ul.creed li.li_05{background:url(../images/sub/teacher_bg05.gif) no-repeat top left;} #teacher table{float:right;} #teacher table.table01{border-collapse:collapse; width:95%; margin:0 auto 25px auto; padding:0; border-bottom:1px solid #1eb5c2; border-top:none;} #teacher table.table01 caption{display:none;} #teacher table.table01 thead tr{background:url(../images/sub/table01_bg02.gif) repeat-x;} #teacher table.table01 thead th{ height:30px; border:none; border-bottom:1px solid #1eb5c2; color:#fff; font-weight:bold; padding:0; margin:0; position:relative; line-height:30px;} #teacher table.table01 tbody th{border-left:1px solid #1eb5c2; border-right:none; border-bottom:1px solid #e8e8e8; height:30px; color:#056068; width:100px;} #teacher table.table01 tbody td{border-left:none; border-right:1px solid #1eb5c2; border-bottom:1px solid #e8e8e8; text-align:center; height:30px; position:relative;} #teacher table.table01 tbody td span{ position:absolute; top:6px; right:9px; width:16px; height:14px;} #teacher table.table01 span.thLeft{background:url(../images/sub/table01_bg01.gif) no-repeat top left; position:absolute; top:0; left:0; width:19px; height:30px;} #teacher table.table01 span.thRight{background:url(../images/sub/table01_bg03.gif) no-repeat top right; position:absolute; top:0; right:0; width:19px; height:30px;} #teacher table.table01 .tdBottom{border-bottom:none;} #teacher table.table02{border-collapse:collapse; width:95%; margin:0 auto 25px auto; padding:0; border-bottom:1px solid #2d86d1; border-top:none;} #teacher table.table02 caption{display:none;} #teacher table.table02 thead tr{background:url(../images/sub/table02_bg02.gif) repeat-x;} #teacher table.table02 thead th{ height:30px; border:none; border-bottom:1px solid #1eb5c2; color:#fff; font-weight:bold; padding:0; margin:0; position:relative; line-height:30px;} #teacher table.table02 tbody th{border-left:1px solid #2d86d1; border-right:none; border-bottom:1px solid #e8e8e8; height:30px; color:#19529c; width:100px;} #teacher table.table02 tbody td{border-left:none; border-right:1px solid #2d86d1; border-bottom:1px solid #e8e8e8; text-align:center; height:30px; position:relative;} #teacher table.table02 tbody td span{ position:absolute; top:6px; right:9px; width:16px; height:14px;} #teacher table.table02 span.thLeft{background:url(../images/sub/table02_bg01.gif) no-repeat top left; position:absolute; top:0; left:0; width:19px; height:30px;} #teacher table.table02 span.thRight{background:url(../images/sub/table02_bg03.gif) no-repeat top right; position:absolute; top:0; right:0; width:19px; height:30px;} #teacher table.table02 .tdBottom{border-bottom:none;} #teacher table.table03{border-collapse:collapse; width:95%; margin:0 auto 25px auto; padding:0; border-bottom:1px solid #7a21be; border-top:none;} #teacher table.table03 caption{display:none;} #teacher table.table03 thead tr{background:url(../images/sub/table03_bg02.gif) repeat-x;} #teacher table.table03 thead th{ height:30px; border:none; border-bottom:1px solid #1eb5c2; color:#fff; font-weight:bold; padding:0; margin:0; position:relative; line-height:30px;} #teacher table.table03 tbody th{border-left:1px solid #7a21be; border-right:none; border-bottom:1px solid #e8e8e8; height:30px; color:#4d1080; width:100px;} #teacher table.table03 tbody td{border-left:none; border-right:1px solid #7a21be; border-bottom:1px solid #e8e8e8; text-align:center; height:30px; position:relative;} #teacher table.table03 tbody td span{ position:absolute; top:6px; right:9px; width:16px; height:14px;} #teacher table.table03 span.thLeft{background:url(../images/sub/table03_bg01.gif) no-repeat top left; position:absolute; top:0; left:0; width:19px; height:30px;} #teacher table.table03 span.thRight{background:url(../images/sub/table03_bg03.gif) no-repeat top right; position:absolute; top:0; right:0; width:19px; height:30px;} #teacher table.table03 .tdBottom{border-bottom:none;} /* 스타일 신규 적용 */ #teacher div.teacher01{ width:866px; position:relative; background:url(../images/sub/table01_bg02.gif) repeat-x left top #fff; border-bottom:1px solid #1eb5c2;padding:0; margin:0 0 25px 45px;} #teacher div.teacher01:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #teacher div.teacher01 p.leftBg{position:absolute; top:0; left:0; z-index:5; background:url(../images/sub/table01_bg01.gif) no-repeat top left; padding:0; margin:0; width:19px; height:30px;} #teacher div.teacher01 p.rightBg{position:absolute; top:0; right:0; z-index:5; background:url(../images/sub/table01_bg03.gif) no-repeat top right; padding:0; margin:0; width:19px; height:30px;} #teacher div.teacher01 div.gradeBox{ width:100%; position:relative; *zoom:1;} #teacher div.teacher01 div.gradeBox:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #teacher div.teacher01 div.gradeBox div.grade{width:216px; float:left; padding:0; margin:0; text-align:center;} #teacher div.teacher01 div.gradeBox div.grade dl{padding:0; margin:0;} #teacher div.teacher01 div.gradeBox div.grade dl dt{width:100%; color:#fff; font-weight:bold; line-height:30px; padding:0; margin:0; background:url(../images/sub/table01_bg02.gif) repeat-x left top #fff;} #teacher div.teacher01 div.gradeBox div.grade dl dd{padding:0; margin:0; text-indent:0;} #teacher div.teacher01 div.gradeBox div.grade dl dd ul{padding:0; margin:0;} #teacher div.teacher01 div.gradeBox div.grade dl dd ul li{width:100%; position:relative; height:31px; padding:0; margin:0; border-top:1px solid #e8e8e8;} #teacher div.teacher01 div.gradeBox div.grade dl dd ul li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #teacher div.teacher01 div.gradeBox div.grade dl dd ul li span.className{width:50%; position:absolute; top:2px; left:0; color:#056068; font-weight:bold; padding:0; margin:0; display:block; line-height:31px;} #teacher div.teacher01 div.gradeBox div.grade dl dd ul li span.teacherName{width:50%; position:absolute; top:2px; left:50%; padding:0; margin:0; display:block; line-height:31px; } #teacher div.teacher01 div.gradeBox div.grade dl dd ul li span.icon{position:absolute; padding:0; margin:0; font-size:0; line-height:0; top:10px; right:9px; width:16px; height:14px;} #teacher div.teacher01 div.gradeBox div.grade dl dd ul li.topClass{border-top:none;} #teacher div.teacher02{ width:866px; position:relative; background:url(../images/sub/table02_bg02.gif) repeat-x left top #fff; border-bottom:1px solid #2d86d1;padding:0; margin:0 0 0 45px;} #teacher div.teacher02:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #teacher div.teacher02 p.leftBg{position:absolute; top:0; left:0; z-index:5; background:url(../images/sub/table02_bg01.gif) no-repeat top left; padding:0; margin:0; width:19px; height:30px;} #teacher div.teacher02 p.rightBg{position:absolute; top:0; right:0; z-index:5; background:url(../images/sub/table02_bg03.gif) no-repeat top right; padding:0; margin:0; width:19px; height:30px;} #teacher div.teacher02 div.gradeBox{ width:100%; position:relative; *zoom:1;} #teacher div.teacher02 div.gradeBox:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #teacher div.teacher02 div.gradeBox div.grade{width:288px; float:left; padding:0; margin:0; text-align:center;} #teacher div.teacher02 div.gradeBox div.grade dl{padding:0; margin:0;} #teacher div.teacher02 div.gradeBox div.grade dl dt{width:100%; color:#fff; font-weight:bold; line-height:30px; padding:0; margin:0; background:url(../images/sub/table02_bg02.gif) repeat-x left top #fff;} #teacher div.teacher02 div.gradeBox div.grade dl dd{padding:0; margin:0; text-indent:0;} #teacher div.teacher02 div.gradeBox div.grade dl dd ul{padding:0; margin:0;} #teacher div.teacher02 div.gradeBox div.grade dl dd ul li{width:100%; position:relative; height:31px; padding:0; margin:0; border-top:1px solid #e8e8e8;} #teacher div.teacher02 div.gradeBox div.grade dl dd ul li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #teacher div.teacher02 div.gradeBox div.grade dl dd ul li span.className{width:50%; position:absolute; top:2px; left:0; color:#19529c; font-weight:bold; padding:0; margin:0; display:block; line-height:31px;} #teacher div.teacher02 div.gradeBox div.grade dl dd ul li span.teacherName{width:50%; position:absolute; top:2px; left:50%; padding:0; margin:0; display:block; line-height:31px; } #teacher div.teacher02 div.gradeBox div.grade dl dd ul li span.icon{position:absolute; padding:0; margin:0; font-size:0; line-height:0; top:10px; right:9px; width:16px; height:14px;} #teacher div.teacher02 div.gradeBox div.grade dl dd ul li.topClass{border-top:none;} /*시설안내*/ #facilitiesinfo_view {clear:both;width:100%;margin-bottom:20px;} #facilitiesinfo_view .facilitiesinfo_box {position:relative; width:910px; margin:0 auto; } #facilitiesinfo_view p.facilitiesinfoImg {text-align:center;} ul.facilitiesinfoBtn {position:absolute;left:0;top:0;} ul.facilitiesinfoBtn li.faciBtn01 {position:absolute;left:104px;top:210px;} ul.facilitiesinfoBtn li.faciBtn02 {position:absolute;left:430px;top:100px;} ul.facilitiesinfoBtn li.faciBtn03 {position:absolute;left:650px;top:50px;} #facilitiesinfo_open {position:relative; margin:0 auto; width:1000px; height:800px;} .infoopen_box { background:#47ad26; height:85px;} p.facitxt {float:left;} p.facitit {float:right;} .infoopen_Img ul li {width:1000px; height:617px;} .infoopen_bottom { position:relative;float:left;width:1000px;height:98px;background:url(../images/common/infoopen_bottom_bg.gif) left top repeat-x;} .infobot_txt {float:left; width:640px;padding:25px 20px 0 20px; line-height:20px;} .infoopen_bottom ul.facibtn { position:absolute;right:7px;top:36px;} .infoopen_bottom ul.facibtn li {float:left; padding:0 10px 0 0; font-size:0; line-height:0;} /*오시는길*/ #map{clear:both; color:#626262; padding:15px 0 50px 0; line-height:150%;} #map div.mapBox{background:url(../images/sub/map_bg.gif) no-repeat center top; width:910px; height:706px; margin:0 auto; padding:0;} #map p.addr{ margin:0; padding:10px 0 22px 22px;} #map p.mapimg{padding:5px 0 0 0; text-align:center;} #map ul{ margin:0; padding:30px 29px 0 29px;*zoom:1; } #map ul:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #map ul li{margin:0; padding:0; text-indent:0;} #map ul li.contact{float:left; } #map ul li.contact dl{background:url(../images/sub/map_icon1.gif) no-repeat 25px 45px; margin:0; padding:0;} #map ul li.contact dl dt{padding:0 0 10px 0; margin:0; text-indent:0; font-size:0; line-height:0;} #map ul li.contact dl dd{padding:1px 0 1px 89px; margin:0; text-indent:0;font-size:0; line-height:0;} #map ul li.traffic{float:right;} #map ul li.traffic dl{background:url(../images/sub/map_icon2.gif) no-repeat 25px 45px; margin:0; padding:0;} #map ul li.traffic dl dt{padding:0 0 10px 0; margin:0; text-indent:0; font-size:0; line-height:0;} #map ul li.traffic dl dd{padding:1px 0 1px 88px; margin:0; text-indent:0;font-size:0; line-height:0;} /*교육내용*/ #educon_bg {clear:both; position:relative; width:910px;height:600px;background:url(../images/sub/educon_bg.gif) left top no-repeat; margin:0 0 80px 0;z-index:0;} #educon_bg .eduConts {position:relative; width:100%; height:508px; z-index:1;} #educon_bg .eduConts > .eduList {position:absolute; left:0; top:0; width:100%; height:508px;z-index:1;overflow:hidden;} #educon_bg .eduConts > .eduList li {position:absolute;width:100%;height:508px;left:0;top:0;display:none;} #educon_bg .eduConts > .eduList li:first-child {z-index:2;display:block;} .educon_box {float:left; width:910px; height:508px;} .educon_box p {float:left; width:643px; height:481px; padding:14px 0 0 14px;} .educon_Txt { position:relative;float:left; width:240px;padding:15px 0 0 12px;} .educon_box dl {float:left; } .educon_box dl dd { padding:20px 10px 10px 10px; text-align:center; line-height:180%; color:#fff;} #educon_bg p.educonbtn {position:absolute;z-index:1;top:220px;right:81px;} .educon_Btn {position:absolute;left:0;bottom:0;width:910px;height:81px;} .educon_Btn ul li {float:left;border:#d0d2d1 solid 1px; width:127px; height:23px; padding:15px 0 0 0; text-align:center; color:#767676; font-weight:bold; margin:0 1px 1px 0;} .educon_Btn ul li.edub02 {float:left;border:#d0d2d1 solid 1px; width:257px; height:23px; padding:15px 0 0 0; text-align:center; color:#767676; font-weight:bold; margin:0 1px 1px 0;} .educon_Btn ul li.on {background:url(../images/sub/educon_line.gif) left top repeat-x;color:#fff; font-weight:bold; border:#968051 solid 1px;} .educon_Btn ul li.on a {color:#fff; text-decoration:none;} .educon_Btn ul li:hover{background:url(../images/sub/educon_line.gif) left top repeat-x;color:#fff; font-weight:bold; border:#968051 solid 1px;} .educon_Btn ul li:hover a {color:#fff; text-decoration:none;} .educon_Btn ul li a:hover{color:#fff; text-decoration:none;} /*연간교육활동 new*/ #yearedu {clear:both;width:910px; margin:0 0 80px 0;} .yearedu_line {clear:both;float:left;width:910px;margin-bottom:10px;} .yearedu_box { position:relative;float:left; width:290px; padding:15px 20px 0 0;} .yearedu_box ul li { line-height:160%; padding:0 0 0 30px;} .yearedu_box ul li strong {color:#82645d;} .yearedu_box02 {position:relative;float:left; width:290px; padding:15px 0 0 0;} .yearedu_box02 ul li { line-height:160%; padding:0 0 0 20px;} .yearedu_box02 ul li strong {color:#82645d;} /*연간교육활동02 new*/ #yearedu_act {clear:both;width:910px; margin:0 0 80px 0;} .yeareduact_box { position:relative;float:left; width:290px; height:270px; padding:15px 20px 0 0;} .yeareduact_box ul li { line-height:160%; padding:0 0 0 30px;} .yeareduact_box ul li strong {color:#82645d;} .yeareduact_box02 {position:relative;float:left; width:290px; height:270px; padding:15px 0 0 0;} .yeareduact_box02 ul li { line-height:160%; padding:0 0 0 20px;} .yeareduact_box02 ul li strong {color:#82645d;} .yeareduact_box p.ybb { position:absolute;left:0; bottom:0;} .yeareduact_box02 p.ybb { position:absolute;left:0; bottom:0;} /*연간교육활동 유치반*/ .planpre_view {width:290px;} .planpre_view p {float:left;width:68px; height:59px;} .planpre_view ul {float:left;width:207px; padding:15px 0 0 15px;} .planpre_view ul li { line-height:160%; padding:4px 0 0 15px;background:url(../images/sub/planpreschool_dot.gif) 3px 10px no-repeat;color:#333333; border-bottom:#d2cdcd solid 1px;} /*원의하루*/ #dayplay {clear:both;width:910px; margin:10px 0 80px 0;} ul.dayplay_btn li {float:left; line-height:0; font-size:0; } /* .dayplay_bg { height:508px;background:url(../images/sub/dayplay_bg.gif) left top no-repeat; clear:both;} .dayplay_bg .dayPict {width:900px; padding:5px 0 0 5px;} .dayplay_bg .dayPict li {width:900px; height:459px;} .dayplay_bg .dayplay_txt { text-align:center; padding:3px 0 0 0;} */ #dayplay .dayplay_bg { position:relative;width:100%;height:508px;background:url(../images/sub/dayplay_bg.gif) left top no-repeat; clear:both; z-index:0;} #dayplay .dayplay_bg > .dayPict {position:absolute; left:5px; top:5px; z-index:1; width:900px; height:459px; overflow:hidden;} #dayplay .dayplay_bg > .dayPict li {width:900px; height:459px; position: absolute; margin:0 auto; left: 0;top: 0; } #dayplay .dayplay_bg > .dayPict li:first-child {display:block;z-index:2;} #dayplay .dayplay_bg > .dayplay_txt {position:absolute; bottom:2px;width:100%;overflow:hidden;z-index:1;height:35px;} #dayplay .dayplay_bg > .dayplay_txt li {bottom:2px;position:absolute;width:100%;text-align:center;} #dayplay .dayplay_bg > .dayplay_txt li:first-child {display:block;z-index:2;width:100%;text-align:center;} /* 테이블 */ #yearevent {clear:both;width:910px;margin:0 0 20px 0;} div.tbWrap {clear:both;line-height: 180%;float:left;width:100%;} div.tbWrap caption {display: none;} div.tbWrap table {clear: both; width:100%; border-collapse: collapse; *zoom:1;} div.tbWrap table:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} div.tbWrap thead th {text-align: center; background:#fff; border-bottom: 1px solid #c6c6c6; color: #fff;border-bottom:#d0c5ad 1px solid ;} div.tbWrap tbody th {padding: 8px 2px 6px 2px; text-align: center; background:#fff url(../images/sub/yec_bg.gif); border-right: 1px solid #d0c5ad; border-bottom: 1px solid #d0c5ad;color: #7f7f7f; letter-spacing: -1px;} div.tbWrap tbody td {padding: 8px 2px 6px 8px; text-align: left; border-left: 1px solid #d0c5ad;border-bottom: 1px solid #d0c5ad; color: #333333; background:#fdf2dc;} div.tbWrap tbody td.yec01 {padding: 8px 2px 6px 8px; text-align: left; border: 1px solid #d0c5ad; color: #333333; background:#f8f5f0;} div.tbWrap tbody td.yep01 {padding: 8px 2px 6px 8px; text-align: center; border: 1px solid #d0c5ad; color: #333333; background:#cef0b1; font-weight:bold;} div.tbWrap tbody td.yep02 {padding: 8px 2px 6px 8px; text-align: center; border: 1px solid #d0c5ad; color: #333333; background:#fedfa3; font-weight:bold;} div.tbWrap tbody td.yep03 {padding: 8px 2px 6px 8px; text-align: center;border-left: 1px solid #d0c5ad;border-bottom: 1px solid #d0c5ad; color: #333333; background:#b9e6f1; font-weight:bold;} div.tbWrap tbody td.yep0301 {padding: 8px 2px 6px 8px; text-align: left; border: 1px solid #d0c5ad; color: #333333; background:#e8fad9;} div.tbWrap tbody td.yep0302 {padding: 8px 2px 6px 8px; text-align: left; border: 1px solid #d0c5ad; color: #333333; background:#fdf2dc;} div.tbWrap tbody td.yep0303 {padding: 8px 2px 6px 8px; text-align: left;border-left: 1px solid #d0c5ad;border-bottom: 1px solid #d0c5ad;color: #333333; background:#e5f1f4;} /* 테이블 */ #yearsubject {clear:both;width:910px;position:relative;} ul.yearsubject_Btn {padding:0 0 0 70px;} ul.yearsubject_Btn li {float:left; padding:0 90px 0 0;} #yearsubject .yearsubject_Img {clear:both;width:791px;height:388px;position:relative;margin:0 auto;z-index:1;} #yearsubject .yearsubject_Img > .ys_Img {position:absolute;left:0;top:0;width:791px; height:388px;} #yearsubject .yearsubject_Img > .ys_Img li {position:absolute;width:791px; height:388px;} #yearsubject .yearsubject_Img > .ys_Img li:first-child {z-index:2;} #yearsubject p.ys_pre { position:absolute;left:0;top:350px;} #yearsubject p.ys_next { position:absolute;right:0;top:350px;} /* 유치원_원의하루 */ #daylife {clear:both;float:left;width:910px;background:url(../images/sub/daylife_dash.gif) left bottom repeat-x; padding:0;} #daylife .daylife_box {float:left; width:265px; padding:0 0 20px 35px;} #daylife .daylife_box p { padding:0 0 10px 0;} #daylife .daylife_box ul { width:205px; padding:0 0 0 62px;} #daylife .daylife_box ul li { line-height:180%;} #daylife02 {clear:both;float:left;width:577px;background:url(../images/sub/daylife_img.gif) left top no-repeat; padding:0 0 30px 333px;} #daylife02 .daylife_box {float:left; width:234px; padding:10px 65px 35px 0;} #daylife02 .daylife_box02 {float:left; width:234px; padding:10px 0 35px 0;} #daylife02 .daylife_box02 ul {float:left;padding:0 0 0 65px;} #daylife02 .daylife_box02 ul li { line-height:180%;} #daylife02 .daylife_box p { padding:0 0 10px 0;} #daylife02 .daylife_box ul {float:left;padding:0 0 0 55px;} #daylife02 .daylife_box ul li { line-height:180%;} /*원아활동-어린이집*/ /* #activity01{clear:both; color:#626262; padding:0px; margin:15px auto 50px auto; line-height:150%; background:url(../images/class/activity01_bg.gif) no-repeat bottom; position:relative; width:910px; height:750px;} #activity01 p.topTxt{ position:absolute; top:14px; left:0; } #activity01 p.topTxt span{padding:0px 0 0 25px; line-height:200%;} #activity01 ul{ margin:0; padding:0;} #activity01 ul li{width:220px; text-align:center; padding:0; margin:0;} #activity01 ul li.class4{ position:absolute; top:238px; left:7px;} #activity01 ul li.class4 dt{ color:#ff8400} #activity01 ul li.class5{ position:absolute; top:208px; left:232px;} #activity01 ul li.class5 dt{ color:#ff4200} #activity01 ul li.class6{ position:absolute; top:178px; left:457px;} #activity01 ul li.class6 dt{ color:#699231} #activity01 ul li.class7{ position:absolute; top:148px; left:682px;} #activity01 ul li.class7 dt{ color:#0880c6} #activity01 dl{padding:44px 0 0 0; width:198px; margin:0 auto; text-indent:0; *zoom:1;} #activity01 dl:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #activity01 dl dt{ font-weight:bold; height:25px; width:60px; margin:5px 0; padding:0; text-indent:0; line-height:250%; text-align:center; float:left;} #activity01 dl dd{ font-weight:bold; height:25px; width:138px; margin:5px 0; padding:0; text-indent:0; line-height:250%; text-align:center; float:left; position:relative; color:#444342;} #activity01 dl dd span{ position:absolute; top:6px; right:9px; width:16px; height:14px;} #activity01 dl dt.back{ background:url(../images/class/activity_bar_bg_l.gif) repeat-x top left;} #activity01 dl dd.back{ background:url(../images/class/activity_bar_bg_r.gif) repeat-x top right;} */ /*원아활동-어린이집 #activity01{clear:both; color:#626262; padding:0px; margin:15px auto 50px auto; line-height:150%; background:url(../images/class/activity01_bg.gif) no-repeat bottom; position:relative; width:910px; height:750px;} #activity01 p.topTxt{ position:absolute; top:14px; left:0; } #activity01 p.topTxt span{padding:0px 0 0 25px; line-height:200%;} #activity01 ul{ margin:0; padding:0;} #activity01 ul li{width:220px; text-align:center; padding:0; margin:0;} #activity01 ul li.class4{ position:absolute; top:238px; left:7px;} #activity01 ul li.class4 dt{ color:#ff8400} #activity01 ul li.class5{ position:absolute; top:208px; left:232px;} #activity01 ul li.class5 dt{ color:#ff4200} #activity01 ul li.class6{ position:absolute; top:178px; left:457px;} #activity01 ul li.class6 dt{ color:#699231} #activity01 ul li.class7{ position:absolute; top:148px; left:682px;} #activity01 ul li.class7 dt{ color:#0880c6} #activity01 dl{padding:0 0 0 0; width:165px; margin:43px auto 0 auto; text-indent:0; *zoom:1; background:url(../images/class/activity_bar_bg.png) repeat-y left top; font-size:0.917em; letter-spacing:-1px; text-align:left} #activity01 dl:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #activity01 dl dt{font-weight:bold; height:25px; width:45px; margin:0 0 10px 0; padding:0 0 0 10px; text-indent:0; line-height:2.273em; float:left;} #activity01 dl dd{ font-weight:bold; height:25px; width:105px; margin:0 0 10px 0; padding:0 0 0 5px; text-indent:0; line-height:2.273em; float:left; position:relative; color:#444342;} #activity01 dl dd span{ position:absolute; top:6px; right:9px; width:16px; height:14px;} #activity01 dl dt.back{ background:url(../images/class/activity_bar_bg_l.gif) repeat-x top left;} #activity01 dl dd.back{ background:url(../images/class/activity_bar_bg_r.gif) repeat-x top right;}*/ /*원아활동-유치원*/ #activity02{clear:both; color:#626262; padding:55px 0 0px; margin:15px auto 50px auto; line-height:150%; background:url(../images/class/activity02_bg.gif) no-repeat bottom; position:relative; width:100%; height:833px;} #activity02 p.topTxt{ position:absolute; top:14px; left:0; } #activity02 p.topTxt span{padding:0px 0 0 25px; line-height:200%;} #activity02 ul{ margin:0; padding:0;} #activity02 ul li{width:385px; height:172px; position:absolute; padding:0 0 0 3px; margin:0; *zoom:1;} #activity02 ul li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #activity02 ul li.class3{top:93px; left:13px;} #activity02 ul li.class4{top:248px; left:510px; height:242px;} #activity02 ul li.class5{top:523px; left:13px;} #activity02 ul li.class3 dt{ background:url(../images/class/activity02_bg03.gif) no-repeat top left;} #activity02 ul li.class4 dt{ background:url(../images/class/activity02_bg04.gif) no-repeat top left;} #activity02 ul li.class5 dt{ background:url(../images/class/activity02_bg05.gif) no-repeat top left;} #activity02 ul li p{position:relative; padding:22px 0 0 5px; margin:0;} /*#activity02 dl.mgl120{margin-left:123px;} #activity02 dl.mgl120{margin-left:246px;}*/ #activity02 dl{position:relative; width:120px; margin:0 3px; padding:44px 0 0 0; text-indent:0; float:left;} #activity02 dl.line2{padding-top:15px;} #activity02 dl dt{ font-weight:bold; height:25px; width:100%; margin:5px 0; padding:0; text-indent:0; line-height:230%; text-align:center; color:#fff;} #activity02 dl dd{ font-weight:bold; height:25px; width:115px; margin:5px 0; padding:0 0 0 5px; text-indent:0; line-height:250%; text-align:left; position:relative; color:#444342;} #activity02 dl dd span{ position:absolute; padding:0; margin:0; top:5px; right:10px; width:16px; height:14px; font-size:0; line-height:0;} #activity02 dl dd span img{vertical-align:middle;} #activity02 dl dt.back{ background:url(../images/class/activity_bar_bg_l.gif) repeat-x top left;} #activity02 dl dd.back{ background:url(../images/class/activity_bar_bg_r.gif) repeat-x top right;} /*Berkeley P&L*/ #pnl{clear:both; color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1; background:url(../images/sub/pnl_bg01.gif) right bottom no-repeat; } #pnl:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #pnl div.topTit{*zoom:1; font-size:0; line-height:0; padding:0; margin:0;} #pnl div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #pnl div.topTit p{float:left; padding:0; margin:0;} #pnl div.topTit p.text{padding-left:25px;} #pnl div.pnlCon{position:relative; width:100%; height:722px; *zoom:1; margin:50px 0 40px 0; padding:0; background:url(../images/sub/pnl_bg02.gif) no-repeat 31px top;} #pnl div.pnlCon h4{position:absolute; padding:0; margin:0; font-size:0; line-height:0;} #pnl div.pnlCon dl{position:absolute; padding:0; margin:0; font-size:0; line-height:0; left:224px;} #pnl div.pnlCon dl dt{font-size:0; line-height:0; margin:0; padding:0 0 2px 0; } #pnl div.pnlCon dl dd{font-size:0; line-height:0; margin:0; padding:0;} #pnl div.pnlCon h4.con01{top:70px; left:54px;} #pnl div.pnlCon dl.con01{top:45px;} #pnl div.pnlCon h4.con02{top:255px; left:51px;} #pnl div.pnlCon dl.con02{top:219px;} #pnl div.pnlCon h4.con03{top:439px; left:56px;} #pnl div.pnlCon dl.con03{top:416px;} #pnl div.pnlCon h4.con04{top:629px; left:70px;} #pnl div.pnlCon dl.con04{top:594px;} /*EWAS 프로그램*/ #ewas{clear:both; color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1;} #ewas:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #ewas div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #ewas div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #ewas div.topTit div.logo{background:url(../images/sub/berkeleyPnL_logo.gif) no-repeat top right; width:229px; height:85px; position:absolute; top:0; right:0;} #ewas div.topTit p.title{ padding:0; margin:0; font-size:0; line-height:0;} #ewas div.topTit p.text{ padding:15px 0 0 10px; margin:0; font-size:0; line-height:0;} #ewas h4{padding:40px 0 15px 15px; font-size:0; margin:0; line-height:0;} #ewas div.con01{background:url(../images/sub/ewas_img01.gif) no-repeat top left; width:682px; height:508px; margin:0 auto; padding:0; font-size:0; line-height:0;} #ewas table.con01{border-collapse:collapse; padding:0; margin:70px auto 20px auto; font-size:0; line-height:0;border-bottom:2px solid #959292;border-top:2px solid #959292; width:870px} #ewas table.con01 caption{display:none;} #ewas table.con01 tbody th{ background:#fef9f8; width:160px; padding:10px 0 10px 43px; border-bottom:1px solid #959292; text-align:left;} #ewas table.con01 tbody td{ background:#fff; padding:10px 0 10px 37px; border-bottom:1px solid #959292;} #ewas div.con02{background:url(../images/sub/ewas_img02.gif) no-repeat top left; width:876px; height:494px; margin:0 auto; padding:0; font-size:0; line-height:0;} #ewas ul.book{margin:0; padding:0; font-size:0; line-height:0;} #ewas ul.book li{padding:0 0 30px 15px; margin:0; *zoom:1;} #ewas ul.book li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #ewas ul.book li p{float:left; padding:0 27px 0 0; margin:0;} #ewas ul.book li dl{float:left; padding:28px 0 0 0; margin:0;} #ewas ul.book li dl.pdt36{padding-top:36px;} #ewas ul.book li dl dt{padding:0 0 17px 0; margin:0;} #ewas ul.book li dl dd{padding:0; margin:0;} #ewas div.con0401{background:url(../images/sub/ewas_img0401.gif) no-repeat top left; width:864px; height:244px; margin:0 auto 44px auto; padding:0; font-size:0; line-height:0; position:relative;} #ewas div.con0401 dl{position:absolute; top:117px; width:201px;} #ewas div.con0401 dl.con040101{left:48px;} #ewas div.con0401 dl.con040102{left:349px;} #ewas div.con0401 dl.con040103{left:620px;} #ewas div.con0401 dl dt{padding:0 0 14px 0; font-size:0; line-height:0; margin:0;} #ewas div.con0401 dl dd{padding:0 ; font-size:0; line-height:0; margin:0;} #ewas div.con0402{background:url(../images/sub/ewas_img0402.gif) no-repeat top left; width:851px; height:201px; margin:0 auto; padding:0; font-size:0; line-height:0; *zoom:1;} #ewas div.con0402:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #ewas div.con0402 dl{float:left; width:425px; padding:0; margin:0;} #ewas div.con0402 dl dt{padding:26px 0 115px 0; width:100%; font-size:0; line-height:0; text-align:center;} #ewas div.con0402 dl dd{padding:0; width:100%; font-size:0; line-height:0; text-align:center;} /*스토리텔링*/ #storyTelling{ clear:both;color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1; } #storyTelling:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #storyTelling div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #storyTelling div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #storyTelling div.topTit div.logo{background:url(../images/sub/berkeleyPnL_logo.gif) no-repeat top right; width:229px; height:85px; position:absolute; top:0; right:0;} #storyTelling div.topTit p.title{ padding:0; margin:0; font-size:0; line-height:0;} #storyTelling div.topTit p.text{ padding:15px 0 0 10px; margin:0; font-size:0; line-height:0;} #storyTelling ul.book{padding:0; margin:40px 0 0 0; font-size:0; line-height:0; *zoom:1;} #storyTelling ul.book:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #storyTelling ul.book li{float:left; padding:0 8px; margin:0;} #storyTelling p.text02{padding:15px 0 60px 10px; margin:0; font-size:0; line-height:0;} /*명화와 함께하는 프로젝트 아트*/ #projectArt{ clear:both;color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1; } #projectArt:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #projectArt div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #projectArt div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #projectArt div.topTit div.logo{background:url(../images/sub/berkeleyPnL_logo.gif) no-repeat top right; width:229px; height:85px; position:absolute; top:0; right:0;} #projectArt div.topTit p.title{ padding:0; margin:0; font-size:0; line-height:0;} #projectArt h4{padding:40px 0 15px 15px; font-size:0; margin:0; line-height:0;} #projectArt div.con01{ padding:0 0 0 25px; margin:0; font-size:0; line-height:0; width:860px;} #projectArt div.con01 ul{*zoom:1; padding:10px 0; margin:0; width:100%; background:url(../images/sub/dash_bg.gif) repeat-x left bottom;} #projectArt div.con01 ul:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #projectArt div.con01 ul.noBg{background:none;} #projectArt div.con01 ul li{float:left; width:430px; *zoom:1;} #projectArt div.con01 ul li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #projectArt div.con01 ul li p.img{float:left; padding:0 0 0 4px; margin:0;} #projectArt div.con01 ul li dl{float:left; padding:0 0 0 24px; margin:0;} #projectArt div.con01 ul li dl dt{padding:20px 0 5px 0; margin:0;} #projectArt div.con01 ul li dl dd{padding:0; margin:0;} #projectArt div.con02{padding:0 0 0 25px; margin:0; font-size:0; line-height:0; width:860px;} #projectArt div.con02 dl{*zoom:1; padding:20px 0; margin:0; width:100%; background:url(../images/sub/dash_bg.gif) repeat-x left bottom;} #projectArt div.con02 dl.noBg{background:none;} #projectArt div.con02 dl:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #projectArt div.con02 dl dt{float:left; padding:43px 0 0 40px; width:130px; margin:0;} #projectArt div.con02 dl dd{float:left; padding:0px 0 0 70px; margin:0;} #projectArt div.con03{background:url(../images/sub/projectArt_img03.gif) no-repeat top left; width:846px; height:363px; margin:0 auto; padding:0; font-size:0; line-height:0;} #projectArt div.con03 ol{display:none;} /*Mathmatics Activity*/ #mathmatics{ clear:both;color:#626262; padding:15px 0 540px 0; line-height:150%; *zoom:1; background:url(../images/sub/math_img06.gif) center bottom no-repeat; } #mathmatics:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #mathmatics div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #mathmatics div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #mathmatics div.topTit div.logo{background:url(../images/sub/berkeleyPnL_logo.gif) no-repeat top right; width:229px; height:85px; position:absolute; top:0; right:0;} #mathmatics div.topTit p.title{ padding:0; margin:0; font-size:0; line-height:0;} #mathmatics h4{padding:40px 0 15px 15px; font-size:0; margin:0; line-height:0;} #mathmatics ul.math01{padding:40px 0 20px 0; margin:0; width:100%; *zoom:1;} #mathmatics ul.math01:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #mathmatics ul.math01 li{float:left; width:25%; padding:0; margin:0; font-size:0; line-height:0; text-align:center;} #mathmatics ul.math01 li.last{width:24%;} #mathmatics div.con01{background:url(../images/sub/math_img05.gif) no-repeat top left; width:877px; height:375px; margin:0 auto; padding:0; font-size:0; line-height:0;} /*English Lego*/ #lego{ clear:both;color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1;} #lego:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #lego div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #lego div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #lego div.topTit div.logo{background:url(../images/sub/berkeleyPnL_logo.gif) no-repeat top right; width:229px; height:85px; position:absolute; top:0; right:0;} #lego div.topTit p.title{ padding:0; margin:0; font-size:0; line-height:0;} #lego div.con01{background:url(../images/sub/lego_img01.gif) no-repeat top left; width:869px; height:336px; margin:50px auto; padding:0; font-size:0; line-height:0;} #lego div.con01 dl{display:none;} #lego div.dashLine{background:url(../images/sub/dash_bg.gif) repeat-x top left; width:880px; height:36px; margin:0 auto; padding:0; font-size:0; line-height:0;} #lego div.con02{background:url(../images/sub/lego_img02.jpg) no-repeat top left; width:870px; height:319px; margin:0 auto; padding:0; font-size:0; line-height:0;} #lego div.con02 dl{display:none;} /*Ballet&Physical Activity*/ #ballet{ clear:both;color:#626262; padding:15px 0 630px 0; line-height:150%; *zoom:1; background:url(../images/sub/ballet_img01.jpg) no-repeat right bottom;} #ballet:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #ballet div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #ballet div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #ballet div.topTit div.logo{background:url(../images/sub/berkeleyPnL_logo.gif) no-repeat top right; width:229px; height:85px; position:absolute; top:0; right:0;} #ballet div.topTit p.title{ padding:0; margin:0; font-size:0; line-height:0;} #ballet div.topTit p.text{ padding:15px 0 0 10px; margin:0; font-size:0; line-height:0;} /*timetable*/ #timetable{ clear:both;color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1; } #timetable:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #timetable div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #timetable div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #timetable div.topTit div.logo{background:url(../images/sub/berkeleyPnL_logo.gif) no-repeat top right; width:229px; height:85px; position:absolute; top:0; right:0;} #timetable div.topTit p.title{ padding:0; margin:0; font-size:0; line-height:0;} #timetable div.tableBox{ margin:45px auto 50px auto; background:url(../images/sub/timetable_bg.gif) no-repeat top left; width:841px;} #timetable table{width:841px; padding:0; margin:0; border-collapse:collapse; } #timetable table caption{display:none;} #timetable table thead tr{height:69px;} #timetable table thead th{text-align:center; font-size:0; line-height:0; padding:0;} #timetable table tbody tr.line01{height:50px;} #timetable table tbody tr.line02{height:50px;} #timetable table tbody tr.line03{height:51px;} #timetable table tbody th{font-size:0; line-height:0; text-align:center; padding:0; margin:0;} #timetable table tbody td{font-size:0; line-height:0; text-align:center; padding:0; margin:0;} /*Annual Events*/ #annual{ clear:both;color:#626262; padding:15px 0 230px 0; line-height:150%; *zoom:1; background:url(../images/sub/annual_bg.jpg) no-repeat right bottom;} #annual:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #annual div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #annual div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #annual div.topTit div.logo{background:url(../images/sub/berkeleyPnL_logo.gif) no-repeat top right; width:229px; height:85px; position:absolute; top:0; right:0;} #annual div.topTit p.title{ padding:0; margin:0; font-size:0; line-height:0;} #annual ul.annual{padding:47px 0 0 27px; margin:0; font-size:0; line-height:0; } #annual ul.annual li{padding:0px; margin:0; font-size:0; line-height:0; } /* 버클리 학원 관련 */ /*수업, 대상, 교육 콘텐츠 박스*/ div.berAcademy{ clear:both; margin:40px 0 0 0; padding:40px 0 0 0; border-top:1px solid #bababa; width:100%;} div.berAcademy div.conBox{background:url(../images/sub/berAcademy_bg.gif) left top no-repeat; width:889px; height:216px; margin:0 auto; padding:0; position:relative;} div.berAcademy div.conBox dt{position:absolute; left:44px; padding:0; margin:0; font-size:0; line-height:0;} div.berAcademy div.conBox dt.con01{top:19px;} div.berAcademy div.conBox dt.con02{ top:94px;} div.berAcademy div.conBox dt.con03{ top:170px;} div.berAcademy div.conBox dd{position:absolute; left:160px; padding:0; margin:0; font-size:1.13em; color:#fff; width:670px; height:54px; display:table; overflow:hidden; } div.berAcademy div.conBox dd div.cell{display:table-cell; width:100%; vertical-align:middle; #position:absolute; #top:50%;} div.berAcademy div.conBox dd div.cell div{ #position:relative; #display:block; #top:-50%; padding-top:3px;} div.berAcademy div.conBox dd.con01{top:2px;} div.berAcademy div.conBox dd.con02{top:78px;} div.berAcademy div.conBox dd.con03{top:154px;} /*미술안내*/ #visionArt{ clear:both;color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1;} #visionArt:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #visionArt div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #visionArt div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #visionArt div.topTit p.tit{text-align:center; padding:0 0 15px 0; margin:0;} #visionArt div.topTit ul.list01{padding:0 0 50px 0; margin:0 auto; width:849px; text-align:center; *zoom:1;} #visionArt div.topTit ul.list01:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #visionArt div.topTit ul.list01 li{display:inline;line-height:0; font-size:0; padding:0; margin:0; float:left;} #visionArt div.con02{ width:100%; height:492px; padding:0; margin:0; background:url(../images/sub/visionArt_bg02.gif) no-repeat left top; position:relative;} #visionArt div.con02 dl dt{position:absolute; padding:0; margin:0; top:158px; left:415px;} #visionArt div.con02 dl dd.con0201{position:absolute; padding:0; margin:0; top:35px; left:203px;} #visionArt div.con02 dl dd.con0202{position:absolute; padding:0; margin:0; top:35px; left:562px;} #visionArt div.con02 dl dd.con0203{position:absolute; padding:0; margin:0; top:234px; left:191px;} #visionArt div.con02 dl dd.con0204{position:absolute; padding:0; margin:0; top:234px; left:598px;} #visionArt div.con02 dl dd.con0205{position:absolute; padding:0; margin:0; top:332px; left:351px;} #visionArt div.con03{ margin:0; padding:0; *zoom:1;} #visionArt div.con03:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #visionArt div.con03 div.leftW{float:left; width:660px;} #visionArt div.con03 div.rightW{float:right; padding:38px 30px 0 0; margin:0; width:216px; } #visionArt div.con03 div.rightW p{font-size:0; line-height:0; padding:0 0 20px 0; margin:0;} #visionArt h4{padding:40px 0 15px 15px; font-size:0; margin:0; line-height:0;} #visionArt div.con03 div.leftW p{padding:0 15px 20px 15px; margin:0; text-indent:10px;} /*영어발레*/ #engBallet{ clear:both;color:#626262; padding:15px 0 50px 0; line-height:150%; background:url(../images/sub/engBallet_bg.gif) no-repeat right 177px;*zoom:1;} #engBallet:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #engBallet div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #engBallet div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #engBallet div.topTit p.tit{text-align:center; padding:0 0 22px 0; margin:0;} #engBallet div.topTit p.txt{text-align:left; padding:0 0 18px 27px; margin:0; font-size:0; line-height:0;} #engBallet h4{padding:40px 0 15px 15px; font-size:0; margin:0; line-height:0;} #engBallet ul.ballet{padding:0 0 0 34px; margin:0;} #engBallet ul.ballet li{padding:0 0 6px 0; margin:0;} /*버그박사*/ #lineBlock{ clear:both; color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1;} #lineBlock:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #lineBlock div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #lineBlock div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #lineBlock div.topTit p.tit{text-align:center; padding:0 0 17px 0; margin:0;} #lineBlock div.topTit p.txt{text-align:center; padding:0 0 12px 0px; margin:0; font-size:0; line-height:0;} #lineBlock h4{padding:40px 0 15px 15px; font-size:0; margin:0; line-height:0; clear:both;} #lineBlock ul.bugDoc{clear:both; padding:0; margin:0; font-size:0; line-height:0;} #lineBlock ul.bugDoc li{padding:20px 15px 0 35px; margin:0; clear:both; *zoom:1;} #lineBlock ul.bugDoc li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #lineBlock ul.bugDoc li p.bugImg{float:left; margin:0; padding:0;} #lineBlock ul.bugDoc li p.bugTxt{float:left; margin:0; padding:25px 0 0 18px;} #lineBlock div.bugTable{width:872px; margin:10px auto 0 auto; padding:54px 0 0 0; background:url(../images/sub/lineBlock_tableBg.gif) left top no-repeat;} #lineBlock div.bugTable table{width:100%; border-collapse:collapse; border:none; padding:0; margin:0; font-size:0; line-height:0;} #lineBlock div.bugTable table caption{display:none;} #lineBlock div.bugTable table tbody th{height:36px; width:158px; background:none; text-align:center; padding:0; margin:0; vertical-align:middle;} #lineBlock div.bugTable table tbody td{height:36px; width:238px; background:none; text-align:center; padding:0; margin:0; vertical-align:middle;} #lineBlock div.bugTable table tbody td.colSpan{width:714px;} /*오르다*/ #orda{ clear:both; color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1;} #orda:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #orda div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #orda div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #orda div.topTit p.tit{text-align:center; padding:0 0 8px 0; margin:0;} #orda div.topTit p.txt{text-align:center; padding:0 0 17px 0px; margin:0; font-size:0; line-height:0;} #orda div.topTit ul.list01{padding:0 0 10px 15px; margin:0 auto; text-align:center; *zoom:1;} #orda div.topTit ul.list01:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #orda div.topTit ul.list01 li{display:inline;line-height:0; font-size:0; padding:0 10px; margin:0; float:left;} #orda h4{padding:40px 0 15px 15px; font-size:0; margin:0; line-height:0; clear:both;} #orda ul.list02{clear:both; padding:0; margin:0;} #orda ul.list02 li{padding:0 0px 25px 23px; margin:0; clear:both;} #orda ul.list02 li dl{padding:0; margin:0;} #orda ul.list02 li dl dt{padding:0 0 10px 0; margin:0; font-size:0; line-height:0;} #orda ul.list02 li dl dd{padding:0 80px 0px 65px; margin:0; color:#7d7676; line-height:200%;} #orda div.text02{background:url(../images/sub/orda_bg02.gif) no-repeat center top; padding:25px 0 25px 0; margin:0; width:100%; text-align:center;} #orda div.text02 p.tit01{font-size:0; line-height:0; padding:0 0 25px 0; margin:0;} #orda div.text02 p.text{line-height:200%; color:#7d7676;} /*빔지오*/ #bimgio{ clear:both; color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1;} #bimgio:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #bimgio div.topTit{position:relative; *zoom:1; padding:0; margin:0; width:100%; } #bimgio div.topTit:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #bimgio div.topTit p.tit{text-align:center; padding:0 0 8px 0; margin:0;} #bimgio div.topTit p.txt{text-align:center; padding:0 0 17px 0px; margin:0; font-size:0; line-height:0;} #bimgio h4{padding:40px 0 15px 15px; font-size:0; margin:0; line-height:0; clear:both;} #bimgio ul.list01{clear:both; padding:0 0 0 470px; margin:0; *zoom:1; background:url(../images/sub/bimgio_bg01.gif) no-repeat 16px top;} #bimgio ul.list01:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #bimgio ul.list01 li{ float:left; padding:8px 15px 14px 15px; margin:0; font-size:0; line-height:0;} /*원아활동 게시판*/ #activBbs{ clear:both; width:100%; position:relative; min-height:140px; padding:0 0 5px 0; margin:0 0 15px 0; background:url(../images/sub/activity_bbs_bg01.gif) repeat-x left bottom; *zoom:1;} #activBbs:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #activBbs div.classIcon{float:left; margin:0; padding:0;} #activBbs div.classTxt{margin:0; padding:0 0 15px 5px; float:left; width:490px;} #activBbs div.classTxt dl{width:100%; padding:0; margin:0; *zoom:1; } #activBbs div.classTxt dl:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #activBbs div.classTxt dl dt{background:#5bc527; padding:0px 5px; width:40px; text-align:center; color:#fff; line-height:180%; float:left; font-weight:bold;} #activBbs div.classTxt dl dd{ float:left; font-weight:bold; padding:0 0 0 5px; line-height:180%;} #activBbs div.classTxt p{padding:5px 0 0 0; line-height:150%; } #activBbs ul{width:200px; height:50px; margin:0; padding:90px 0 0 0; *zoom:1; position:absolute; bottom:0; right:0;} #activBbs ul li{float:left; margin:0; padding:0; font-size:0; line-height:0; text-indent:0; } /*상담경고문구*/ div.counsel{ background:url(../images/class/counsel_bg_r.gif) no-repeat top right; width:100%; height:30px; margin:5px 0;} div.counsel span{ background:url(../images/class/counsel_bg_l.gif) top left no-repeat; padding:11px 0 0 52px; margin:0; height:20px; display:inline-block; color:#353535;} /*키즈카페 소개*/ #kidsCafe {clear:both; position:relative;width:910px; margin:0 0 20px 0;} #kidsCafe p.kidsImg {clear:both;} #kidsCafe .kidsCafe_bg {position:relative; height:272px;margin:25px 0 0 0;background:url(../images/sub/kidsCafe_bg.jpg) left top no-repeat;} #kidsCafe .kidsCafe_bg p.kctit { padding:0 0 0 11px;} #kidsCafe .kidsCafe_bg p.kcbtn { position:absolute;right:33px;top:21px;} #kidsCafe ul { position:absolute;left:261px;top:0;} #kidsCafe ul li {line-height:0; font-size:0;} .kidscafeinfo_box { width:874px; background:#e25976; border-left:#bc0e34 solid 1px;border-right:#bc0e34 solid 1px;} .kidscafeinfo_box02 { width:874px; background:#4cccc1; border-left:#33b9ae solid 1px;border-right:#33b9ae solid 1px;} .kidscafeinfo_box03 { width:874px; background:#ffa92e; border-left:#e18603 solid 1px;border-right:#e18603 solid 1px;} .kidscafeinfo_box04 { width:874px; background:#84be35; border-left:#5dad00 solid 1px;border-right:#5dad00 solid 1px;} .kidscafeinfo_box05 { width:874px; background:#2bb3e6; border-left:#0379ab solid 1px;border-right:#0379ab solid 1px;} .kidscafeinfo_box06 { width:874px; background:#756ec9; border-left:#534bb2 solid 1px;border-right:#534bb2 solid 1px;} .kidscafeinfo_box07 { width:874px; background:#a559e6; border-left:#6e1bb6 solid 1px;border-right:#6e1bb6 solid 1px;} .kidscafeinfo_box h5 { padding:15px 0 0 25px;} .kidscafeinfo_box02 h5 { padding:15px 0 0 25px;} .kidscafeinfo_box03 h5 { padding:15px 0 0 25px;} .kidscafeinfo_box04 h5 { padding:15px 0 0 25px;} .kidscafeinfo_box05 h5 { padding:15px 0 0 25px;} .kidscafeinfo_box06 h5 { padding:15px 0 0 25px;} .kidscafeinfo_box07 h5 { padding:15px 0 0 25px;} p.kinfoimg { padding:10px 0 0 25px;} p.kinfoimg02 { padding:10px 0 0 23px;} .kidscafeinfo01 { position:relative; width:874px;margin:0 auto; padding:20px 0 0 0;} /*키즈카페 이용안내 new*/ #cafeHelp {margin: 0px 0px 15px; padding:0 0 20px 0; width: 910px; clear: both; position: relative; background:url(../images/sub/cafehelp_img05.gif) no-repeat right bottom;} #cafeHelp h4 { padding:16px 0 15px 5px;} #cafeHelp h5 { padding:20px 0 0 15px;} #cafeHelp p {padding:10px 0 0 0;} p.cafehelp_txt02 {clear:both;margin:5px 0 0 20px; line-height:160%;} #cafeHelp ul.cafehelp_img {padding:5px 0 0 15px;} #cafeHelp ul.cafehelp_img li { line-height:0; font-size:0;} #cafeHelp ul.cafehelp_txt {padding:20px 0 0 15px;} #cafeHelp ul.cafehelp_txt li { line-height:200%; padding:0 0 0 16px;background:url(../images/sub/cafehelp_txt_dot.gif) left 4px no-repeat;} #cafeHelp ul.cafehelp_txt li span {font-weight:bold;} #cafeHelp table { position:relative; width:860px; border-collapse:collapse; border-right:#708f96 solid 1px; border-left:#708f96 solid 1px; margin:0 auto;} #cafeHelp table caption { display:none;} #cafeHelp table thead th { background:#327fc1; color:#fff; border-right:1px solid #c5c5cd; border-top:none; font-weight:bold; text-align:center; padding:3px 0; vertical-align:middle; line-height:180%;} #cafeHelp table thead td { background:#f6f6f6; border:1px solid #708f96; font-weight:bold; text-align:center; padding:3px 0;vertical-align:middle; line-height:180%;} #cafeHelp table tbody th { background:#fff; color:#056068; font-weight:bold; border-right:1px solid #ff0000;border-bottom:1px solid #708f96;text-align:center; padding:3px 0;vertical-align:middle; line-height:180%; height:20px;} #cafeHelp table tbody td { background:#f9ffff; border-bottom:1px solid #708f96;border-right:1px solid #708f96;border-left:1px solid #708f96; text-align:center; padding:3px 0; vertical-align:middle; line-height:180%;height:20px;} ul.cafehelp_map li {padding: 0px 35px 0px 0px; } /*입학안내_유치원*/ #entrance02{clear:both; color:#626262; padding:15px 0 50px 0; line-height:150%; *zoom:1;} #entrance02:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #entrance02 p.titEnt{ text-align:center; padding:0 0 35px 0; margin:0;} #entrance02 h4{ clear:both; padding:10px 0 20px 14px; margin:0;} #entrance02 div.target{ clear:both; width:100%; height:130px; background:url(../images/sub/entrance02_img01.gif) 10px top no-repeat; padding:0; margin:0 0 20px 0; } #entrance02 div.target p.tit{ padding:8px 0 18px 237px; margin:0; font-size:0; line-height:0;} #entrance02 div.target ul{ width:670px; margin:0 0 0 240px;padding:0; *zoom:1; } #entrance02 div.target ul:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #entrance02 div.target ul li{ width:33%; float:left; margin:0 0px 0 0; padding:0; text-indent:0; color:#545454; text-align:center; letter-spacing:2px;} #entrance02 div.target ul li dl{padding:0; margin:0;} #entrance02 div.target ul li dt{ padding:0; margin:0;} #entrance02 div.target ul li dd{ padding:10px 0; margin:0; text-indent:0;} #entrance02 ul.doc{ width:100%; padding:0; margin:20px 0 30px 0; *zoom:1;} #entrance02 ul.doc:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #entrance02 ul.doc li{float:left; width:24.9%; text-align:center; font-size:0; line-height:0; padding:0; margin:0;} #entrance02 div.Time{ width:838px; height:78px;float:right; margin:0px auto 20px auto; padding:0; background:url(../images/sub/entrance02_table.gif) no-repeat top left;} #entrance02 div.Time ul{width:100%; margin:0; padding:0; *zoom:1;} #entrance02 div.Time ul li{text-align:center; width:275px; float:left; margin:0 0 0 3px; padding:0;} #entrance02 div.Time ul li dl{width:100%; margin:0; padding:0;} #entrance02 div.Time ul li dt{ margin:0; padding:13px 0 18px 0; } #entrance02 div.Time ul li dd{ margin:0; padding:0; text-indent:0;} #entrance02 div.call{ width:100%; height:109px; position:relative; background:url(../images/sub/entrance02_contact_bg.gif) no-repeat 40px top; } #entrance02 div.call p.telNum{ position:absolute; top:23px; left:158px; padding:0; margin:0;} #entrance02 div.call p.txt{ color:#555555; position:absolute; bottom:20px; left:158px; padding:0; margin:0;} /* 개인정보처리방침 */ #private {clear:both; width:100%;color:#666666; padding:0 0 20px 0;} #private p.privateTxt { text-align:center;} #private .private_list {float:left;border-top:#959593 solid 3px;border-bottom:#959593 solid 3px; background:#4eaff6;padding:0;} #private .private_list ul.priLeft {padding:0;position:relative; margin:0 auto;width:910px;} #private .private_list ul.priLeft li {float:left;line-height:0;padding:0;font-size:0;} /*#private .private_list ul.priLeft li:hover{background:#4eaff6 url(../images/common/list_dot.gif) right 9px no-repeat;color:#fff;border-bottom:#2583c8 solid 1px;} #private .private_list ul.priLeft li a:hover{color:#fff; text-decoration:none;}*/ #private div.private_box {clear:both;line-height:18px; padding:10px 0 10px 0; border-bottom:#dadada solid 1px;} #private div.private_box h4 {padding:5px 0 8px 0;} #private div.private_box h5 {clear:both;color:#303030;font-weight:bold; font-size:1.2em;padding:10px 0 0 0;} #private div.private_box ul.pri_txt01 {padding:15px 0 5px 0;} #private div.private_box ul.pri_txt01 li {line-height:18px;} #private div.private_box ul.pri_txt02 {padding:5px 0 5px 8px;} #private div.private_box ul.pri_txt02 li {line-height:18px;} #private div.private_box dl {padding:5px 0 5px 0;} #private div.private_box dl dt {color:#303030;font-weight:bold; font-size:1.2em;padding:10px 0 0 0;} #private div.private_box dl dd { line-height:180%;padding:5px 0 0 0;} /* 약관동의 */ #clause {clear:both;color:#666666;} #clause .clause_list { position:relative;float:left;width:100%;background:#eeebeb;padding:10px 0 5px 0;} #clause .clause_list p {float:left;width:520px;padding:4px 0 7px 5px; line-height:20px;} #clause .clause_list p span { display:block; font-weight:bold;padding:7px 0 7px 0;} #clause .clause_list ul {float:right;} #clause .clause_list ul li {float:left; padding:0 3px 0 0;} #clause div.clause_box {clear:both;margin:10px 0 10px 0;padding:10px 0 10px 0;border-bottom:#dadada solid 1px;} #clause div.clause_box h4 {padding:5px 0 8px 0; } #clause div.clause_box p {clear:both;padding:15px 0 0 0;} #clause div.clause_box ul.clause_txt {clear:both;padding:15px 0 10px 0px;} #clause div.clause_box ul.clause_txt li {line-height:20px;} #clause div.clause_box ul.clause_txt02 {padding:5px 0 5px 8px;} #clause div.clause_box ul.clause_txt02 li {line-height:18px;} /***********************************************************160830 교육프로그램 -****************************************************************************************************/ p.eduProgramTit{padding:0; margin:0; font-size:0; line-height:0;} #eduProgram01{clear:both; padding:0; margin:0;} #eduProgram01 p.imgBox{padding:30px 0 25px 0; margin:0; font-size:0; line-height:0;} #eduProgram01 ul.bookList{clear:both; padding:0; margin:0;} #eduProgram01 ul.bookList>li{height:192px; padding:0 0 30px 211px; margin:0;} #eduProgram01 ul.bookList>li.storyBook{background:url(../images/sub/eduProgram01_bg01.gif) no-repeat;} #eduProgram01 ul.bookList>li.workBook{background:url(../images/sub/eduProgram01_bg02.gif) no-repeat;} #eduProgram01 ul.bookList>li.phonicsBook{background:url(../images/sub/eduProgram01_bg03.gif) no-repeat;} #eduProgram01 ul.bookList>li h4{padding:0; margin:0; font-size:0; line-height:0;} #eduProgram01 ul.bookList>li ul{padding:0 0 0 15px; margin:0; line-height:150%;} #eduProgram01 ul.bookList>li ul li{padding:0 0 3px 0; margin:0;} #eduProgram01 ul.bookList>li.storyBook ul{padding-top:25px;} #eduProgram01 ul.bookList>li.workBook ul{padding-top:15px;} #eduProgram01 ul.bookList>li.phonicsBook ul{padding-top:25px;} #eduProgram01 ul.bookList>li ul li span.blueTxt{color:#213391;font-weight:bold;} #eduProgram01 ul.bookList>li ul li span.redTxt{color:#ee1a24;} #eduProgram02{clear:both; padding:0; margin:0;} #eduProgram02 p.imgBox{padding:30px 0 0 0; margin:0; font-size:0; line-height:0;} #eduProgram02 ul.programChart{width:100%; padding:0; margin:0; clear:both; background:url(../images/sub/eduProgram02_bg.gif) no-repeat left top;} #eduProgram02 ul.programChart li{height:170px; width:auto; *zoom:1; font-size:0; line-height:0;} #eduProgram02 ul.programChart li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #eduProgram02 ul.programChart li h4{float:left; padding:95px 82px 0 35px;} #eduProgram02 ul.programChart li div.textBox{padding:16px 0 0 0; margin:0; *zoom:1;} #eduProgram02 ul.programChart li div.textBox:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #eduProgram02 ul.programChart li div.textBox p{float:left; padding:0; margin:0;} #eduProgram02 ul.programChart li div.textBox p.photoBox{padding-right:21px;} #eduProgram02 ul.programChart li div.textBox p.txtBox{padding-top:35px;} #eduProgram03{clear:both; padding:0; margin:0;} #eduProgram03 p.imgBox{padding:30px 0 25px 0; margin:0; font-size:0; line-height:0;} #eduProgram03 p.textBox{padding:20px; height:auto; width:auto; text-align:center; background:#eaeaea; line-height:150%; color:#453d3d;} #eduProgram03 p.textBox span.blueTxt{color:#213391;} #eduProgram03 p.textBox span.redTxt{color:#ee1a24;} #eduProgram04{clear:both; padding:0; margin:0;} #eduProgram04 div.imgBox{padding:0; margin:30px 0 0 0; position:relative; background:url(../images/sub/eduProgram04_bg.gif) no-repeat left top ; width:100%; height:490px;} #eduProgram04 div.imgBox p.txt01{position:absolute; top:298px; left:0; font-size:0; line-height:0;} #eduProgram04 div.imgBox p.txt02{position:absolute; top:420px; left:0; width:auto; padding:0 0 0 20px; line-height:150%;} #eduProgram04 h4{padding:25px 0 10px 0; line-height:0; font-size:0; margin:0;} #eduProgram04 ul{padding:0 0 30px 0; margin:0; *zoom:1;} #eduProgram04 ul :after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #eduProgram04 ul li{float:left; width:33.3%; .width:33%; text-align:center; padding:0; margin:0; font-size:0; line-height:0;} #eduProgram05{clear:both; padding:0; margin:0;} #eduProgram05 ul{padding:30px 0 30px 0; margin:0; *zoom:1;} #eduProgram05 ul:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #eduProgram05 ul li{float:left; width:50%; .width:49%; text-align:center; padding:0; margin:0; font-size:0; line-height:0;} #eduProgram06{clear:both; padding:0; margin:0; background:url(../images/sub/eduProgram06_bg.gif) no-repeat left bottom; padding-bottom:152px;} #eduProgram06 ul{padding:53px 0 0 40px; margin:0; *zoom:1;} #eduProgram06 ul:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #eduProgram06 ul li{ clear:both; padding:0; margin:0; *zoom:1; font-size:0; line-height:0;} #eduProgram06 ul li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #eduProgram06 ul li:first-child{padding-bottom:47px;} #eduProgram06 ul li p.photoBox{float:left; padding:0 28px 0 0; margin:0;} #eduProgram06 ul li p.textBox{padding:54px 0 0 0;} #eduProgram07{clear:both; padding:0 0 30px 0; margin:0;} #eduProgram07 div.topCon{background:url(../images/sub/eduProgram07_bg.gif) no-repeat; height:615px; position:relative; width:100%; margin:0;} #eduProgram07 div.topCon p{position:absolute; padding:0; margin:0; font-size:0; line-height:0;} #eduProgram07 div.topCon p.text01{top:14px; left:21px;} #eduProgram07 div.topCon p.text02{top:493px; left:21px;} #eduProgram07 h4{padding:25px 0 10px 0; line-height:0; font-size:0; margin:0;} #eduProgram07 ul{padding:0; margin:0; *zoom:1;} #eduProgram07 ul:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #eduProgram07 ul li{float:left; width:16.6%; .width:16%; text-align:center; padding:0; margin:0; background:url(../images/sub/eduProgram07_bg02.gif) no-repeat center top; height:177px;} #eduProgram07 ul li p.imgBox{padding:16px 0 17px 0; margin:0; font-size:0; line-height:0;} #eduProgram07 ul li p.textBox{width:125px; padding:0; margin:0 auto; font-weight:bold; font-size:0.95em; line-height:120%; color:#5f4621} #eduProgram08{clear:both; padding:0 0 30px 0; margin:0;} #eduProgram08 div.conBox{background:url(../images/sub/eduProgram08_bg.gif) no-repeat; height:677px; position:relative; width:100%; padding:0; margin:0; font-size:0; line-height:0;} #eduProgram08 div.conBox h4{position:absolute; margin:0; padding:0;} #eduProgram08 div.conBox p{position:absolute; margin:0; padding:0;} #eduProgram08 div.conBox h4.tit01{top:173px; left:168px;} #eduProgram08 div.conBox h4.tit02{top:311px; left:579px;} #eduProgram08 div.conBox p.tit00{top:99px; left:10px;} #eduProgram08 div.conBox p.photo01{top:168px; left:3px;} #eduProgram08 div.conBox p.photo02{top:207px; left:712px;} #eduProgram08 div.conBox p.text01{top:234px; left:187px;} #eduProgram08 div.conBox p.text02{top:372px; left:212px;} #eduProgram08 div.conBox p.text03{top:611px; left:145px;} #eduProgram09{clear:both; padding:0 0 30px 0; margin:0;} #eduProgram08 p.imgBox{ padding:0; margin:0; font-size:0; line-height:0;} /*오르다문화센터*/ #ordaCulter{clear:both; padding:30px 0; margin:0;} #ordaCulter h4{padding:50px 0 10px 0; margin:0; font-size:0; line-height:0;} #ordaCulter p.titBox{ clear:both; padding:0; margin:0;} /*전체교육프로그램*/ #ordaCulter.culterProgram div.cultureProgramBox{width:100%; height:750px; background:url(../images/sub/ordaCulture01_img.gif) no-repeat left 20px; margin:0; padding:0; position:relative; font-size:0; line-height:0;} #ordaCulter.culterProgram div.cultureProgramBox table{width:0; height:0; position:absolute; top:-999px; left:-999px;} /*오르다교육센터*/ #ordaCulter.opsaWrap div.opsaInfo{ background:url(../images/sub/opsa_bg1.gif); height:240px; width:100%; margin:20px 0 0 0; padding:0; position:relative;} #ordaCulter.opsaWrap div.opsaInfo ul{position:absolute; top:30px; left:54px; padding:0; margin:0;} #ordaCulter.opsaWrap div.opsaInfo ul li{padding:0; margin:0; font-size:0; line-height:0;} #ordaCulter.opsaWrap div.opsaInfo p.btnBox{position:absolute; top:15px; right:26px; padding:0; margin:0; text-align:right;} #ordaCulter.opsaWrap div.opsaInfo p.btnBox a{font-size:0; line-height:0; display:block; width:265px; height:47px;} #ordaCulter.opsaWrap div.opsaChar{background:url(../images/sub/opsa_bg2.gif); width:100%; height:503px; position:relative; padding:0; margin:0;} #ordaCulter.opsaWrap div.opsaChar h5{font-size:0; line-height:0; top:-999px; left:-999px; width:0; height:0;} #ordaCulter.opsaWrap div.opsaChar ul li{ position:absolute; margin:0; padding:0; font-size:0; line-height:0;} #ordaCulter.opsaWrap div.opsaChar ul.charList li.char01{left:210px; top:123px;} #ordaCulter.opsaWrap div.opsaChar ul.charList li.char02{left:105px; top:317px;} #ordaCulter.opsaWrap div.opsaChar ul.charList li.char03{left:279px; top:271px;} #ordaCulter.opsaWrap div.opsaChar ul.diffList li.diff01{left:510px; top:46px;} #ordaCulter.opsaWrap div.opsaChar ul.diffList li.diff02{left:510px; top:166px;} #ordaCulter.opsaWrap div.opsaChar ul.diffList li.diff03{left:510px; top:287px;} #ordaCulter.opsaWrap div.opsaChar ul.diffList li.diff04{left:510px; top:408px;} #ordaCulter.opsaWrap div.opsaLearning{position:relative; background:url(../images/sub/opsa_bg3.gif) no-repeat; width:100%; height:272px; padding:0; margin:0;} #ordaCulter.opsaWrap div.opsaLearning h5{position:absolute; padding:0; margin:0; top:0;} #ordaCulter.opsaWrap div.opsaLearning h5.learnTit01{left:203px;} #ordaCulter.opsaWrap div.opsaLearning h5.learnTit02{left:605px;} #ordaCulter.opsaWrap div.opsaLearning h5.learnTit03{left:769px;} #ordaCulter.opsaWrap div.opsaLearning ol{position:absolute; top:34px; padding:0; margin:0; *zoom:1;} #ordaCulter.opsaWrap div.opsaLearning ol:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;} #ordaCulter.opsaWrap div.opsaLearning ol li{float:left; margin:0 20px 0 0; width:160px;} #ordaCulter.opsaWrap div.opsaLearning ol li h6{padding:0; margin:0; font-size:0; line-height:0;} #ordaCulter.opsaWrap div.opsaLearning ol li ul{padding:11px 0 0 16px; margin:0;} #ordaCulter.opsaWrap div.opsaLearning ol li ul li{padding:0; margin:0; font-size:0; line-height:0;} #ordaCulter.opsaWrap div.opsaLearning ol.learnLst01{left:14px;} #ordaCulter.opsaWrap div.opsaLearning ol.learnLst02{left:553px;} #ordaCulter.opsaWrap div.opsaLearning ol.learnLst03{left:732px;} /*헬로뮤지킹*/ #ordaCulter.musiking div.musikingConcept{ background:url(../images/sub/musiking_img01.gif); height:454px; width:100%; position:relative; padding:0; margin:0; font-size:0; line-height:0;} #ordaCulter.musiking div.musikingConcept dt{position:absolute; top:174px; left:408px; margin:0; padding:0;} #ordaCulter.musiking div.musikingConcept dd{position:absolute; margin:0; padding:0;} #ordaCulter.musiking div.musikingConcept dd.conc01{top:33px; left:146px;} #ordaCulter.musiking div.musikingConcept dd.conc02{top:33px; left:686px;} #ordaCulter.musiking div.musikingConcept dd.conc03{top:338px; left:14px;} #ordaCulter.musiking div.musikingConcept dd.conc04{top:338px; left:686px;} #ordaCulter.musiking div.useBox01{ padding:0; margin:0; background:url(../images/sub/musiking_img02.gif) ; height:454px; width:100%; position:relative;} #ordaCulter.musiking div.useBox01 p{position:absolute; margin:0; padding:0; font-size:0; line-height:0;} #ordaCulter.musiking div.useBox01 p.useTxt01{left:135px; top:187px;} #ordaCulter.musiking div.useBox01 p.useTxt02{left:513px; top:138px;} #ordaCulter.musiking div.useBox01 p.useTxt03{left:513px; top:279px;} #ordaCulter.musiking div.appBox{background:url(../images/sub/musiking_img03.gif) no-repeat; width:100%; height:499px; position:relative; padding:0; margin:30px 0 0 0;} #ordaCulter.musiking div.appBox h5{position:absolute; left:96px; padding:0; margin:0; font-size:0; line-height:0;} #ordaCulter.musiking div.appBox ul{padding:0; margin:0; font-size:0; line-height:0; position:absolute; left:57px;} #ordaCulter.musiking div.appBox ul li{padding:0; margin:0;} #ordaCulter.musiking div.appBox h5.appTit01{top:44px;} #ordaCulter.musiking div.appBox h5.appTit02{top:313px;} #ordaCulter.musiking div.appBox ul.appList01{top:75px;} #ordaCulter.musiking div.appBox ul.appList02{top:346px;} #ordaCulter.musiking div.musikInstrum{padding:0; margin:0;} #ordaCulter.musiking div.musikInstrum ul{*zoom:1; padding:0; margin:0;} #ordaCulter.musiking div.musikInstrum ul:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;} #ordaCulter.musiking div.musikInstrum ul li{float:left; width:20%; margin:0 0 10px 0; padding:0; } #ordaCulter.musiking div.musikInstrum ul li.enterenterLine{clear:both; float:left;} #ordaCulter.musiking div.musikInstrum ul li div{background:url(../images/sub/musiking_instrumBg.gif) no-repeat; width:170px; height:183px; margin:0 auto; padding:0; text-align:center;} #ordaCulter.musiking div.musikInstrum ul li div p{padding:5px; width:auto; margin:0;} #ordaCulter.musiking div.musikInstrum ul li div p.imgBox{font-size:0; line-height:0;} #ordaCulter.musiking div.musikInstrum ul li div p.txtBox{ line-height:130%; font-weight:bold; color:#000; font-size:1.25em;} /*하바 영아 클래스*/ #ordaCulter.habaClass p.titTxt{ clear:both; padding:0; margin:0;} #ordaCulter.habaClass div.habaRea{ background:url(../images/sub/haba_bg01.gif); width:100%; height:688px; margin:0l auto; padding:0; position:relative; font-size:0; line-height:0;} #ordaCulter.habaClass div.habaRea h5{ position:absolute; top:14px; left:177px;} #ordaCulter.habaClass div.habaRea dt{position:absolute; padding:0; margin:0;} #ordaCulter.habaClass div.habaRea dd{position:absolute; padding:0; margin:0;} #ordaCulter.habaClass div.habaRea dt.rea01{left:263px; top:279px;} #ordaCulter.habaClass div.habaRea dt.rea02{left:562px; top:279px;} #ordaCulter.habaClass div.habaRea dt.rea03{left:412px; top:495px;} #ordaCulter.habaClass div.habaRea dd.rea01{left:5px; top:258px;} #ordaCulter.habaClass div.habaRea dd.rea02{left:671px; top:258px;} #ordaCulter.habaClass div.habaRea dd.rea03{left:320px; top:579px;} /*버클리pnl*/ .bpnln {clear:both; padding:0 0 50px 0; margin:0;} .bpnln div.pnlimgBox01{padding:0; position:relative; background:url(../images/sub/pnlimgBox01_bg.gif) no-repeat left bottom ; width:100%; height:1020px;} .bpnln div.pnlimgBox01 p.txt01{ text-align:left; padding:0 0 30px 0 ; font-size:0; line-height:0;} .bpnln div.pnlimgBox02{padding:0; position:relative; background:url(../images/sub/pnlimgBox02_bg.gif) no-repeat left bottom ; width:100%; height:600px;} .bpnln div.pnlimgBox02 p.txt01{ text-align:left;font-size:0; line-height:0;} .bpnln div.pnlimgBox03{padding:0; position:relative; background:#f5b800 url(../images/sub/pnlimgBox03_bg.jpg) no-repeat left top ; width:100%;*zoom:1; } .bpnln div.pnlimgBox03:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;} .bpnln div.pnlimgBox03 ul{ width:100%; font-size:0; line-height:0; padding:110px 0 30px 30px;*zoom:1;} .bpnln div.pnlimgBox03 ul:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;} .bpnln div.pnlimgBox03 ul li { float:left; text-align:center; padding:0 0 20px 20px;} .bpnln div.pnlimgBox04{padding:0; position:relative; background:#9dd033 url(../images/sub/pnlimgBox04_bg.jpg) no-repeat left top ; width:100%; } .bpnln div.pnlimgBox04 ul{ width:100%; font-size:0; line-height:0; padding:110px 0 30px 30px;*zoom:1;} .bpnln div.pnlimgBox04 ul:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0;} .bpnln div.pnlimgBox04 ul li { float:left; text-align:center; padding:0 0 20px 20px;} .bpnln div.pnlimgBox05{padding:0; position:relative; background:url(../images/sub/pnlimgBox05_bg.gif) no-repeat left bottom ; width:100%; height:431px;} .bpnln div.pnlimgBox05 p.txt01{ text-align:left; padding:43px 0 15px 14px; font-size:0; line-height:0;} .bpnln div.pnlimgBox05 p.txt02{ text-align:left; padding:0 0 0 14px; font-size:0; line-height:0;} .bpnln div.pnlimgBox04 .pnltxtbox01 { position:relative; background:url(../images/sub/pnltxtbox01_bg.gif) no-repeat center top ; width:100%; padding:0 0 30px 0; } .bpnln div.pnlimgBox04 .pnltxtbox01 p { text-align:center; padding:22px 0 20px 0;} .bpnln div.pnlimgBox04 .pnltxtbox01 ul { width:740px; padding:25px 90px 40px 80px;} .bpnln div.pnlimgBox04 .pnltxtbox01 ul li {font-size:14px; line-height:150%;float:none; text-align:left; color:#1e2906; padding:5px 0 5px 24px; background:url(../images/sub/pnltxtbox01_dot.gif) no-repeat left 8px ; } .bpnln h4 {padding:20px 0 35px 0; line-height:0; font-size:0; margin:0;} .bpnln ul.pnlimg {padding:0 0 30px 0; margin:0; *zoom:1;} .bpnln ul.pnlimg :after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} .bpnln ul.pnlimg li{ text-align:center; padding:0; font-size:0; line-height:0; margin-bottom:35px;} .bpnln ul.pnlimg li.pnlmnone { margin-bottom:0;} .bpnln p.pnltxt {color:#0e9de0; margin-top:20px; font-size:14px; font-weight:bold; padding:0;} .bpnln table { font-size:1.2em;} .bpnln table.table01 {border-collapse:collapse; width:100%; border-top:#4e3028 solid 2px; } .bpnln table.table01 caption{display:none;} .bpnln table.table01 thead th { background:#fbc43a;border:1px solid #4e3028; color:#3c231c; line-height:60px;} .bpnln table.table01 tbody th { border:1px solid #4e3028; padding:15px 25px; color:#222121; background:#b9baba;line-height:150%; width:75px; } .bpnln table.table01 tbody td { border:1px solid #4e3028; padding:15px 8px; color:#3e3c3b; line-height:150%; text-align:center; } .bpnln table.table01 tbody td.pnltc01 { background:#F96; font-weight:bold;} .bpnln table.table01 tbody td.pnltc02 { background:#41dbf2; font-weight:bold;} .bpnln table.table01 tbody td.pnltc03 { background:#6C3; font-weight:bold;} .bpnln table.table01 tbody td.AlignLeft { text-align:left;} .bpnln table.table01 tbody td.AlignLeft ul li {background:url(../images/sub/planpreschool_dot.gif) no-repeat left 8px ; padding:0 0 10px 10px;} .bpnln table.table01 tbody td span.pnl_c01 {color:#1481c6; font-weight:bold;} .bpnln table.table01 tbody td span.pnl_c02 {color:#ff0000; font-weight:bold;} .bpnln table.table01 tbody td span.pnl_c03 {color:#ffa302; font-weight:bold;} /*영어 picnic*/ #picnic{clear:both; padding:0; margin:0; padding:0 0 30px 0;} #picnic p.imgBox{padding:0; margin:0; font-size:0; line-height:0;} #picnic ul.picnicbox{width:100%; padding:41px 0 0 0; margin:0; clear:both; background:url(../images/sub/picnicbox_bg.gif) no-repeat center top; height:596px;} #picnic ul.picnicbox li{ width:auto; *zoom:1; font-size:0; line-height:0;} #picnic ul.picnicbox li:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #picnic ul.picnicbox li div.textBox{padding:10px 0 0 321px; margin:0; *zoom:1;} #picnic ul.picnicbox li div.textBox:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #picnic ul.picnicbox li div.textBox p{ padding:0; margin:0;} #picnic ul.picnicbox li div.textBox p.photoBox{ padding:0 0 10px 0;} /*버클리학원_하바*/ .bedu {clear:both; padding:0; margin:0; padding:30px 0 50px 0;} .bedu p.imgBox{padding:0; margin:0; font-size:0; line-height:0;} .bedu h4{padding:20px 0 30px 0; margin:0; font-size:0; line-height:0;} .bedu .bedu_img0101 { position:relative;width:100%; padding:0 0 0 0; margin:0; clear:both; background:url(../images/sub/bedu_img0101.gif) no-repeat center top; height:822px;} .bedu .bedu_img0101 ul li { width:auto; *zoom:1; font-size:0; line-height:0;} .bedu .bedu_img0101 ul li.bimg01_txt01 { position:absolute;left:311px;top:13px; width:270px;} .bedu .bedu_img0101 ul li.bimg01_txt02 { position:absolute;left:135px;top:462px; width:218px;} .bedu .bedu_img0101 ul li.bimg01_txt03 { position:absolute;right:139px;top:462px; width:208px;} .bedu .bedu_img0101 ul li.bimg01_txt04 { position:absolute;left:310px;top:655px; width:270px;} .bedu .bedu_img0102 { position:relative;width:100%; padding:0 0 0 0; margin:0; clear:both; background:url(../images/sub/bedu_img0102.gif) no-repeat center top; height:376px;} .bedu .bedu_img0102 p.bimg02_txt01 { padding:14px 0 0 311px;} .bedu .bedu_img0102 p.bimg02_txt02 { padding:49px 0 0 311px;} /*버클리학원_지니맥*/ .bedu .bedu_img0201 { position:relative;width:100%; padding:0 0 0 0; margin:20px 0 0 0; clear:both; background:url(../images/sub/bedu_img0201.gif) no-repeat center top; height:435px;} .bedu .bedu_img0201 ul { display:none;} /*버클리학원_와이즈큐*/ .bedu .bedu_img0302 { position:relative;width:100%; padding:0 0 0 0; margin:20px 0 0 0; clear:both; background:url(../images/sub/bedu_img0302.gif) no-repeat center top; height:926px;} .bedu .bedu_img0302 ul li { width:auto; *zoom:1; font-size:0; line-height:0;} .bedu .bedu_img0302 ul li.beimg0302_txt01 { position:absolute;left:0;top:87px; } .bedu .bedu_img0302 ul li.beimg0302_txt02 { position:absolute;left:462px;top:87px; } .bedu .bedu_img0302 ul li.beimg0302_txt03 { position:absolute;left:0;top:539px;} .bedu .bedu_img0302 ul li.beimg0302_txt04 { position:absolute;left:462px;top:539px; } /*버클리학원_코딩*/ .bedu .bedu_img0401 { position:relative;width:100%; padding:0 0 0 0; margin:0; clear:both; background:url(../images/sub/bedu_img0401.jpg) no-repeat center top; height:640px;} .bedu .bedu_img0401 ul { display:none;} .bedu .bedu_img0403 { position:relative;width:100%; padding:0 0 0 0; margin:0; clear:both; background:url(../images/sub/bedu_img0403.gif) no-repeat center top; height:450px;} .bedu .bedu_img0403 ul li.beimg0403_txt01 { position:absolute;left:220px;top:25px; } .bedu .bedu_img0403 ul li.beimg0403_txt02 { position:absolute;left:8px;top:372px; } .bedu .bedu_img0403 ul li.beimg0403_txt03 { position:absolute;left:368px;top:363px;} /*버클리학원_명화명작*/ .bedu .bedu_img0502 { position:relative;width:100%; padding:0 0 0 0; margin:0; clear:both; background:url(../images/sub/bedu_img0502.gif) no-repeat center top; height:244px;} .bedu .bedu_img0502 p {padding:20px 0 0 319px;} .bedu .bedu_img0503 { position:relative;width:100%; padding:0 0 60px 0; margin:0; clear:both; background:url(../images/sub/bedu_img0503.gif) no-repeat right bottom; } .bedu .bedu_img0503 p {padding:0 0 0 0;} /*원아활동-어린이집*/ #activity01{clear:both; color:#626262; padding:0px; margin:15px auto 50px auto; line-height:150%; background:url(../images/sub/activity02_bg.gif) no-repeat center top; position:relative; width:100%;} #activity01 p.topTxt{/* position:absolute; top:14px; left:0; */ padding:14px 0 0 5px;} #activity01 p.topTxt span{padding:0px 0 0 25px; line-height:200%;} #activity01 ul{ margin:0; padding:95px 0 0 8px; *zoom:1; background:none;} #activity01 ul:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #activity01 ul li{width:220px; text-align:center; padding:0; margin:0; float:left; background:none;} #activity01 ul li.class3{padding-top:90px;} #activity01 ul li.class4{padding-top:60px; padding-left:5px} #activity01 ul li.class5{padding-top:30px; padding-left:5px} #activity01 ul li.class6{padding-top:0; padding-left:5px} #activity01 dl{margin:30px auto 20px auto; width:165px; text-indent:0; *zoom:1; font-size:11px;} #activity01 dl:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;} #activity01 dl dt{ font-weight:bold; height:25px; width:55px; margin:5px 0; padding:0 0 0 5px; text-indent:0; line-height:250%; text-align:left; float:left; background:url(../images/class/activity_bar_bg_l.gif) repeat-x top left;} #activity01 dl dd{ height:25px; width:105px; margin:5px 0; padding:0; text-indent:0; line-height:250%; text-align:left; float:left; position:relative; color:#444342; background:url(../images/class/activity_bar_bg_r.gif) repeat-x top right;} #activity01 dl dd span{ position:absolute; top:6px; right:9px; width:16px; height:14px;} #activity01 ul li.class3 dt{ color:#ff8400} #activity01 ul li.class4 dt{ color:#ff4200} #activity01 ul li.class5 dt{ color:#699231} #activity01 ul li.class6 dt{ color:#0880c6} #activity01 ul li.class7 {display:none} #activity01 ul li.class7 dt{ color:#6a6aeb} /* primus 영어유치부 */ .primus_edu {clear:both; padding:0 0 30px 0; margin:0;} .primus_edu div.primusBox01 {padding:10px 0 30px; background:url(../images/sub/primus_txtbox01.gif) no-repeat left top ; width:100%; height:433px;} .primus_edu div.primusBox01 dl, .primus_edu div.primusBox01 ul { text-align:left; padding:0 ; font-size:0; line-height:0;} .primus_edu div.primusBox02 {padding:10px 0; background:url(../images/sub/primus_txtbox02.gif) no-repeat left top ; width:100%; height:340px;} .primus_edu div.primusBox02 ul { text-align:left; padding:0; font-size:0; line-height:0;} .primus_edu div.primusBox03 {padding:15px 0 10px; background:url(../images/sub/primus_txtbox03.gif) no-repeat left top ; width:100%; height:322px;} .primus_edu div.primusBox03 dl, .primus_edu div.primusBox03 ul { text-align:left; padding:0 ; font-size:0; line-height:0;} .primus_edu div.primusBox04 {padding:15px 0 10px; background:url(../images/sub/primus_txtbox04.gif) no-repeat left top ; width:100%; height:497px;} .primus_edu div.primusBox04 dl, .primus_edu div.primusBox04 ul { text-align:left; padding:0 ; font-size:0; line-height:0;} /* 교육프로그램 storix MJH 190424*/ .story_bg {position:relative; width:908px; height:571px; margin-top:30px} .story_bg h5 {width:908px; height:111px; background:url(../images/sub/img_storix_bg1.gif) no-repeat} .story_bg h5 span {float:left; width:33px; height:76px; padding:11px 0 0 40px;} .story_bg h5.btit1 {float:left; margin:11px 0 0 55px;} .story_mid {width:908px; height:auto; background:url(../images/sub/img_storix_bg2.gif) repeat-y} .story_txt1 {position:absolute; top:75px; left:150px} .story_txt2 {padding:11px 0 0 150px} .story_bg p.story_foot {width:908px; height:39px; background:url(../images/sub/img_storix_bg3.gif) no-repeat} .story_mid li.story_img1 {display:inline-block; width:335px; height:335px; padding:50px 0 0 37px} .story_mid li.story_img2 {display:inline-block; width:464px; height:352px; padding-left:37px} .phonics_bg {position:relative; width:910px; height:571px; margin-top:30px} .phonics_bg h5 {width:910px; height:110px; background:url(../images/sub/img_ph_bg1.gif) no-repeat} .phonics_bg h5 span {float:right; width:55px; height:77px; margin:12px 30px 0 0} .phonics_bg h5 span.btit2 {width:365px; height:30px; margin:12px 40px 0 0} .phonics_mid {width:910px; height:auto; background:url(../images/sub/img_ph_bg2.gif) repeat-y} .phonics_txt1 {position:absolute; top:75px; right:150px} .phonics_txt2 {padding:11px 0 0 17em} .phonics_bg li.phonics_img1 {display:inline-block; width:396px; height:72px; margin:45px 0 0 42px} .phonics_bg li.phonics_img2 {display:inline-block; width:396px; height:72px; margin:45px 0 0 40px} .phonics_bg p.phonics_foot {width:910px; height:39px; background:url(../images/sub/img_ph_bg3.gif) no-repeat} .phonics_foot span {position:absolute; width:144px; height:111px; left:55em; top:35em} .physical_bg {position:relative; width:910px; height:529px; margin-top:30px} .physical_bg h5 {width:910px; height:33px; background:url(../images/sub/img_tpr_bg1.gif) no-repeat} .physical_bg h5 span {display:block; width:690px; height:113px; padding:40px 0 0 145px} .physical_mid {width:910px; height:auto; background:url(../images/sub/img_tpr_bg2.gif) repeat-y} .physical_mid p.physical_img {width:613px; height:208px; margin:0 auto; padding-top:13em} .physical_mid p.physical_img2 {width:548px; height:77px; margin:0 auto; padding-top:17px} .physical_bg p.physical_foot {width:910px; height:33px; background:url(../images/sub/img_tpr_bg3.gif) no-repeat} .monster_tit {padding:30px 0 10px 20px} .monster_bg {position:relative; width:910px; height:326px; background:url(../images/sub/mn_bg1.gif) no-repeat} .monster_bg ul {position:absolute; width:910px; height:313px; top:19px; background-color:#fbff96} .monster_bg ul li.num {float:left; width:71px; height:86px; padding:16em 0 0 50px} .monster_bg ul li.img {float:left; width:517px; height:269px; padding:3em 0 0 10em} .monster_img {position:relative; width:910px; height:542px; margin-bottom:30px} .monster_img p.monster_top {position:relative; width:910px; height:80px; background:url(../images/sub/mn_bg2.gif) no-repeat} .monster_img span.monster_tit {position:absolute; width:203px; height:26px; padding:25px 0 0 25px} .monster_mid {position:relative; width:910px; height:auto; background:url(../images/sub/mn_bg3.gif) repeat-y} .monster_mid li {display:inline-block;} .mon_1 {margin:16px 0 0 50px;} .mon_2 {position:absolute; top:16px; left:19.3em} .mon_3 {position:absolute; top:16px; left:43.5em} .mon_4 {position:absolute; top:19.3em; left:19.3em} .mon_5 {position:absolute; top:19.3em; left:43.5em} .monster_img p.monster_foot {width:910px; height:46px; background:url(../images/sub/mn_bg4.gif) no-repeat} /*교육프로그램 책오름 MJH20190425*/ .bookup_tit {width:607px; height:106px; margin:30px 0 0 117px} .bookup_edu {position:relative; width:910px; height:auto; margin-top:30px} .bookup_edu h4 {position:absolute; top:23px; left:210px} .bookup_edu h4 span{position:absolute; width:374px; height:29px; top:25px; left:54px} .bookup_le {float:left; width:444px; margin-right:11px} .bookup_le p.left_bar{position: absolute; width:444px; height:58px; margin-top:233px; background:url(../images/sub/left_bl.gif) no-repeat} .bookup_le p.bookup_tit {position: absolute; width:226px; height:235px; margin:102px 0 0 113px} .bookup_le p.bookup_tit span{position:absolute; width:133px; height:93px; top:70px; left:44px} .left_sto {width:444px; height:auto; margin-top:275px; background:url(../images/sub/left_mid.gif) repeat-y} .left_sto p.bookup_tit2 {width:320px; height:55px; margin:0 auto; padding-top:90px} .left_sto ul {width:294px; height:48px; margin-left:65px; padding-top:25px;} .left_sto li {margin-top:10px} .left_sto p.bookup_img1{width:248px; height:196px; margin:0 auto; padding:63px 0 30px 0} .left_sto p.bookup_txt{width:419px; height:120px; margin-left:13px} .bookup_le p.left_bot {width:444px; height:18px; background:url(../images/sub/left_bt.gif) no-repeat} .bookup_ri {float:left; width:444px; margin-left:11px} .bookup_ri p.right_bar{position: absolute; width:444px; height:58px; margin-top:233px; background:url(../images/sub/right_bl.gif) no-repeat} .bookup_ri p.bookup_tit {position: absolute; width:226px; height:235px; margin:102px 0 0 113px} .bookup_ri p.bookup_tit span{position: absolute; width:83px; height:93px; top:72px; left:72px} .right_sto {width:444px; height:auto; margin-top:275px; background:url(../images/sub/right_mid.gif) repeat-y} .right_sto p.bookup_tit2 {width:320px; height:55px; margin:0 auto; padding-top:90px} .right_sto ul {width:326px; height:48px; margin:0 auto; padding:25px 0 0 15px} .right_sto li {margin-top:10px} .right_sto p.bookup_img2{width:268px; height:196px; margin:0 auto; padding:63px 0 30px 0} .right_sto p.bookup_txt{width:419px; height:120px; margin-left:13px} .bookup_ri p.right_bot {width:444px; height:18px; background:url(../images/sub/right_bt.gif) no-repeat} .booksi {float:left; width:910px; height:auto;} .book_green {position:relative; float:left; width:886px; height:269px; margin-top:80px; border:12px solid #4dcc00} .book_tit {position:absolute; width:352px; height:48px; top:-31px; left:270px} .book_green p.book_img {width:732px; height:103px; margin:0 auto; padding-top:48px} .book_stit {width:509px; height:17px; margin:0 auto; padding-top:16px} .book_txt {width:522px; height:39px; margin:0 auto; padding-top:16px} .book_yel {position:relative; float:left; width:886px; height:269px; margin:82px 0 50px 0; border:12px solid #ffca2a} .book_tit2 {position:absolute; width:352px; height:48px; top:-31px; left:270px} .book_yel p.book_img2 {width:732px; height:123px; margin:0 auto; padding-top:35px} .book_stit2 {width:401px; height:17px; margin:0 auto; padding-top:16px} .book_txt2 {width:635px; height:40px; margin:0 auto; padding-top:16px} /* 버클리 20201030 MJH */ /* 공통 */ .prog2020 .eduProgramTit {margin-bottom:30px} .clear_fix {*zoom:1} .clear_fix:after {content: ""; display: block; clear: both} .prog2020 {font-family:'NSK'} .heart .eduProgramTit {margin-bottom:15px} /* musix */ .musix .box01 {position:relative; padding-top:10px} .musix .box01 .tit {text-align:center; margin-bottom:55px} .musix .box01 li {margin-bottom:20px} .musix .box01::before {content:''; display:block; background:url(../images/sub/musix_titimg.png) no-repeat; width:369px; height:294px; position:absolute; right:0; bottom:-45px} .musix .box02 .tit {padding:12px 22px; border-radius:5px; background:#e83928; margin:35px 0 15px } .musix .box02 .wrap {border-radius:5px; border:3px solid #e0e0e0; padding-top:20px} .musix .box02 ul {float:left; width:50%} .musix .box02 ul li {margin-bottom:15px; box-sizing:border-box; padding-left:49px} .musix .box02 .no01 {background:url(../images/sub/musix_benenum01.gif) no-repeat 0 0} .musix .box02 .no02 {background:url(../images/sub/musix_benenum02.gif) no-repeat 0 0} .musix .box02 .no03 {background:url(../images/sub/musix_benenum03.gif) no-repeat 0 0} .musix .box02 .no04 {background:url(../images/sub/musix_benenum04.gif) no-repeat 0 0} .musix .box02 .no05 {background:url(../images/sub/musix_benenum05.gif) no-repeat 0 0} .musix .box02 .no06 {background:url(../images/sub/musix_benenum06.gif) no-repeat 0 0} .musix .box02 .no07 {background:url(../images/sub/musix_benenum07.gif) no-repeat 0 0} .musix .box02 .book {text-align:center} /* 헬로뮤직킹 */ .hellomusic .box .wrap {padding:37px; background:url(../images/sub/hellomusic_bg.gif) no-repeat; height:509px; box-sizing:border-box} .hellomusic .box .wrap li {margin-bottom:6px; position:relative} .hellomusic .box .wrap .t02 {margin-left:15px} .hellomusic .box .wrap .t03 {margin-left:30px} .hellomusic .box .wrap .t04 {margin-left:45px} .hellomusic .box .wrap li::before {display:block; content:''; position:absolute; width:11px; height:19px; left:-5px; bottom:-20px; z-index:1} .hellomusic .box .wrap .t01::before {background:url(../images/sub/hellomusic_arr01.gif) no-repeat} .hellomusic .box .wrap .t02::before {background:url(../images/sub/hellomusic_arr02.gif) no-repeat} .hellomusic .box .wrap .t03::before {background:url(../images/sub/hellomusic_arr03.gif) no-repeat} /* 유아발레 */ .ballet .wrap {position:relative} .ballet .wrap::before {content:''; display:block; background:url(../images/sub/ballet_img01.png) no-repeat; width:124px; height:277px; position:absolute; left:-37px; bottom:0} .ballet .wrap::after {content:''; display:block; background:url(../images/sub/ballet_img02.png) no-repeat; width:162px; height:277px; position:absolute; right:-73px; bottom:3px} .ballet .wrap .box {width:707px; margin:0 auto 50px; height:101px; border-top:2px solid #f75f8e; border-bottom:1px solid #acacac; padding:30px 0 30px 307px; box-sizing:border-box; position:relative} .ballet .wrap .box .txtimg {position:absolute; left:0; top:15px} .ballet .eduProgramTit {margin-bottom:0} .ballet .wrap .box .txt {font-size:15px; font-weight:400} .ballet .wrap .box .txt span {font-weight:500} .ballet .wrap .box .txt .col01 {color:#1a80ff} .ballet .wrap .box .txt .col02 {color:#ff0f58} .ballet .wrap .box::before {content:''; display:block; background:url(../images/sub/ballet_img03.png) no-repeat; width:82px; height:77px; position:absolute; left:0; bottom:-25px; z-index:1} /* 표준교육과정 마음 */ .heart .wrap {background:url(../images/sub/heart_bg.gif) no-repeat; width:910px; height:738px; position:relative} .heart .wrap dt {position:absolute; top:220px; left:355px} .heart .wrap dd {position:absolute} .heart .wrap .t01 {top:90px; left:315px} .heart .wrap .t02 {top:90px; right:305px} .heart .wrap .t03 {top:265px; right:225px} .heart .wrap .t04 {bottom:265px; right:315px} .heart .wrap .t05 {bottom:265px; left:315px} .heart .wrap .t06 {top:265px; left:225px} .heart .wrap .bar {position:absolute; bottom:75px; left:260px} /*플레이팩토 프리키즈*/ .play_kids .wrap {position:relative; background:url(../images/sub/play_kids_bg.gif) no-repeat; width:481px; height:482px; margin:0 auto 38px; text-align:center; font-size:14px} .play_kids .wrap > div {position:absolute} .play_kids .wrap > div p {margin-bottom:15px} .play_kids .wrap > div li {margin-bottom:11px; position:relative; color:#fff} .play_kids .wrap > div li::before {content:''; display:block; background:url(../images/sub/play_kids_arr.png) no-repeat; width:9px; height:5px; position:absolute; left:50%; margin-left:-5px; bottom:-10px} .play_kids .wrap > div li:last-child::before {display:none} .play_kids .wrap > div li:last-child {margin-bottom:0; color:#fffc21} .play_kids .wrap .box01 {top:44px; left:150px} .play_kids .wrap .box02 {bottom:110px; left:25px} .play_kids .wrap .box03 {bottom:110px; right:10px} .play_kids .wrap02 {border-radius:5px; padding:13px; border:1px solid #d5d5d5; background:url(../images/sub/play_kids_img01.gif) no-repeat left 50px bottom 13px } .play_kids .wrap02 p {border-radius:5px; background:#f18544; text-align:center; padding:15px 0} .play_kids .wrap02 li {float:left; width:33.3%} .play_kids .wrap02 ul {margin-left:370px; margin-top:18px} /* New생각대통령 독서 논술 */ .thinkbook .wrap01 .tit {text-align:center; margin-bottom:45px} .thinkbook .wrap01 .box {border-radius:10px; border:1px solid #ffba87; padding:40px 0 25px 30px} .thinkbook .wrap01 .box .txt {font-weight:400; font-size:14px} .thinkbook .wrap01 .box .txt span {font-size:15px; font-weight:500} .thinkbook .wrap01 .box .txt .col01 {color:#4a9d00} .thinkbook .wrap01 .box .txt .col02 {color:#ff124a} .thinkbook .wrap01 .box .txt .col03 {color:#0179ff} .thinkbook .wrap01 .box .subtit {margin:-70px 0 17px; text-align:center} .thinkbook .wrap02 .tit {margin-top:20px; float:left} .thinkbook .wrap02 ul {float:left; margin:25px 0 0 40px} .thinkbook .wrap02 li {font-size:16px; font-weight:400; color:#2e2e2e} .thinkbook .wrap02 li span img {vertical-align:sub; margin-right:10px} .thinkbook .wrap02 li .col {font-size:18px; font-weight:500} .thinkbook .wrap02 li .col01 {color:#099e84} .thinkbook .wrap02 li .col02 {color:#900dff} .thinkbook .wrap02 li .col03 {color:#0ba0ff} .thinkbook .wrap02 li .col04 {color:#ff7200} .thinkbook .wrap02 li .col05 {color:#ee25a5} .thinkbook .wrap02 li .col06 {color:#4b8402} .thinkbook .wrap03 {margin-top:20px; padding:10px; border-radius:5px; background:#f78320; position:relative} .thinkbook .wrap03 .box01 {border-radius:5px; background:#fff; width:302px; padding:10px; box-sizing:border-box} .thinkbook .wrap03 .box01 li {float:left; text-align:center} .thinkbook .wrap03 .img {position:absolute; top:35px; right:10px} /* 뽐므쁘리 미술 2세 */ .pomme .wrap01 .img {float:left; margin-right:20px} .pomme .wrap01 .box {float:left} .pomme .wrap01 .box .stbox {border-radius:10px; overflow:hidden; border:1px solid #cacaca; margin-bottom:20px} .pomme .wrap01 .box .stbox .tit {font-size:28px; font-weight:500; color:#fff; padding:10px 20px} .pomme .wrap01 .box .stbox .tit span {font-size:21px} .pomme .wrap01 .box .stbox ul {padding:10px 20px} .pomme .wrap01 .box .stbox li {font-size:18px; background:url(../images/sub/pomme_blt.gif) no-repeat 0 10px; padding-left:20px; line-height:180%; color:#3f3f3f} .pomme .wrap01 .box .st0 {margin-top:113px} .pomme .wrap01 .box .st0 .tit {background:#ff9228} .pomme .wrap01 .box .txt {border-top:2px solid #646464; border-bottom:1px solid #a4a4a4; padding:15px; font-size:17px;} .pomme .wrap01 .box .txt span {font-size:19px; color:#ff6701; font-weight:500} .pomme .wrap02 {margin-top:30px} .pomme .wrap02 .box {border-radius:5px; border:4px solid #e3e3e3; padding:10px; margin-top:10px} .pomme .wrap02 .box p {float:left; width:50%; text-align:center; position:relative} .pomme .wrap02 .box p:first-child::before {content:''; display:block; background:url(../images/sub/repeat_y.gif) repeat-y; width:1px; height:230px; position:absolute; right:0; top:10px} /* 시찌따 2세 */ .sigg .songwrap {background:url(../images/sub/sigg_bg.gif) no-repeat; width:910px; height:251px; position:relative} .sigg .songwrap dl {padding:60px 0 0 30px; width:518px; box-sizing:border-box} .sigg .songwrap dl dt {text-align:center; margin-bottom:40px} .sigg .songwrap dl dd {font-size:16px; color:#0e344c} .sigg .songwrap::before {content:''; display:block; background:url(../images/sub/sigg_img01.png) no-repeat; width:318px; height:309px; position:absolute; right:35px; bottom:0} .sigg .subtit {margin:45px 0 15px} .sigg .wrap02 {border-radius:5px; border:5px solid #e6e6e6; padding:15px 20px} /* 표정 */ .exp .wrap01 {border-radius:5px; padding:20px; font-size:14px; border:1px solid #cacaca; background:url(../images/sub/exp_bg.png) no-repeat right bottom} .exp .wrap01 .tit {margin-bottom:20px} .exp .wrap01 .box {border-radius:5px; border:5px solid #e4e4e4; width:622px; background:#fff; padding:10px 15px; line-height:190%; margin-top:13px} .exp .wrap01 .box .col01 {color:#1276ff; font-size:15px; font-weight:500} .exp .wrap01 .box .col02 {color:#ff2c8f; font-size:15px; font-weight:500} .exp .wrap01 .box .col03 {color:#52a707; font-size:15px; font-weight:500} .exp .wrap01 .box .col04 {color:#ff7214; font-size:15px; font-weight:500} .exp .wrap01 .box .col05 {color:#a81bea; font-size:15px; font-weight:500} .exp .wrap02 {margin-top:20px } .exp .wrap02 li {margin-bottom:20px} .exp .wrap02 li p {padding:15px 15px 21px; border-top:1px solid #c5c5c5; background:url(../images/sub/line-rx.gif) repeat-x bottom; margin-top:10px; font-size:14px; font-weight:400; color:#282828} .exp .wrap03 {border:5px solid #e5e5e5; border-radius:5px; padding:14px} .exp .wrap03 li {float:left} .exp .subtitle {margin:10px 0} /* 플레이팩토키즈 */ .plk .txtbox {background:url(../images/sub/plk_bg.gif) no-repeat bottom; padding:20px 0 0 30px; height:200px; box-sizing:border-box} .plk .txtbox li {font-size:15px; background:url(../images/sub/plk_blt.gif) no-repeat 0 5px; padding-left:20px; margin-bottom:20px} .plk .txtbox li .col01 {color:#ff620c} .plk .txtbox li .col02 {color:#61ab00} .plk .txtbox li .col03 {color:#187fff} /* 시찌다 */ .sigg .songwrap02 {background:url(../images/sub/sigg_bg02.gif) no-repeat; width:910px; height:207px; margin-top:50px} .sigg .songwrap02 dl {padding:35px 0 0 20px; width:547px; box-sizing:border-box} .sigg .songwrap02 dt {text-align:center; margin-bottom:30px} .sigg .songwrap02 dd {font-size:16px; color:#1a1a1a} .sigg .wrap03 {border-radius:5px; border:5px solid #e6e6e6; padding:15px 10px} /* 오르다 수정 */ #eduProgram02.orda ul.programChart li div.textBox .txt {font-size:14px; line-height:160%; font-family:"NSK"; padding-left:15px; margin-top:10px} #eduProgram02.orda ul.programChart .program_01 .txt {background:url(../images/sub/orda_blt01.gif) no-repeat 0 7px} #eduProgram02.orda ul.programChart .program_02 .txt {background:url(../images/sub/orda_blt02.gif) no-repeat 0 7px} #eduProgram02.orda ul.programChart .program_03 .txt {background:url(../images/sub/orda_blt03.gif) no-repeat 0 7px} #eduProgram02.orda ul.programChart .program_01 .colortxt {color:#617a09; font-weight:500} #eduProgram02.orda ul.programChart .program_02 .colortxt {color:#d57408; font-weight:500} #eduProgram02.orda ul.programChart .program_03 .colortxt {color:#f0355d; font-weight:500} /* 뽐므쁘리미술 3,4세 */ .pomme .wrap01 .box .st1 .tit {background:#8fc237} .pomme .wrap01 .box .st2 .tit {background:#f36fa7} /* 모블로 코딩 */ .moblo .mowrap01 .tit {text-align:center} .moblo .mowrap01 .txt {font-size:16px; line-height:180%; border-radius:5px; padding:15px 0; border:5px solid #d7d7d7; text-align:center; color:#272727} .moblo .mowrap02 {padding:40px 30px 45px 470px; background:url(../images/sub/moblo_img.gif) no-repeat 0 15px; position:relative} .moblo .mowrap02::before {content:''; display:block; background:url(../images/sub/moblo_img02.png) no-repeat; width:168px; height:73px; position:absolute; right:10px; bottom:-5px} .moblo .mowrap02 .tit {margin-bottom:15px} .moblo .mowrap02 .txt {font-size:16px; color:#272727; line-height:180%} .moblo .mowrap03 .box {background:url(../images/sub/moblo_bg.gif) no-repeat 0 0; width:910px; height:287px; position:relative} .moblo .mowrap03 .tit {text-align:center; border-radius:5px; background:#3bb3b4; padding:10px 0} .moblo .mowrap03 .box dl dt, .moblo .mowrap03 .box dl dd {position:absolute} .moblo .mowrap03 .box dl dd {font-size:14px; color:#2b2b2b; text-align:center} .moblo .mowrap03 .box dl dd span {font-weight:600} .moblo .mowrap03 .box .t01 dt {left:265px; top:40px} .moblo .mowrap03 .box .t01 dd {left:225px; bottom:10px} .moblo .mowrap03 .box .t02 dt {right:220px; top:40px} .moblo .mowrap03 .box .t02 dd {right:200px; bottom:10px} /* 책오름 */ .bookorm {margin-top:35px; font-family:'NSK'} .bookorm .wrap01 .box {padding:20px; border-radius:5px; border:1px solid #ffbc93; position:relative; background:url(../images/sub/bookorm_img01.gif) no-repeat center 40px} .bookorm .wrap01 .title {margin-bottom:20px} .bookorm .wrap01 .box .subtit {position:absolute; width:630px; top:-20px; left:130px; border-radius:5px; padding:10px; background:#ff5911; text-align: center} .bookorm .wrap01 .box .txt {margin-top:370px; padding:15px; border-radius:5px; background:#eee; text-align:center; font-size:15px; color:#292929; font-weight:400} .bookorm .wrap01 .box .txt span {color:#ff5d15; font-weight:500} .bookorm .wrap02 {margin-top:25px} .bookorm .wrap02 .box {padding:20px; border-radius:5px; border:1px solid #85d5fb; position:relative} .bookorm .wrap02 .box::before {content:''; display:block; background:url(../images/sub/bookorm_img02.png) no-repeat; width:335px; height:193px; position:absolute; right:35px; top:45px} .bookorm .wrap02 .title {margin-bottom:20px} .bookorm .wrap02 .box .subtit {position:absolute; width:630px; top:-20px; left:130px; border-radius:5px; padding:10px; background:#11b3ff; text-align: center} .bookorm .wrap02 .box .list {margin:50px 0 50px 15px} .bookorm .wrap02 .box .list li {background:url(../images/sub/bookorm_blt.gif) no-repeat 0 10px; line-height:200%; font-size:17px; color:#2a2a2a; padding-left:20px} .bookorm .wrap02 .box .txt {padding:15px; border-radius:5px; background:#eee; text-align:center; font-size:15px; color:#292929; font-weight:400} .bookorm .wrap02 .box .txt .str {font-size:18px; font-weight:500} .bookorm .wrap02 .box .txt .col {color:#1165ff; font-weight:500} /* 키즈스쿨 */ .hangul .box01 {background:url(../images/sub/hangul_bar.gif) no-repeat bottom, url(../images/sub/hangul_img01.gif) no-repeat right 20px bottom 35px; padding:10px 0 30px 50px; margin-bottom:20px} .hangul .txtbox {width:335px; height:160px; box-sizing:border-box; padding:10px; border:5px solid #ebebeb; border-radius:5px} .hangul .txtbox > p {font-size:20px; border-radius:5px; padding:9px 0; margin-bottom:10px; text-align:center; color:#fff; font-weight:500} .hangul .txtbox ul {background:#efefef; border-radius:5px; padding:10px} .hangul .txtbox ul li {padding-left:25px; background:url(../images/sub/hangul_blt.gif) no-repeat 0 10px; line-height:180%; font-size:15px} .hangul .txtbox .st01 {background:#b07be2} .hangul .txtbox .st02 {background:#56752e} .hangul .txtbox .st03 {background:#ea317f} .hangul .txtbox .st04 {background:#3987fd} .hangul .imgname {padding-left:60px} .hangul .box02 > ul > li {float:left; width:33.3%} .hangul .box02 .bookimg {text-align:center} .hangul .box02 .txtbox {width:289px; margin:10px auto 0} /* tam q */ .tamq {padding-bottom:50px} .tamq .subtit {margin:30px 0 20px} .tamq .bookqwrap {background:url(../images/sub/tamq_kidimg.gif) no-repeat right top; padding-bottom:25px} .tamq .bookqwrap ul {margin-top:15px; border-radius:5px; border:5px solid #e9e9e9; padding:15px 25px; width:610px; box-sizing:border-box} .tamq .bookqwrap ul li {font-size:16px; background:url(../images/sub/tamq_blt.gif) no-repeat 0 10px; line-height:180%; padding-left:20px; color:#393939} .tamq .progtit {padding:7px 0; border-radius:5px; background:#2d9aff; margin-bottom:5px} .tamq .progwrap > div {padding:15px 0; border-bottom:1px solid #cdcdcd; position:relative; min-height:141px; box-sizing:border-box} .tamq .progwrap > div .prosubtit {margin-top:5px} .tamq .progwrap > div .txt {padding-left:35px; font-size:15px; color:#393939; line-height:150%; margin-top:10px} .tamq .progwrap > div .img {position:absolute; right:15px; top:8px} /* 누리나래 */ .nuri .wrap01 {background:url(../images/sub/nuri_bg.gif) no-repeat left top; padding-top:15px; margin-bottom:40px} .nuri .wrap01 .ballbox {margin-top:145px} .nuri .wrap01 .ballbox > ul > li {float:left; width:20%} .nuri .wrap01 .ballbox > ul > li > div {width:176px; text-align:center; margin:0 auto } .nuri .wrap01 .ballbox > ul > li > div dt {font-size:18px; font-weight:600; color:#7a35eb; margin:3px 0} .nuri .wrap01 .ballbox > ul > li > div dd {font-size:13px; font-weight:400; color:#2e2e2e} .nuri .nuritoy .tit {border-radius:5px; background:#2a78e2; text-align:center; margin-bottom:20px} .nuri .nuritoy p.subtit {font-size:18px; font-weight:600; color:#303030; background:url(../images/sub/nuri_blt.gif) no-repeat 10px center; padding-left:30px} .nuri .nuritoy .imgbox {border-radius:5px; border:1px solid #cdcdcd; padding:5px 0; margin:15px 0} .nuri .nuritoy .imgbox li {float:left} .nuri .nuritoy .imgbox.box02 li {width:50%; text-align:center} .nuri .nuritoy .imgbox.box02 {background:url(../images/sub/plusbtn.gif) no-repeat center} .nuri .nuritoy .imgbox.box02 li p {font-size:14px; font-weight:600; color:#3b3b3b} .nuri .nuritoy .subtit02 {width:337px; text-align:center; font-size:16px; font-weight:500; color:#fff; background:#ff6d15; margin:5px 0 5px 10px} .nuri .nuritoy .imgbox.box03 {padding:15px 80px} .nuri .nuritoy .imgbox.box03 li {width:33.3%; box-sizing:border-box; text-align:center} .nuri .nuritoy .imgbox.box03 li > div {width:205px; border:1px solid #cdcdcd; border-radius:5px; margin:0 auto; padding-top:10px} .nuri .nuritoy .imgbox.box03 li dt {font-size:15px; font-weight:600; color:#23063a} .nuri .nuritoy .imgbox.box03 li dd {font-size:14px; font-weight:400; padding:5px 0} .nuri .nuritoy .imgbox.box04 {padding:10px 40px} .nuri .nuritoy .imgbox.box04 li {width:20%; text-align:center} /* 레고프로그램 */ .legopro {padding-bottom:30px} .legopro .legowrap .subtitle {width:163px; height:42px; line-height:42px; text-align:center; border-radius:50px; background:#ff9415; color:#fff; font-size:21px; font-weight:600; margin:0 auto; box-shadow:2px 3px 0 rgba(0, 0, 0, 10%)} .legopro .legowrap {height:700px; background:url(../images/sub/lego_bg.gif) no-repeat center bottom; position:relative} .legopro .legowrap > div {position:absolute; text-align:center} .legopro .legowrap > div dt {border-bottom:1px solid #fff} .legopro .legowrap > div dd {color:#fff; font-size:15px; font-weight:400; margin-top:10px; letter-spacing:-0.5px} .legopro .legowrap .box01 {top:165px; left:360px} .legopro .legowrap .box02 {top:333px; left:519px} .legopro .legowrap .box03 {bottom:110px; left:360px} .legopro .legowrap .box04 {top:333px; left:195px} /* 아트컨트롤 */ .artpro {padding-bottom:30px} .artpro .artsubtitle {margin:45px 0} .artpro .artwrap01 {border-radius:10px; border:3px solid #ff8b19; padding:25px} .artpro .artwrap01 .tit {color:#fff; border-radius:10px; background:#ff8b19; width:158px; height:38px; line-height:38px; text-align:center; font-size:18px; font-weight:500; margin:-45px auto 0} .artpro .artwrap01 > div {float:left; text-align:center; margin-top:15px} .artpro .artwrap01 .box01 {width:65%; border-right:1px solid #ccc; box-sizing:border-box} .artpro .artwrap01 .box02 {width:35%} .artpro .artwrap01 > div p {font-size:15px; font-weight:400; color:#000; line-height:160%; margin:10px 0 0} .artpro .artwrap02 {margin:35px 0; padding-bottom:15px; border-bottom:1px solid #5d5d5d} .artpro .artwrap02 p {text-align:center; font-size:18px; font-weight:600; color:#373737} .artpro .artwrap02 p span {padding:0 35px; background:url(../images/sub/artblt01.gif) no-repeat left center, url(../images/sub/artblt02.gif) no-repeat right center} .artpro .artwrap03 {height:690px; position:relative} .artpro .artwrap03 img {text-align:center; padding-top:80px} .artpro .artwrap03 > p {font-size:15px; font-weight:400; padding:10px 0; text-align:center; line-height:130%; position:absolute} .artpro .artwrap03 .txt01 {border-top:1px solid #03c0f2; border-bottom:3px solid #03c0f2; color:#00b0df; top:15px; left:380px} .artpro .artwrap03 .txt02 {border-top:1px solid #e60012; border-bottom:3px solid #e60012; color:#e60012; top:210px; left:0} .artpro .artwrap03 .txt03 {border-top:1px solid #ee7318; border-bottom:3px solid #ee7318; color:#ee7318; bottom:20px; left:55px} .artpro .artwrap03 .txt04 {border-top:1px solid #658d0f; border-bottom:3px solid #658d0f; color:#658d0f; bottom:58px; right:90px} .artpro .artwrap03 .txt05 {border-top:1px solid #51197d; border-bottom:3px solid #51197d; color:#51197d; top:210px; right:0} /* 독서논술 프로그램 */ .exam {font-size:1.077em} .exam .examwrp {background:url(../images/sub/exam_img01.gif) no-repeat 0 bottom; padding-bottom:310px; text-align:center} .exam .examwrp .txt {margin-top:15px; font-size:1.214em; font-weight:500; color:#0084ff} .exam .examtxtbox {background:url(../images/sub/exam_beline.gif) repeat; border-radius:10px; padding:5px; margin:15px 0} .exam .examtxtbox p {text-align:center; background:#fff; border-radius:10px; padding:25px 0; font-size:18px; font-weight:500; color:#000} .exam .examtxtbox p span {font-weight:600; color:#ff5d1d; font-size:20px; display:block} /* 미술프로그램 */ .ipic .ipicwrp {position:relative} .ipic .ipicwrp .txt {position:absolute; right:45px; bottom:20px} .ipic .ipicwrp02 {margin-top:20px; border-radius:20px; border:3px solid #e3e3e3; padding:25px 0} .ipic .ipicwrp02 > ul > li {float:left; width:50%} .ipic .ipicwrp02 > ul > li > div {width:90%; margin:0 auto} .ipic .ipicwrp02 > ul > li > div > ul > li {background:url(../images/sub/ipic_blt.gif) no-repeat 0 8px; padding-left:10px; font-size:15px} .ipic .ipicwrp02 > ul > li > div > ul {padding:0 0 10px 10px} .ipic .ipicwrp02 > ul > li > div > p {font-size:18px; padding-right:20px; font-weight:600; margin-bottom:15px} .ipic .ipicwrp02 > ul > li > div > p span {display:inline-block; width:81px; border-radius:50px; height:40px; box-sizing:border-box; text-align:center; line-height:40px; margin-right:10px; color:#fff} .ipic .ipicwrp02 .p01 p {color:#ff8208} .ipic .ipicwrp02 .p02 p {color:#ff2371} .ipic .ipicwrp02 .p03 p {color:#038c67} .ipic .ipicwrp02 .p04 p {color:#0c81d3} .ipic .ipicwrp02 .p01 p span {background:#ffa10e} .ipic .ipicwrp02 .p02 p span {background:#ff2e78} .ipic .ipicwrp02 .p03 p span {background:#00a77a} .ipic .ipicwrp02 .p04 p span {background:#109dff} .ipic .ipicwrp02 .p01, .ipic .ipicwrp02 .p02 {margin-bottom:30px} .ipic .ipicwrp02 .p01 > div {background:url(../images/sub/ipic_img01.gif) no-repeat right bottom} .ipic .ipicwrp02 .p02 > div {background:url(../images/sub/ipic_img02.gif) no-repeat right bottom} .ipic .ipicwrp02 .p03 > div {background:url(../images/sub/ipic_img03.gif) no-repeat right bottom} .ipic .ipicwrp02 .p04 > div {background:url(../images/sub/ipic_img04.gif) no-repeat right bottom} .ipic .ipicwrp03 {background:url(../images/sub/ipic_bg.gif) no-repeat right bottom; padding-top:5px; position:relative} .ipic .ipicwrp03 dl {margin-top:20px} .ipic .ipicwrp03 dd {font-size:15px; padding:5px 0 0 30px; font-weight:400; color:#353535; line-height:160%} .ipic .ipicwrp03::before {content:''; display:block; background:url(../images/sub/ipic_bg02.png) no-repeat; width:210px; height:147px; position:absolute; top:-15px; right:315px} /* 행복 프로젝트 */ .hapro .hapwrp01 {margin-top:20px; padding:15px; border:1px solid #d1d1d1; border-radius:10px} .hapro .hapwrp01 .tit {border-radius:50px; background:#ff8420; width:514px; height:37px; line-height:37px; margin:-30px auto 0; text-align:center; font-size:18px; color:#fff; font-weight:500} .hapro .hapwrp01 .tit span {font-size:20px; color:#fff266} .hapro .hapwrp01 .hw01 {padding:10px 0 20px; background:url(../images/sub/hapro_rex.gif) repeat-x bottom; margin-bottom:20px} .hapro .hapwrp01 .hw01 .timg {float:left} .hapro .hapwrp01 .hw01 .txt {float:left; margin-top:40px; padding:20px; border-radius:10px; border:1px solid #ffe58c; background:#fff9da; font-size:15px; font-weight:400; color:#202020; line-height:140%; width:574px} .hapro .hapwrp01 .hw01 .txt span {font-weight:600} .hapro .hapwrp01 .hw01 .txt .c01 {color:#ff194f} .hapro .hapwrp01 .hw01 .txt .c02 {color:#ff620d} .hapro .hapwrp01 .hw01 .txt .c03 {color:#3e75ff} .hapro .hapwrp01 .hw01 .txt .c04 {color:#448900} .hapro .hapwrp01 .hw02 > ul > li {float:left; width:50%} .hapro .hapwrp01 .hw02 > ul > li > div {width:420px; margin:0 auto} .hapro .hapwrp01 .hw02 .tt {border-radius:10px; font-size:18px; font-weight:500; color:#fff; text-align:center; padding:5px 0} .hapro .hapwrp01 .hw02 .i01 .tt {background:#5297ff} .hapro .hapwrp01 .hw02 .i02 .tt {background:#6da52b} .hapro .hapwrp01 .hw02 .img {text-align:center} .hapro .hapwrp01 .hw02 .txt {border-radius:10px; padding:10px; background:#f0f0f0; font-size:14px; box-sizing:border-box; min-height:80px} .hapro .hapwrp01 .hw02 .i01 {position:relative} .hapro .hapwrp01 .hw02 .i01::before {content:''; display:block; height:100%; width:1px; background:#d1d1d1; position:absolute; right:0; top:0} .hapro .haproimgtxt01 {position:relative; height:165px} .hapro .haproimgtxt01 img {position:absolute; top:-40px; left:0} .hapro .hw03 .hapro_subtit {padding-left:40px; font-size:18px; font-weight:600; color:#282828; margin-bottom:10px} .hapro .hw03 .hapro_subtit.hpst01 {background:url(../images/sub/hapro_blt01.gif) no-repeat left center} .hapro .hw03 .hapro_subtit.hpst02 {background:url(../images/sub/hapro_blt02.gif) no-repeat left center} .hapro .hw03 .wolwrp {border-radius:10px; padding:10px 0; border:3px solid #ffe2b0; box-sizing:border-box; margin-bottom:20px} .hapro .hw03 .wolwrp > ul > li {float:left} .hapro .hw03 .wolwrp02 > ul > li {float:left; width:33.3%} .hapro .hw03 .wolwrp02 > ul > li > div {width:297px; margin:0 auto} .hapro .hw03 .wolwrp02 .box {border-radius:0 0 10px 10px; padding:5px; min-height:223px; box-sizing:border-box} .hapro .hw03 .wolwrp02 .st01 .box {border:3px solid #ff9d34; border-top:0; background:url(../images/sub/hapro_stepimg01.gif) no-repeat right bottom 81px} .hapro .hw03 .wolwrp02 .st02 .box {border:3px solid #68d804; border-top:0; background:url(../images/sub/hapro_stepimg02.gif) no-repeat right bottom 81px} .hapro .hw03 .wolwrp02 .st03 .box {border:3px solid #349dff; border-top:0; background:url(../images/sub/hapro_stepimg03.gif) no-repeat right bottom 81px} .hapro .hw03 .wolwrp02 .txt01 {font-size:14px; color:#2f2f2f; padding-left:12px} .hapro .hw03 .wolwrp02 .txt02 {border-radius:10px; background:#f0f0f0; margin-top:74px; font-size:15px; font-weight:500; text-align:center; padding:5px 0} .hapro .hw03 .wolwrp02 .st01 .txt02 {color:#ff6a18; padding:16px 0; margin-top:94px} .hapro .hw03 .wolwrp02 .st02 .txt02 {color:#4f9e09; padding:16px 0; margin-top:94px} .hapro .hw03 .wolwrp02 .st03 .txt02 {color:#147fe3} /* kjh 20221104 컨텐츠 추가 스타일*/ /* 윙스 */ .wings_wrap {clear:both; padding:0 0 30px 0; margin:0;} .wings_box {padding-top:30px} .wings_box.pd_none {padding-top:0} /* 세힘 */ .power_wrap {clear:both; padding:0 0 30px 0; margin:0;} .power_box {padding-top:20px} /* 씽킹 */ .think_wrap {clear:both; padding:0 0 30px 0; margin:0;} .think_box {padding-top:20px}