/* mobile layout */ body{background:url(../../images/site/body_bg.gif) left top repeat-x;} #wrap {position:relative;width:100%} header#mainheader {position:relative;z-index:100;} header#mainheader:after {content:"";display:block;clear:both;} header#mainheader .top {width:98%;max-width:1000px; /*height:76px;*/margin:0 auto;position:relative;} /************************************20160426 수정 시작**************************************************/ header#mainheader h1 {text-align:center;padding:5px 0 5px 0;font-size:1.917em; color:#393636; font-weight:normal; line-height:150%; font-family:CGC} header#mainheader h1 img{vertical-align:text-top; margin-top:-5px;} header#mainheader h1 a span{padding:8px 0 0 5px; display:inline-block; *display:inline; zoom:1;} /************************************20160426 수정 끝**************************************************/ /*로그인을 하지않은경우 */ .top .loginNo_box {position:relative;margin:10px 0; height:40px;} .qmenu { float:right; padding:0 0 10px 0;} .qmenu ul.qmn>li {float:left; margin:0 0 0 2px;} .qmenu ul.qmn>li span {position:absolute; top:-20000px; left:-20000px; width:1px; height:1px;} .loginBtn {background:#f3f3f3 url(../../images/site/loginBtn.gif) center no-repeat; width:55px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .loginBtn a {display:block; text-align:center; padding:15px 10px 24px 10px; font-size:0;} .logoutBtn {background:#f3f3f3 url(../../images/site/logoutBtn.gif) center no-repeat; width:55px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .logoutBtn a {display:block; text-align:center; padding:15px 10px 24px 10px; font-size:0;} .classbtn {background:#ffffff url(../../images/site/classbtn.gif) center no-repeat; width:55px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .classbtn a {display:block; text-align:center; padding:15px 10px 24px 10px; font-size:0;} .joinBtn {background:#ffffff url(../../images/site/joinBtn.gif) center no-repeat; width:50px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .joinBtn a {display:block; padding:15px 10px 24px 10px;font-size:0;} /*로그인 후 학급에 가입하지 않은 경우 */ .top .loginAfterCno_box {position:relative;margin:10px 0; height:40px; } .top .loginAfterCno_box:after {content:"";display:block;clear:both;} .top .loginAfterCno_box p.ct_t {float:left;padding:10px 0 0 0;} .top .loginAfterCno_box p.ct_t span.mname {text-decoration:underline;} .top .loginAfterCno_box>ul { position:absolute;right:0;top:0; } .top .loginAfterCno_box>ul>li {float:left; margin:0 0 0 2px;} /*로그인 후 학급회원인 경우 */ .top .loginAfterCyes_box {position:relative;margin:10px 0; height:40px;} .top .loginAfterCyes_box:after {content:"";display:block;clear:both;} .top .loginAfterCyes_box p.ct_t {float:left;padding:10px 0 0 0;} .top .loginAfterCyes_box p.ct_t span.mname {text-decoration:underline;} .top .loginAfterCyes_box>ul { position:absolute;right:0;top:0; } .top .loginAfterCyes_box>ul>li {float:left; margin:0 0 0 2px;} /* section */ section#content {float:left;width:100%;position:relative;box-sizing:border-box; background:#fff;z-index:50;} section#content .contWrap {width:98%;min-width:320px; max-width:1000px; padding:0; margin:0 auto;position:relative;} section#content .contWrap:after {content:""; display:block;clear:both;} /*비쥬얼 */ /*.visual_cover { position:absolute;left:0;top:0;width:100%; height:145px;background:rgba(0, 0, 0, 0.15); z-index:5; display:none;}*/ .visual_cover { position:absolute;left:0;top:0;width:100%; background:rgba(0, 0, 0, 0.15); z-index:5;} section#content .visual { position:relative; } section#content .visualImg {position:relative;width:100%;} section#content .visualImg li span.pvimg {width:100%;display:none;} section#content .visualImg li span.mvimg {width:100%;display:block;} section#content .visualImg li span.tvimg {width:100%;display:none;} section#content .visualImg li img {width:100%;} section#content .visual .visualtxt { position:absolute; left:10px; bottom:35px;z-index:10; } section#content .visual .visualtxt:after {content:""; display:block;clear:both;} section#content .visual .visualtxt li.vtxt01 {display:none;padding:0 0 10px 0; margin:0;font-size:2.3em;} section#content .visual .visualtxt li.vtxt02 { display:block;margin:0; font-size:1.25em; font-family:NSK; } p.skinbtn { position:absolute; right:10px; bottom:45px;z-index:10;} p.skinbtn button { display:inline-block; background:#222222; color:#fff; padding:0 20px 0 20px;height:28px; line-height:24px;.line-height:16px; border:#c9cbc9 solid 1px;} /*메뉴 20160317*/ .gnbDiv {width:100%;clear:both;position:relative;float:left; background:#fff; } #gnb .gnbBox {background:#fff;} ul.gnbList {width:auto;border-right:#d5d8dd solid 1px;border-left:#d5d8dd solid 1px;*zoom:1;} ul.gnbList:after {content:""; display:block; clear:both;} ul.gnbList>li { position:relative;float:left; } ul.gnbList>li>a { display:block;text-align:center; padding:23px 0 22px 0; font-size:1.2em;} ul.gnbList>li.alrim { width:33.33%;background:url(../../images/site/gray_line.gif) right top repeat-y;} ul.gnbList>li.alrim:hover a {color:#f65700; font-weight:bold;} ul.gnbList li.time { display:block;width:33.33%;} ul.gnbList>li.time:hover a { color:#f65700; font-weight:bold;} ul.gnbList li.board {background:url(../../images/site/gray_line.gif) left top repeat-y;} ul.gnbList li.board_width0 {width:100%} ul.gnbList li.board_width1 {width:66.66%} ul.gnbList li.board_width2 {width:33.33%} ul.gnbList li.board:hover>a {color:#f65700; font-weight:bold; } ul.gnbList li.board span { position:absolute;right:10px;top:20px;} ul.gnbList li.board span a { display:inline-block; width:19px;} .naviSub { position:absolute;left:0;top:57px; z-index:100;width:100%;background:#fff url(../../images/site/gray_line.gif) left top repeat-y;border-bottom:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;display:none;} .naviSub>ul>li { border-bottom:#CCC dashed 1px;} .naviSub>ul>li:last-child { border-bottom:0;} .naviSub>ul>li>a { display:block; padding:10px 0 10px 5%;} .naviSub>ul>li:hover { background:#7c8f9a;} .naviSub>ul>li:hover a {color:#fff;} /* 메인 : 최신 게시물 표시 */ #foldList{ padding:0; margin:15px 0 0 0; border:1px solid #2090B0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; box-shadow:0 1px 2px 0 #9b9b9b; -webkit-box-shadow:0 1px 2px 0 #9b9b9b ;-moz-box-shadow:0 1px 2px 0 #9b9b9b; -o-box-shadow:0 1px 2px 0 #9b9b9b; } #foldList div.topTit{border-bottom:1px solid #bebebe; padding:15px 20px 15px 20px; position:relative; background:url(../../images/site/main_recent.gif) no-repeat 20px center; } #foldList div.topTit h3{width:auto; font-size:1.417em; font-weight:normal; font-family:NSK; padding:0 0 0 30px;} /*content */ section#content .cont_Left {clear:both; position:relative;border-bottom:#d5d8dd solid 1px; z-index:200;*zoom:1;} section#content .cont_Left:after {content:""; display:block; clear:both;} section#content .cont_01 {clear:both; width:100%; position:relative; z-index:100; margin:10px 0 0 0; *zoom:1; } section#content .cont_01:after {content:""; display:block; clear:both;} section#content .cont_02 {clear:both; width:100%; position:relative; margin:0 0 10px 0; *zoom:1; } section#content .cont_02:after {content:""; display:block; clear:both;} /*나의정보 */ section#content #Myinfo { display:none;} /*알림장 */ section#content #Notice {position:relative;clear:both;width:100%;float:left; margin-bottom:10px; } section#content #Notice .noticeBg { width:100%; background:#f06c6c url(../../images/site/Notice_bg.gif) 14px center no-repeat;} section#content #Notice .noticeBg span {display:none;} section#content #Notice h2 {font-family:NSK;font-size:1.333em; font-weight:normal; color:#fff; padding:12px 0 12px 50px;} section#content #Notice p.Notice_more {position: absolute; top:15px; right:14px; } section#content #Notice p.Notice_more a { display:block;width:12px; height:12px;background:url(../../images/site/more.png) left top no-repeat;} section#content #Notice .noticeDiv {width:100%;clear:both;position:relative;float:left;line-height:1.833em;} section#content #Notice .Notice_list {width:auto;border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-bottom:1px solid #d5d8dd;padding:3% 0;} section#content #Notice p.Notice_txt { display:block; background:#f3f3f3;border:#d5d8dd solid 1px; margin:0 2%; padding:5px 0 4px 8px; margin-bottom:8px; font-weight:bold; font-size:1.1em; color:#fb4b4b; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} section#content #Notice p.Notice_txt02 {padding:0 0 0 20px; font-family:NSK; font-size:1.154em} /*검색*/ #searchForm { display:none;} /*게시판출력 */ section#content .free_board {position:relative;clear:both;width:96%;/*float:left;*/margin:10px auto 0 auto; } section#content .free_board .freeboardBg { width:100%; background:url(../../images/site/free_board_bg.gif) 14px center no-repeat;} section#content .free_board h2 {font-family:NSK;font-size:1.333em; font-weight:normal; width:auto; border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-top:1px solid #d5d8dd; border-bottom:#d5d8dd solid 1px; color:#5e5b5b; padding:12px 0 12px 50px;box-sizing:border-box;} section#content .free_board .freebDiv {width:100%;clear:both;position:relative;/*float:left;*/} section#content .free_board .freeb_box {width:auto;border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-bottom:1px solid #d5d8dd;line-height:1.833em; padding:3% 0;*zoom:1;} /*section#content .free_board .freeb_box:after {content:""; display:block; clear:both; height:0;}*/ /*게시판탑 */ section#content .free_board .fb_top { position:relative;background:#f3f3f3; border:#dadada solid 1px; padding:10px;margin:0 2%; } section#content .free_board .fb_top p.ftname span { display:inline-block; background:#6e7071; border:#616465 solid 1px; color:#fff; padding:0 5px 0 5px; margin-right:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} section#content .free_board .fb_top p.ftdate {color:#555553;} section#content .free_board .fb_top .ftbtn { position:absolute;right:10px;top:22px;z-index:10; width:177px;} section#content .free_board .fb_top .ftbtn>ul {float:right; height:22px; width:80px;border:#dadada solid 1px; background:#fff;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} section#content .free_board .fb_top .ftbtn>ul>li {float:left; width:50%; text-align:center;box-sizing:border-box;} section#content .free_board .fb_top .ftbtn>ul>li:first-child {background:url(../../images/site/gray_line.gif) right top repeat-y;} section#content .free_board .fb_top .ftbtn>ul>li>a { display:block;color:#f56945;font-family:NSK; font-size:0.917em;} .fselect { position:relative;float:left;height:23px; width:90px;border:#606264 solid 1px; margin-right:3px;background:#6e7791 url(../../images/site/fselect_arrow.gif) right center no-repeat;box-sizing:border-box; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .fselect .selText_main { position:absolute;left:5px;top:-1px; height:22px; color:#fff;} .fselect .selList {*zoom:1; position:absolute;left:0;top:23px;padding:0 0 5px 0; background:#ffffff; width:100%; border-left:#d9d0d0 solid 1px;border-right:#d9d0d0 solid 1px;border-bottom:#d9d0d0 solid 1px;box-sizing:border-box;} .fselect .selList:after {content:""; display:block; clear:both;} .fselect .selList ul {clear:both;margin-bottom:5px;} .fselect .selList li { position:relative; border-bottom:#dcdcdc solid 1px; } .fselect .selList li a {display:block; padding:3px 0 2px 4px;} .fselect .selList li:hover { background:#ebebeb;} .fselect .selList p.selbtn {clear:both; text-align:center; height:20px; } .selradio_main { position:absolute;right:0;top:8px; width:20px;} /*게시판바디 */ section#content .free_board .fb_body { width:auto; padding:10px 2% 0 2%;} section#content .free_board .fb_body #fb_Area {clear:both;padding:0 0 15px 0; font-family:NSK; font-size:1.154em; line-height:140%} section#content .free_board .fb_body #fb_Area table {border:solid 1px !important; border-collapse:collapse; } section#content .free_board .fb_body #fb_Area table td {border:solid 1px !important;} section#content .free_board .fb_body #fb_Photo p img { width:100%;} section#content .free_board .fb_body .fb_Photo{position:relative; padding:0; margin:0;} /*section#content .free_board .fb_body .fb_Photo p.imgBox{position:relative; z-index:1;} section#content .free_board .fb_body .fb_Photo p.imgBox img { width:100%;} section#content .free_board .fb_body .fb_Photo p.moreBox{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;} section#content .free_board .fb_body .fb_Photo p.moreBox a{display:block; position:absolute; bottom:20px; right:20px; background:#fff; font-weight:600; font-size:1.163em; padding:10px 20px; border:1px solid #000;} section#content .free_board .fb_body .fb_Photo:hover p.moreBox{background:url(../images/board/transBg.png); cursor:pointer;} section#content .free_board .fb_body .fb_Photo:hover p.moreBox a{background:#f06c6c; color:#fff; border-color:#da3131;}*/ section#content .free_board .fb_body .fb_Photo{width:auto; margin:10px 0; padding:0; overflow:hidden; *zoom:1;.padding:10px 0;} section#content .free_board .fb_body .fb_Photo:after {content:""; clear:both; display:block; height:0; visibility:none;} section#content .free_board .fb_body .fb_Photo .swiper-wrapper{height:auto; *zoom:1;} section#content .free_board .fb_body .fb_Photo .swiper-wrapper:after {content:""; clear:both; display:block; height:0; visibility:none;} section#content .free_board .fb_body .fb_Photo .swiper-slide {width:100%; float:left; height:auto;} section#content .free_board .fb_body .fb_Photo .swiper-slide div.photoBox{width:100%; overflow:hidden;text-align:center; line-height:auto; margin:0;} section#content .free_board .fb_body .fb_Photo .swiper-slide div.photoBox img{width:100%;vertical-align:middle;} section#content .free_board .fb_body .fb_Photo ul.slick-dots{text-align:center; padding:9px 0 0 0;} section#content .free_board .fb_body .fb_Photo ul.slick-dots li{display:inline-block; *display:inline; zoom:1; margin:0 2px; height:10px; width:10px;} section#content .free_board .fb_body .fb_Photo ul.slick-dots li button{font-size:0; line-height:0; display:block; width:10px; height:10px; background:url(../../images/board/pt_view_off.png) left top no-repeat; } section#content .free_board .fb_body .fb_Photo ul.slick-dots li.slick-active button{background:url(../../images/board/pt_view_on.png) left top no-repeat; } section#content .free_board .fb_body .fb_Photo button.slick-prev{position:absolute; top:50%; left:0; z-index:5; width:50px; height:40px; margin:-39px 0 0 0; padding:0; font-size:0; line-height:0; text-indent:-2000px; background:url(../../images/board/pt_view_pre.png) left top no-repeat;} section#content .free_board .fb_body .fb_Photo button.slick-next{position:absolute; top:50%; right:0; z-index:5; width:50px; height:40px; margin:-39px 0 0 0; padding:0; font-size:0; line-height:0; text-indent:-2000px; background:url(../../images/board/pt_view_next.png) left top no-repeat;} /*게시판코멘트 */ section#content .free_board .fb_comment { margin:2% 2% 0 2%; } #comment_tit p {font-size:1.1em;font-family:NSK; margin-bottom:5px;} #comment_tit p span {color:#f56945;} #comment_con { background:#f1f1f1; border:#dadada solid 1px; padding:10px;} #comment_con .ct_list { border-bottom:#CCC dashed 1px; padding:0 0 10px 0; margin-bottom:10px;} /*#comment_con .ct_list p.ct_t { position:relative;font-family:NSK;} #comment_con .ct_list p.ct_t span.mclass {display:inline-block; background:#6e7071; border:#616465 solid 1px; color:#fff; padding:0 5px 0 5px; margin-right:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}*/ #comment_con .ct_list p.ct_w { padding:5px 0 0 0;} .delBtn { position:absolute;right:0;top:0;margin:5px 0 0 0; color:#f04d4d; background:none; text-decoration:underline;font-family:NSK; font-size:0.917em; } #comment_con #comment_form ul li:first-child {float:left;width:79%;} #comment_con #comment_form ul li:last-child {float:right;width:18%;} .cform {display:inline-block; background:#fff; border:#c6c6c6 solid 1px; width:100%; height:26px; padding:0 0 4px 4px; line-height:30px; font-size:1.0em; color:#939392;} .cformBtn { display:inline-block; margin-top:0;width:100%; background:#929292;/*padding:9px 0 9px 0;*/height:32px;line-height:28px; color:#fff;font-family:NSK;} /*오늘의 급식 */ section#content #food {position:relative;clear:both;width:100%;float:left; margin-bottom:10px;} section#content #food .foodBg { width:100%;} section#content #food .foodBg h2 {font-family:NSK;font-size:1.333em;padding:12px 0 12px 3%; font-weight:normal; width:auto; border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-top:1px solid #d5d8dd; border-bottom:#d5d8dd solid 1px; color:#5e5b5b;} section#content #food p.food_more {position: absolute; top:15px; right:14px; } section#content #food p.food_more a { display:block;width:12px; height:12px;background:url(../../images/site/food_more.gif) left top no-repeat;} section#content #food .freebDiv {width:100%;clear:both;position:relative;float:left;} section#content #food .food_list {width:auto;line-height:1.833em; padding:3% 2%;border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-bottom:1px solid #d5d8dd;box-sizing:border-box;} section#content #food p.food_txt { display:block; background:#f3f3f3; border:#d5d8dd solid 1px; padding:5px 0 4px 8px; margin-bottom:8px; font-weight:bold; font-size:1.1em; color:#2394e3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} section#content #food p.food_txt02 {padding:0 0 0 8px;line-height:160%; font-family:NSK; font-size:1.154em} /*오늘의 학교행사 */ section#content #calendar {position:relative;clear:both;width:100%;float:left; margin-bottom:10px;*zoom:1;} section#content #calendar .calendarBg { width:100%;} section#content #calendar .calendarBg h2 {font-family:NSK;font-size:1.333em;padding:12px 0 12px 3%; font-weight:normal; width:auto; border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-top:1px solid #d5d8dd; border-bottom:#d5d8dd solid 1px; color:#5e5b5b;} section#content #calendar p.calendar_more {position: absolute; top:15px; right:14px; } section#content #calendar p.calendar_more a { display:block;width:12px; height:12px;background:url(../../images/site/food_more.gif) left top no-repeat;} section#content #calendar .calendarDiv {width:100%;clear:both;position:relative;} section#content #calendar .calendar_list {*zoom:1;width:auto;line-height:1.833em; padding:3% 2%;border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-bottom:1px solid #d5d8dd;} section#content #calendar p.calendar_txt { display:block; background:#f3f3f3; border:#d5d8dd solid 1px; padding:5px 0 4px 8px; margin-bottom:8px; font-weight:bold; font-size:1.1em; color:#2394e3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} section#content #calendar p.calendar_txt02 {padding:0 0 0 8px; line-height:160%; font-family:NSK; font-size:1.154em} /*카운터*/ #count {display:none;} /* 하단 */ footer#footwrap {clear:both;width:100%; padding-bottom:20px; position:relative;background:url(../../images/site/footer_bg.gif) left top repeat-x;} footer#footwrap .foot {width:98%;min-width:320px; max-width:1000px; margin:0 auto;position:relative;} footer#footwrap .mbmenu {float:left;width:100%; height:37px; background:#919394 url(../../images/site/foot_line.gif) left top repeat-y;} footer#footwrap .mbmenu li {width:25%;float:left;text-align:center;background:url(../../images/site/foot_line.gif) right top repeat-y;} footer#footwrap .mbmenu li a {display:inline-block;zoom:1;*display:inline; color:#fff; font-size:1.0em; padding:12px 0 12px 0;} footer#footwrap .mbmenu li:hover { background:#727374;} footer#footwrap address span {clear:both;padding:12px 0 6px 0;color:#222222;line-height:120%; text-align:center; display:block;} footer#footwrap address span:first-child + span {padding:0;color:#666666;} /*게시물 목록형 (18.05.14) */ #NoticeLst{ width:auto; /*background:#f8faff;*/ margin:0 0 10px 0; padding:0; border:1px solid #778ac1; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; box-shadow:0 1px 2px 0 #9b9b9b; -webkit-box-shadow:0 1px 2px 0 #9b9b9b ;-moz-box-shadow:0 1px 2px 0 #9b9b9b; -o-box-shadow:0 1px 2px 0 #9b9b9b; } #NoticeLst div.topTit{border-bottom:1px solid #778ac1; padding:15px 20px 15px 20px; position:relative;} #NoticeLst div.topTit h3{padding:0 0 0 30px; color:#778ac1; font-weight:normal; font-family:NSK; background:url(../../images/site/main_notictBlt.gif) no-repeat left center; font-size:1.417em; } #NoticeLst div.topTit p.moreText{position:absolute; top:15px; right:20px; padding:0; margin:0; color:#778ac1;} #NoticeLst div.topTit p.moreText>a{color:#778ac1;} #NoticeLst div.topTit p.moreText span.moreBox{ display:inline-block; *display:inline; zoom:1; background:#778ac1; color:#fff; line-height:150%; height:18px; padding:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; } #NoticeLst div.topTit p.moreText span.moreBox a{color:#fff; display:block; padding:0 5px;} #NoticeLst div.noticeTb{padding:10px 20px; margin:0; width:auto;} #NoticeLst div.noticeTb ul{padding:0; margin:0;} #NoticeLst div.noticeTb ul li{line-height:150%; padding:3px 0 3px 0;} #NoticeLst div.noticeTb ul li a{display:block; width:auto;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;} #NoticeLst div.noticeTb ul li a span{color:#7b7b78;} #noPageClass{clear:both; padding:0; margin:15px 0;} #noPageClass div{width:auto; padding: 0; text-align:center; font-size:2em; color:#fff; border:1px solid #d5d8dd; border-bottom:2px solid #d5d8dd; line-height:150%; height:490px; background:url(../../images/site/noPageClass_bg3.gif) no-repeat center top; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; } #noPageClass div p{padding:189px 0 0 0; margin:0;} /* mobile layout */ @media only screen and (min-width:0) and (max-width:767px){ /* 학급목록 리스트 */ /*#wrap {margin-left:-200px;}*/ /* #classBox {background:rgba(0, 0, 0, 0.60); background:#45494c; .filter:alpha(opacity=90); opacity:0.6; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); width:200px; height:100%; position:fixed; top:0; right:0;color:#fff; z-index:100;display:none; } */ #classBox {background:rgba(0, 0, 0, 0.60); background:#45494c; .filter:alpha(opacity=90); /*opacity:0.6; */-ms-filter:alpha(opacity=100); filter:alpha(opacity=100); width:200px; height:80px;position:absolute; top:-65px; right:-207px;color:#fff; z-index:100; display:none; } #classBox div.classBox_txt { position:absolute; top:0; left:0; z-index:100; width:100%; border-bottom:1px solid #9ea0a3;} #classBox div.classBox_txt a {display:block;color:#fff; font-size:2.000em;padding:26px 0 25px 0; background:url(../../images/site/mb_mn_close.png) 94% center no-repeat ; text-align:center;} #classBox ul.classList {clear:both;position:absolute;top:76px; left:0;width:100%; background:#55585b; } #classBox ul.classList>li {text-align:left; width:100%; font-size:1.333em;font-family:NSK;.margin:0;} #classBox ul.classList>li>a {display:block;color:#fff; border-bottom:1px solid #a1a3a4; padding:14px 0 12px 17px; .padding:0 0 0 17px;.line-height:36px;.margin:0;.height:36px; } #classBox ul.classList>li:hover>a {background:#95a1c5;} /*학급목록 리스트 서브메뉴 */ #classBox ul.classList li .classSub {display:none;.margin:0;} #classBox ul.classList li .classSub>ul {background:#6b707f;.margin:0;} #classBox ul.classList li .classSub>ul>li {font-size:0.813em; background:#6b707f url(../../images/site/classSub_dot.gif) right top no-repeat ;border-bottom:1px solid #a1a3a4;.line-height:36px;.margin:0;.height:36px;} #classBox ul.classList li .classSub>ul>li>a {display:block;color:#fff; padding:13px 0 11px 17px; .padding:0 0 0 17px;.line-height:36px;.margin:0;.height:36px;} #classBox ul.classList li .classSub>ul>li>a:hover {background:#505668 url(../../images/site/classSub_dot_on.gif) right top no-repeat ;} } /* tablet layout */ @media only screen and (min-width:768px) and (max-width:1024px) { /*비쥬얼 */ /*.visual_cover { position:absolute;left:0;top:0;width:100%; height:145px;background:rgba(0, 0, 0, 0.15); z-index:5; display:none;}*/ .visual_cover { position:absolute;left:0;top:0;width:100%; background:rgba(0, 0, 0, 0.15); z-index:5;} section#content .visual { position:relative; } section#content .visualImg {position:relative;width:100%;} section#content .visualImg li span.pvimg {width:100%;display:none;} section#content .visualImg li span.mvimg {width:100%;display:none;} section#content .visualImg li span.tvimg {width:100%;display:block; .margin-top:-6px; } section#content .visualImg li img {width:100%;} section#content .visual .visualtxt { position:absolute; left:10px; bottom:35px;z-index:10; } section#content .visual .visualtxt:after {content:""; display:block;clear:both;} section#content .visual .visualtxt li.vtxt01 {display:none;padding:0 0 15px 0; margin:0;font-size:3.750em;} section#content .visual .visualtxt li.vtxt02 { display:block;margin:0; font-size:1.600em; font-family:NSK;} /*스킨변경 버튼*/ p.skinbtn { position:absolute; right:10px; bottom:20px;z-index:10;} p.skinbtn button { display:inline-block; background:#222222; color:#fff; padding:0 30px 0 30px;height:34px; .line-height:30px; border:#c9cbc9 solid 1px;} /*로그인을 하지않은경우 */ .top .loginNo_box .qmenu { float:right; padding:0 0 0 0;} /*로그인 후 학급에 가입하지 않은 겨우 */ .top .loginAfterCno_box {position:relative;margin:10px 0 15px 0; } .top .loginAfterCno_box ul { position:absolute;right:0;top:3px; } /*로그인 후 학급회원인 경우 */ .top .loginAfterCyes_box {position:relative;margin:10px 0 15px 0; } .top .loginAfterCyes_box ul { position:absolute;right:0;top:3px; } /*탑메뉴버튼 */ .qmenu { float:right; padding:20px 0 0 0;} .qmenu>ul>li { position:relative;float:left; margin:0 0 0 4px; } .qmenu>ul li.loginBtn span {position:absolute; top:12px; left:28px; width:auto; height:auto; font-size:1.083em;font-family:NSK;} .qmenu>ul li.logoutBtn span {position:absolute; top:12px; left:15px; width:auto; height:auto; font-size:1.083em;font-family:NSK;} .qmenu>ul li.classbtn span {position:absolute; top:12px; left:15px; width:auto; height:auto; font-size:1.083em;font-family:NSK;} .qmenu>ul li.joinBtn span {position:absolute; top:12px; left:15px; width:auto; height:auto; font-size:1.083em;font-family:NSK;} .loginBtn {background:#f3f3f3 url(../../images/site/loginBtn.gif) 90% center no-repeat; width:110px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .loginBtn a {display:block; text-align:left; padding:17px 10px 24px 10px;.line-height:18px; font-size:13px;} .logoutBtn {background:#f3f3f3 url(../../images/site/logoutBtn.gif) 90% center no-repeat; width:110px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .logoutBtn a {display:block; text-align:left; padding:17px 10px 24px 10px;.line-height:18px; font-size:13px;} .classbtn {background:#ffffff url(../../images/site/classbtn.gif) 90% center no-repeat; width:110px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .classbtn a {display:block; text-align:center; padding:15px 10px 24px 10px;.line-height:18px; font-size:13px;} .joinBtn {background:#ffffff url(../../images/site/joinBtn.gif) 90% center no-repeat; width:110px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .joinBtn a {display:block; text-align:center; padding:15px 10px 24px 10px;.line-height:18px; font-size:13px;} /*메뉴 */ ul.gnbList {width:auto;border-right:#d5d8dd solid 1px;border-left:#d5d8dd solid 1px;*zoom:1;} ul.gnbList:after {content:""; display:block; clear:both;} ul.gnbList>li { position:relative;float:left; } ul.gnbList>li>a { display:block;text-align:center; padding:23px 0 22px 0; font-size:1.2em;} ul.gnbList>li.alrim { width:33.33%;background:url(../../images/site/gray_line.gif) right top repeat-y;} ul.gnbList>li.alrim a {background:url(../../images/site/alrim.gif) 10% center no-repeat;} ul.gnbList>li.alrim:hover a {background:url(../../images/site/alrim_on.gif) 10% center no-repeat; color:#f65700; font-weight:bold;} ul.gnbList li.time { display:block;width:33.33%;} ul.gnbList>li.time a {background:url(../../images/site/time.gif) 10% center no-repeat;} ul.gnbList>li.time:hover a {background:url(../../images/site/time_on.gif) 10% center no-repeat; color:#f65700; font-weight:bold;} ul.gnbList li.board {background:url(../../images/site/gray_line.gif) left top repeat-y;} ul.gnbList li.board_width0 {width:100%} ul.gnbList li.board_width1 {width:66.66%} ul.gnbList li.board_width2 {width:33.33%} ul.gnbList li.board>a {background:url(../../images/site/board.gif) 20% center no-repeat; } ul.gnbList li.board:hover>a {background:url(../../images/site/board_on.gif) 20% center no-repeat; color:#f65700; font-weight:bold; } ul.gnbList li.board span { position:absolute;right:10px;top:20px;} ul.gnbList li.board span a { display:inline-block; width:19px;} /*content */ #cont_box {float:left;width:100%; position:relative; margin:0; *zoom:1; min-height:500px; } section#content .cont_01 {clear:none; right:0;top:0; position:absolute; width:30%; margin:10px 0 0 0; *zoom:1; } section#content .cont_01:after {content:""; display:block; clear:both;} section#content .cont_02 {clear:none;width:auto; margin:0 0 10px 0; position:relative; *zoom:1; } section#content .cont_02:after {content:""; display:block; clear:both;} /* 알림장이 없을 경우 해당 클래스 삭제 */ .mright {margin-right:31.3% !important;} /*알림장 */ section#content #Notice {position:relative;clear:both;width:100%;float:left; margin-bottom:10px; } section#content #Notice .noticeBg { -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } section#content #Notice h2 {font-family:NSK;font-size:1.333em; font-weight:normal; color:#fff; padding:12px 0 12px 50px;} section#content #Notice .noticeBg span {display:block;position: absolute; top:10px; right:14px; } section#content #Notice p.Notice_more {display:none;} section#content #Notice .noticeDiv {width:100%;clear:both;position:relative;float:left;line-height:1.833em; } section#content #Notice .Notice_list {width:auto;border:0;border-left:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px;padding:3% 0 6% 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:0 0 8px 8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } section#content #Notice p.Notice_txt { display:block; background:#fff;border:0; margin:0 2%; padding:5px 0 4px 0; text-align:center; margin-bottom:4px; font-weight:bold; font-size:1.1em; color:#fb4b4b; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*오늘의 급식 */ section#content #food {position:relative;clear:both;width:100%;float:left; margin-bottom:10px;} section#content #food .foodBg { width:100%;} section#content #food .foodBg h2 {font-family:NSK;font-size:1.333em;padding:12px 0 12px 3%; font-weight:normal; width:auto; border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd; border-top:1px solid #d5d8dd; border-bottom:#d5d8dd solid 1px; color:#5e5b5b; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } section#content #food p.food_more {position: absolute; top:15px; right:14px; } section#content #food p.food_more a { display:block;width:12px; height:12px;background:url(../../images/site/food_more.gif) left top no-repeat;} section#content #food .freebDiv {width:100%;clear:both;position:relative;float:left;} section#content #food .food_list {width:auto;line-height:1.833em; padding:3% 2% 8% 2%;border:0;border-left:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } section#content #food p.food_txt { display:block; background:#fff; border:0; padding:5px 0 4px 0; text-align:center; margin-bottom:4px; font-weight:bold; font-size:1.1em; color:#2394e3; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*오늘의 학교행사 */ section#content #calendar {position:relative;clear:both;width:100%;float:left; margin-bottom:10px;*zoom:1;} section#content #calendar .calendarBg { width:100%;} section#content #calendar .calendarBg h2 {font-family:NSK;font-size:1.333em;padding:12px 0 12px 3%; font-weight:normal; width:auto; border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd; border-top:1px solid #d5d8dd; border-bottom:#d5d8dd solid 1px; color:#5e5b5b; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;} section#content #calendar p.calendar_more {position: absolute; top:15px; right:14px; } section#content #calendar p.calendar_more a { display:block;width:12px; height:12px;background:url(../../images/site/food_more.gif) left top no-repeat;} section#content #calendar .calendarDiv {width:100%;clear:both;position:relative;} section#content #calendar .calendar_list {*zoom:1;width:auto;line-height:1.833em; padding:3% 2% 8% 2%;border:0;border-left:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px; -webkit-border-radius:8px 8px 0 0; border-radius:0 0 8px 8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } section#content #calendar p.calendar_txt { display:block; background:#fff; border:0; padding:5px 0 4px 0; text-align:center; margin-bottom:4px; font-weight:bold; font-size:1.1em; color:#2394e3; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*전체공개버튼*/ .fselect .selText_main { position:absolute;left:5px;top:2px; margin-top:0px; line-height:18px; color:#fff;} /* 학급목록 리스트 */ /*#wrap {margin-left:-200px;}*/ /*#classBox {background:rgba(0, 0, 0, 0.60); background:#45494c; .filter:alpha(opacity=90); opacity:0.6; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); width:200px; height:100%;position:fixed; top:0; right:0;color:#fff; z-index:100; display:none;}*/ #classBox {background:rgba(0, 0, 0, 0.60); background:#45494c; .filter:alpha(opacity=90); /*opacity:0.6; */-ms-filter:alpha(opacity=100); filter:alpha(opacity=100); width:200px; height:80px;position:absolute; top:-65px; right:-207px;color:#fff; z-index:100; display:none; } #classBox div.classBox_txt { position:absolute; top:0; left:0; z-index:100; width:100%; border-bottom:1px solid #9ea0a3;} #classBox div.classBox_txt a {display:block;color:#fff; font-size:2.000em;padding:26px 0 25px 0; background:url(../../images/site/mb_mn_close.png) 94% center no-repeat ; text-align:center;} #classBox ul.classList {clear:both;position:absolute;top:76px; left:0;width:100%; background:#55585b; } #classBox ul.classList>li {text-align:left; width:100%; font-size:1.333em;font-family:NSK;.margin:0;} #classBox ul.classList>li>a {display:block;color:#fff; border-bottom:1px solid #a1a3a4; padding:14px 0 12px 17px; .padding:0 0 0 17px;.line-height:36px;.margin:0;.height:36px; } #classBox ul.classList>li:hover>a {background:#95a1c5;} /*학급목록 리스트 서브메뉴 */ #classBox ul.classList li .classSub {display:none;.margin:0;} #classBox ul.classList li .classSub>ul { position:relative;background:#6b707f;.margin:0;*zoom:1;margin-top:-3px;} #classBox ul.classList li .classSub>ul:after {content:""; display:block; clear:both;} #classBox ul.classList li .classSub>ul>li {font-size:0.813em; background:#6b707f url(../../images/site/classSub_dot.gif) right top no-repeat ;border-bottom:1px solid #a1a3a4;.line-height:36px;.margin:0;.height:36px;} #classBox ul.classList li .classSub>ul>li>a {display:block;color:#fff; padding:13px 0 11px 17px; .padding:0 0 0 17px;.line-height:36px;.margin:0;.height:36px;} #classBox ul.classList li .classSub>ul>li>a:hover {background:#505668 url(../../images/site/classSub_dot_on.gif) right top no-repeat ;} /*게시물 공지사항*/ #NoticeLst div.topTit{padding:15px 0 15px 0; margin:0 20px; } #NoticeLst div.topTit p.moreText{right:0;} } /* pc layout */ @media only screen and (min-width:1025px) { /*비쥬얼 */ section#content .visualImg li span.pvimg {width:100%;display:block;} section#content .visualImg li span.mvimg {width:100%;display:none;} section#content .visualImg li span.tvimg {width:100%;display:none;} section#content .visualImg li { width:100%; height:289px; } /* section#content .visualImg li:first-child { background:url(../../images/skin/class_skin_p_bg13.jpg) no-repeat center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } */ section#content .visual .visualtxt { position:absolute; left:30px; bottom:60px;z-index:10; } section#content .visual .visualtxt:after {content:""; display:block;clear:both;} section#content .visual .visualtxt li.vtxt01 {display:none;padding:0 0 15px 0; margin:0;font-size:4.000em;} section#content .visual .visualtxt li.vtxt02 { display:block;margin:0; font-size:1.8em; font-family:NSK;} /*스킨변경 버튼*/ p.skinbtn { position:absolute; right:40px; bottom:25px;z-index:10;} p.skinbtn button { display:inline-block; background:#222222; color:#fff; padding:0 30px 0 30px;height:34px; line-height:32px;.line-height:28px; border:#c9cbc9 solid 1px;} /*로그인을 하지않은경우 */ .top .loginNo_box {position:relative;margin:14px 0 10px 0;.margin:14px 0 14px 0;} .top .loginNo_box .qmenu { float:right; padding:0 0 0 0;} /*로그인 후 학급에 가입하지 않은 겨우 */ .top .loginAfterCno_box {position:relative;margin:14px 0 15px 0; } .top .loginAfterCno_box ul { position:absolute;right:0;top:3px; } /*로그인 후 학급회원인 경우 */ .top .loginAfterCyes_box {position:relative;margin:14px 0 15px 0; } .top .loginAfterCyes_box ul { position:absolute;right:0;top:3px; } /*탑메뉴버튼 */ .qmenu { float:right; padding:20px 0 0 0;} .qmenu ul.qmn li { position:relative;float:left; margin:0 0 0 4px; } .qmenu ul.qmn li.loginBtn span {position:absolute; top:12px; left:28px; width:auto; height:auto; font-size:1.083em;font-family:NSK;} .qmenu ul.qmn li.logoutBtn span {position:absolute; top:12px; left:15px; width:auto; height:auto; font-size:1.083em;font-family:NSK;} .qmenu ul.qmn li.classbtn span {position:absolute; top:12px; left:15px; width:auto; height:auto; font-size:1.083em;font-family:NSK;} .qmenu ul.qmn li.joinBtn span {position:absolute; top:12px; left:15px; width:auto; height:auto; font-size:1.083em;font-family:NSK;} .loginBtn {background:#f3f3f3 url(../../images/site/loginBtn.gif) 90% center no-repeat; width:110px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .loginBtn a {display:block; text-align:left; padding:17px 10px 24px 10px;.line-height:18px; font-size:13px;} .logoutBtn {background:#f3f3f3 url(../../images/site/logoutBtn.gif) 90% center no-repeat; width:110px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .logoutBtn a {display:block; text-align:left; padding:17px 10px 24px 10px;.line-height:18px; font-size:13px;} .classbtn {background:#ffffff url(../../images/site/classbtn.gif) 90% center no-repeat; width:110px; height:40px; border:#dadada solid 1px;box-sizing:border-box; http://school.com2zoa.net/~work/c2zclass/main02.html# -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .classbtn a {display:block; text-align:center; padding:15px 10px 24px 10px;.line-height:18px; font-size:13px;} .joinBtn {background:#ffffff url(../../images/site/joinBtn.gif) 90% center no-repeat; width:110px; height:40px; border:#dadada solid 1px;box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .joinBtn a {display:block; text-align:center; padding:15px 10px 24px 10px;.line-height:18px; font-size:13px;} /*content */ section#content .cont_Left {clear:both; position:relative;float:left; width:21.5%;border-bottom:0; min-height:500px; height:auto;margin:15px 0 0 0;.margin:10px 0 0 0;*zoom:1;} section#content .cont_Left:after {content:""; display:block; clear:both;} #cont_box {float:left;width:78.5%; position:relative; margin:0; *zoom:1; } #cont_box:after {content:""; display:block; clear:both;} section#content .cont_01 {clear:none; right:0;top:0; position:absolute; width:27%; margin:15px 0 0 0;.margin:10px 0 0 0; *zoom:1; } section#content .cont_01:after {content:""; display:block; clear:both;} section#content .cont_02 {clear:none;width:auto; margin:5px 0 15px 0;.margin:5px 0 0 0; position:relative;padding:0 28.5% 0 1.5%; *zoom:1; } section#content .cont_02_100 {padding:0 0 0 1.5%; } section#content .cont_02:after {content:""; display:block; clear:both;} /*나의정보 20160317*/ section#content #Myinfo { display:block;position:relative;clear:both;width:100%;*zoom:1; background:#fff;} section#content #Myinfo:after {content:""; display:block; clear:both;} section#content #Myinfo .MyinfoBg { width:100%;background:#fff; } section#content #Myinfo .MyinfoBg h2 {font-family:NSK;font-size:1.333em; font-weight:normal; background:#6e7791; text-align:left;color:#fff; padding:13px 0 12px 12px;.padding:18px 0 12px 12px; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } section#content #Myinfo .MyinfoBg h2 span.classadimnbtn {float:right;.margin-top:-31px;} section#content #Myinfo .MyinfoBg span.classadimnbtn .cadminBtn {background:#212020; border:#000 solid 1px; color:#fff; height:23px;padding:0 0 1px 0; .line-height:17px;width:75px; margin-right:12px;margin-top:-3px;font-family:NSK;font-size:0.75em; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} section#content #Myinfo .Myinfolist p.info_t {float:left;font-family:NSK; clear:both; margin:18px 10px 0 3%; font-size:1.000em;} section#content #Myinfo .Myinfolist p.info_t span.mclass {float:left;display:inline-block;zoom:1;*display:inline; background:#6e7071; border:#616465 solid 1px; color:#fff; padding:4px 5px 4px 5px; margin:0 5px 0 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} section#content #Myinfo .Myinfolist p.info_t span.mname { display:inline-block;zoom:1;*display:inline;margin-right:5px; padding:5px 0 0 0;} section#content #Myinfo .Myinfolist p.info_t span.mbtn { position:absolute;right:10px;top:20px;} section#content #Myinfo .MyinfoDiv {width:100%;clear:both;position:relative;float:left;} section#content #Myinfo .MyinfoDiv .Myinfolist {background:#fff; border-left:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px;border-top:#6e7791 solid 1px; padding:0 3% 8% 3%; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } section#content #Myinfo .MyinfoDiv .Myinfolist p.infoTXt {clear:both;*zoom:1; padding:15px 0 15px 0; text-align:center;color:#428de2;font-family:NSK; } section#content #Myinfo .MyinfoDiv ul {clear:both;*zoom:1; padding:15px 0 10px 0; } section#content #Myinfo .MyinfoDiv ul:after {content:""; display:block; clear:both;} section#content #Myinfo .MyinfoDiv ul li {float:left; width:49.5%;font-family:NSK; text-align:center;} section#content #Myinfo .MyinfoDiv ul li span {color:#ff0000;} .myinfologoutBtn { background:#3789e6; border:#1370d8 solid 1px; color:#fff; height:23px; .line-height:17px;width:74px; margin-right:3px;margin-top:-1px;font-family:NSK;font-size:1.000em; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} section#content #Myinfo .Myinfolist span.myinfo_btn { position:relative;right:0;top:0;} .writeBtn {display:inline-block; width:100%;background:#f06c6c url(../../images/site/writeBtn.gif) 65% center no-repeat; border:#dc4f4f solid 1px; color:#fff; padding:7px 0 7px 0; margin-right:0;font-family:NSK;font-size:1.000em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .nwriteBtn {display:inline-block; position:absolute; right:0; top:0;width:15%; border:#ccc solid 1px; color:#000; padding:7px 0 7px 0; margin-right:0;font-family:NSK;font-size:1.000em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .myinfologinBtn {display:inline-block; width:100%;background:#f06c6c url(../../images/site/myinfologinBt.gif) 75% center no-repeat; border:#dc4f4f solid 1px; color:#fff; padding:7px 0 7px 0; margin-right:0;font-family:NSK;font-size:1.000em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .JwriteBtn {display:inline-block; width:100%;background:#f06c6c url(../../images/site/writeBtn.gif) 75% center no-repeat; border:#dc4f4f solid 1px; color:#fff; padding:7px 0 7px 0; margin-right:0;font-family:NSK;font-size:1.000em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /*나의정보영역 로그인을 하지 않은 경우 20160317*/ section#content #Myinfo .MyinfoDiv .Myinfologin {background:#fff; border-left:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px;border-top:#6e7791 solid 1px; padding:0 3% 8% 3%; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } section#content #Myinfo .MyinfoDiv .Myinfologin ul.loginbox {padding:5px 10px 10px 10px;} section#content #Myinfo .MyinfoDiv .Myinfologin ul.loginbox li {width:100%;padding:5px 0 3px 0; text-align:left; border-bottom:#ccc solid 1px;} section#content #Myinfo .MyinfoDiv .Myinfologin ul.loginbox li label {width:30%;display:inline-block;} section#content #Myinfo .MyinfoDiv .Myinfologin ul.loginbox li .inputid {width:115px; height:19px; border:#fff solid 1px; background:#ffffff; line-height:18px; font-size:1.0em; color:#595958; margin:0; padding:0 0 0 0;} section#content #Myinfo .MyinfoDiv .Myinfologin ul.loginbox li .inputpw {width:115px; height:19px; border:#fff solid 1px; background:#fff;line-height:16px; color:#595958; font-size:1.0em; margin:0;padding:0 0 2px 0;} /*게시판출력 */ section#content .free_board {position:relative;clear:both;.margin-top:5px;} section#content .free_board .freeboardBg { width:auto; background:url(../../images/site/free_board_bg.gif) 14px center no-repeat;} section#content .free_board h2 {font-family:NSK;font-size:1.333em; font-weight:normal; width:auto; border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-top:1px solid #d5d8dd; border-bottom:#d5d8dd solid 1px; color:#5e5b5b; padding:12px 0 12px 50px;box-sizing:border-box;} section#content .free_board .freebDiv {width:100%;clear:both;float:none;position:relative; .margin:0 0 15px 0;} section#content .free_board .freeb_box {width:auto;border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd;border-bottom:1px solid #d5d8dd;line-height:1.833em; padding:3% 0;*zoom:1;} .fselect .selText_main { position:absolute;left:5px;top:2px; margin-top:0px; line-height:16px; color:#fff; } /*게시판 등록버튼 */ .cformBtn { display:inline-block;zoom:1;*display:inline; margin-top:0;width:100%; background:#929292;/*padding:9px 0 9px 0;*/.height:32px;.line-height:28px; color:#fff;font-family:NSK;.padding:0;} /*알림장 */ section#content #Notice {position:relative;clear:both;width:100%;float:left; margin-bottom:10px;} section#content #Notice .noticeBg { -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } section#content #Notice h2 {font-family:NSK;font-size:1.333em; font-weight:normal; color:#fff; padding:12px 0 12px 50px;} section#content #Notice .noticeBg span {display:block;position: absolute; top:9px; right:14px; } section#content #Notice p.Notice_more {display:none;} section#content #Notice .noticeDiv {width:100%;clear:both;position:relative;float:left;line-height:1.833em; } section#content #Notice .Notice_list {width:auto;border:0;border-left:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px;padding:3% 0 6% 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:0 0 8px 8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } section#content #Notice p.Notice_txt { display:block; background:#fff;border:0; margin:0 2%; padding:5px 0 4px 0; text-align:center; margin-bottom:4px; font-weight:bold; font-size:1.1em; color:#fb4b4b; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*오늘의 급식 */ section#content #food {position:relative;clear:both;width:100%;float:left; margin-bottom:10px;} section#content #food .foodBg { width:100%;} section#content #food .foodBg h2 {font-family:NSK;font-size:1.333em;padding:12px 0 12px 8%; font-weight:normal; width:auto; border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd; border-top:1px solid #d5d8dd; border-bottom:#d5d8dd solid 1px; color:#5e5b5b; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } section#content #food p.food_more {position: absolute; top:15px; right:14px; } section#content #food p.food_more a { display:block;width:12px; height:12px;background:url(../../images/site/food_more.gif) left top no-repeat;} section#content #food .freebDiv {width:100%;clear:both;position:relative;float:left;} section#content #food .food_list {width:auto;line-height:1.833em; padding:3% 2% 8% 2%;border:0;border-left:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } section#content #food p.food_txt { display:block; background:#fff; border:0; padding:5px 0 4px 0; text-align:center; margin-bottom:4px; font-weight:bold; font-size:1.1em; color:#2394e3; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*오늘의 학교행사 */ section#content #calendar {position:relative;clear:both;width:100%;float:left; margin-bottom:15px;*zoom:1;} section#content #calendar .calendarBg { width:100%;} section#content #calendar .calendarBg h2 {font-family:NSK;font-size:1.333em;padding:12px 0 12px 8%; font-weight:normal; width:auto; border-left:1px solid #d5d8dd;border-right:1px solid #d5d8dd; border-top:1px solid #d5d8dd; border-bottom:#d5d8dd solid 1px; color:#5e5b5b; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;} section#content #calendar p.calendar_more {position: absolute; top:15px; right:14px; } section#content #calendar p.calendar_more a { display:block;width:12px; height:12px;background:url(../../images/site/food_more.gif) left top no-repeat;} section#content #calendar .calendarDiv {width:100%;clear:both;position:relative;float:left;} section#content #calendar .calendar_list {*zoom:1;width:auto;line-height:1.833em; padding:3% 2% 8% 2%;border:0;border-left:#d5d8dd solid 1px;border-right:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px; -webkit-border-radius:8px 8px 0 0; border-radius:0 0 8px 8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } section#content #calendar p.calendar_txt { display:block; background:#fff; border:0; padding:5px 0 4px 0; text-align:center; margin-bottom:4px; font-weight:bold; font-size:1.1em; color:#2394e3; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*메뉴 */ #gnb {width:100%;clear:both;position:relative;float:left; margin-top:15px;} #gnb .gnbDiv {width:100%;clear:both;position:relative;float:left;} #gnb .gnbBox {width:auto;clear:both;padding:0 0 8% 0;position:relative;border-right:#d5d8dd solid 1px;border-top:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px;border-left:#d5d8dd solid 1px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } ul.gnbList {width:100%;*zoom:1; border:0;} ul.gnbList:after {content:""; display:block; clear:both;} ul.gnbList>li { position:relative;float:none;border-bottom:#cccccc solid 1px;} ul.gnbList>li>a { display:block;text-align:left; padding:22px 0 20px 20%; font-size:1.2em;} ul.gnbList>li.alrim { width:100%; background:none;} ul.gnbList>li.alrim a {background:url(../../images/site/alrim.gif) 5% center no-repeat;} ul.gnbList>li.alrim:hover a {background:url(../../images/site/alrim_on.gif) 5% center no-repeat; color:#f65700; font-weight:bold;} ul.gnbList li.time { display:block;width:100%; } ul.gnbList>li.time a {background:url(../../images/site/time.gif) 5% center no-repeat;} ul.gnbList>li.time:hover a {background:url(../../images/site/time_on.gif) 5% center no-repeat; color:#f65700; font-weight:bold;} ul.gnbList li.board { width:100%;background:none;} ul.gnbList li.board>a {display:none;background:url(../../images/site/board.gif) 5% center no-repeat; } ul.gnbList li.board:hover>a {background:url(../../images/site/board_on.gif) 5% center no-repeat; color:#f65700; font-weight:bold; } ul.gnbList li.board span {display:none; position:absolute;right:10px;top:20px;} ul.gnbList li.board span a { display:inline-block; width:19px;} .naviSub { position:relative;left:0;top:0; z-index:100;width:100%;background:none;border-bottom:0;border-right:0; padding:15px 0;display:block;} .naviSub>ul>li { border-bottom:0;} .naviSub>ul>li:last-child { border-bottom:0;} .naviSub>ul>li>a { display:block;font-size:1.0em; padding:10px 0 10px 20%;background:url(../../images/site/board.gif) 5% center no-repeat;} .naviSub>ul>li:hover { background:none;} .naviSub>ul>li:hover a {font-family:NSK;color:#f65700;background:url(../../images/site/board_on.gif) 5% center no-repeat;} /*검색*/ #searchForm { display:block; width:183px; height:30px; position:relative; margin:0 auto;margin-top:13px;background:#f0f0f0;border:#d5d8dd solid 1px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:1px 1px 1px 0 #c6c6c6; } #searchForm input.searchBox { position:absolute;left:8px;top:0;width:132px; height:27px; color:#8d8d8d; line-height:19px; padding:2px 0 0 4px; margin:0 0 0 8px; border:0; float:left; background:#f0f0f0;} #searchForm p { position:absolute;right:16px;top:6px;} /*카운터*/ #count {display:block;width:100%;clear:both;position:relative;float:left; z-index:100; margin-top:15px;} #count .countDiv {*zoom:1;width:auto;clear:both;position:relative;border-right:#d5d8dd solid 1px;border-top:#d5d8dd solid 1px;border-bottom:#d5d8dd solid 1px;border-left:#d5d8dd solid 1px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -o-box-shadow:2px 3px 3px #93755c; -moz-box-shadow:2px 3px 3px #93755c; -webkit-box-shadow:2px 3px 3px #93755c; box-shadow:0 1px 2px 0 #c6c6c6; } #count .countDiv:after {content:""; display:block; clear:both;} #count .countDiv ul li {width:49.5%; float:left; text-align:center;font-family:NSK;color:#505455;padding:18px 0;} #count .countDiv ul li:first-child {background:url(../../images/site/gray_line.gif) right top repeat-y;} #count .countDiv ul li span.cpeople {color:#f4595b;} /* 학급목록 리스트 */ .top .loginNo_box #classBox {.position:absolute; .top:44px; .right:0;} .top .loginAfterCno_box #classBox {position:absolute; top:45px; right:0;} .top .loginAfterCyes_box #classBox {position:absolute; top:45px; right:0;} #classBox {clear:both;background:none; width:225px; height:100%;position:absolute; top:40px; right:0; z-index:100;*zoom:1; display:none;} #classBox:after {content:""; display:block; clear:both;} .classDiv {clear:both;position:relative;width:auto;} #classBox div.classBox_txt {background:#fff; position:absolute; top:0; left:0; z-index:100; width:100%; border-bottom:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} #classBox div.classBox_txt a {display:block;color:#fff; font-size:0;padding:6px 0 4px 0; background:url(../../images/site/mb_mn_open.png) 80% center no-repeat ; text-align:center;} #classBox ul.classList {position:absolute; top:10px; left:0;width:100%; background:#6b707f; padding:15px 0 15px 0; z-index:100; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #classBox ul.classList>li {text-align:left; width:100%; font-size:1.333em;font-family:NSK;} #classBox ul.classList>li>a {display:block;color:#fff; border-top:1px solid #a1a3a4;border-bottom:0; padding:14px 0 12px 17px; .padding:0 0 0 17px;.line-height:36px;.margin:0;.height:36px; } #classBox ul.classList>li:first-child>a {display:block;color:#fff; border-top:0; padding:14px 0 12px 17px; .padding:0 0 0 17px;.line-height:36px;.margin:0;.height:36px;} #classBox ul.classList>li:hover>a {background:#95a1c5;} /*학급목록 리스트 서브메뉴 */ #classBox ul.classList li .classSub {display:none;clear:both; *zoom:1;} #classBox ul.classList li .classSub:after {content:""; display:block; clear:both;} #classBox ul.classList li .classSub>ul {position:relative;width:100%;float:left;padding:0;margin:0;background:#6b707f;margin-top:-3px;} #classBox ul.classList li .classSub>ul>li {width:100%;font-size:0.813em; background:#626b87 url(../../images/site/classSub_dot02.png) 95% center no-repeat ;border-top:1px solid #a1a3a4;border-bottom:0;.line-height:36px;.margin:0;.height:36px; } #classBox ul.classList li .classSub>ul>li>a {display:block;color:#fff; padding:13px 0 11px 17px;.padding:0 0 0 17px;.line-height:36px;.margin:0;.height:36px;} #classBox ul.classList li .classSub>ul>li>a:hover { background:#505668 url(../../images/site/classSub_dot02.png) 95% center no-repeat ;} /*게시물 공지사항*/ #NoticeLst div.topTit{padding:15px 0 15px 0; margin:0 20px; } #NoticeLst div.topTit p.moreText{right:0;} }