@charset "utf-8"; /*수정*/ #index #middle .right-section.information_box{position:relative;border:1px solid #ddd} #index #middle .right-section.information_box>div{width:100%;height:216px;background:url(http://www.jje.go.kr/upload_data/board_data/BBS_0000196/154745525403807.jpg);cursor:pointer;font-size:0;} #index #middle .right-section.information_box ul{position:absolute;top:0;left:0;padding:10px} #index #middle .right-section.information_box ul li img{border:2px solid #fff;border-radius:50%} #index #middle .right-section.information_box .con_txt{line-height:33px;background:#0f4f99;text-align:center;} #index #middle .right-section.information_box .con_txt>*{display:inline-block;color:#fff;} #index #middle .right-section.information_box .con_txt span{padding:0 10px} #index #middle .quick_menu{position: absolute;top: 274px;right: -120px;width:100px;border:1px solid #54677a;} #index #middle .quick_menu ul{} #index #middle .quick_menu ul li{border-bottom:1px dashed #ddd;} #index #middle .quick_menu ul li:first-child{background:url('http://www.jje.go.kr/upload_data/Synap/BBS_0000196/153898326723296.gif.files/153898326723296.gif') -1px -1px} #index #middle .quick_menu ul li:last-child{background:url('http://www.jje.go.kr/upload_data/Synap/BBS_0000196/153898326723296.gif.files/153898326723296.gif') -1px 53px;border:0;} #index #middle .quick_menu ul li a{display:block;padding: 10px;text-align: center;} #index #middle .quick_menu ul li a span{color:#0098eb;} #index #middle .quick_menu2{position: absolute;top: 0px;right: -120px;width:100px;border:0px } @font-face{ font-family:"NanumBarunGothic"; src:url("/font/NanumBarunGothic.eot"); src:url("/font/NanumBarunGothic.woff")format('woff'); } iframe{border:0;} #wrapper{position:relative;} .inner{width:1000px; margin:0 auto;position:relative;} #navwrap .inner{background: url('/images/jje_central/common/menu_ul_bg.png') no-repeat left top;} #header{position:relative;height: 142px;} #header .h_wrap{position:relative;height: 94px;} /* #header .h_wrap .right-section{position: absolute;right: 0;top: 39px;} #header .h_wrap .right-section .util{float:left} */ #header .h_wrap .right-section{} #header .h_wrap .right-section .util{position: absolute;right: 67px;top: 23px;} #header .h_wrap .right-section .util li{display:inline;padding:0 7px; background:url('/images/jje_central/common/top_bar.png') no-repeat right 0;} #header .h_wrap .right-section .util li.last{background:none; padding:0 7px;} #header .h_wrap .right-section .type{position: absolute;right: 0;top: 23px;display:block; width:68px;margin-top:-3px;} /* #header .h_wrap .right-section .type{float:right;display:block; width:68px;margin-top:-3px;} */ #header .h_wrap .right-section .type img{margin:0;padding:0;float:left;} #header .h_wrap .right-section .type a{display:block; width:17px; height:20px;float:left;} #header .h_wrap .right-section .sns_link{position:absolute;top: 47px;right:0px;} #header .h_wrap .right-section .sns_link a{padding:0 2px} /*#header .h_wrap .right-section .translation {position:absolute;top: 50px;right:0px;} */ #logo{position:absolute; left:9px; top: 24px;} #search{width:332px; margin:0 auto;position:relative;padding-top: 29px;} #searchform{border:1px solid #c1c1c1;height:31px;position:relative;background:#fff;} #searchform select, #keyword{border:none;vertical-align:top;padding:5px;font-family:dotum;letter-spacing:-1px;margin-top:3px;} #searchform input.string{border:none;vertical-align:top;padding:5px;font-family:dotum;letter-spacing:-1px;margin-top:3px;} #searchform select{padding:5px 8px;margin-left:5px;width:88px;color:#6c6c6c;} input.btn_submit{position:absolute; right:-1px; top:-1px;z-index:10;} #navwrap{background: url('/images/jje_central/common/menu_bg.png') no-repeat center top;height: 48px;} #navwrap .nav{position:relative;padding-top: 8px;} /* background: url('/images/jje_central/common/menu_ul_bg.png') no-repeat left top; */ #navwrap .nav:after{content:'';display:block; clear:both;} #navwrap .nav li{float:left;padding: 7px 24px 20px 36px;} #navwrap .nav li a:hover, #navwrap .nav li a:focus, #navwrap .nav li a.current{display:block;} #navwrap .nav li a{display: block; padding-right: 18px;} #navwrap .nav li a.current{background: url(/images/jje_central/common/icon_mu_arr.png) no-repeat right 6px;} #navwrap .nav li.menu01{padding-left: 48px;} #navwrap .nav li.menu06{padding-left:37px;} #navwrap .nav li.menu07{padding-left:17px;} #navwrap .nav li .depth02{position: absolute;top:48px;left: 0px;z-index:999;width:100%;} #navwrap .nav li .depth02 .in-box{border:1px solid #dcdcdc;background:url('/images/jje_central/common/submenu_line.gif') repeat-y;padding:25px 0 25px; height:335px;} #navwrap .nav li .depth02 .in-box:after{content:'';display:block; clear:both;} #navwrap .nav li .depth02 dl{margin-left: 20px;width: 177px;} #navwrap .nav li .depth02 dl.last{border-right:none;} #navwrap .nav li .depth02 dl dt{padding-left:10px;background: url('/images/jje_central/common/dot_blue.png') no-repeat left 20px;} #navwrap .nav li .depth02 dl dt a{display: block;font-size:14px;font-weight: bold;line-height: 14px;padding: 16px 0px 9px 0px;color:#000;background: none;} #navwrap .nav li .depth02 dl dd{padding-left:10px;background: url('/images/jje_central/common/dd_bg.png') no-repeat left 9px;margin-left:10px;} #navwrap .nav li .depth02 dl dd a{display: block;color: #576070;line-height: 14px;padding: 4px 0 5px 0;background: none;} #navwrap .nav li .depth02 dl dd.stronger{padding-left: 10px;background: url('/images/jje_central/common/dot_blue.png') no-repeat left 20px;margin:0;} #navwrap .nav li .depth02 dl dd.stronger a{display: block;font-size:12px;font-weight: bold;line-height: 14px;padding: 16px 0px 9px 0px;color:#000;background: none;} #navwrap .nav li .depth02 dl dd.stronger a:hover,#navwrap .nav li .depth02 dl dd.stronger a:focus{color:#000;padding:16px 0px 9px 0px;text-decoration:none} #navwrap .nav li .depth02 dl dd a:hover,.depth02 dl dd a:focus{display: block;color: #37c5bd;line-height: 14px;padding: 4px 0 5px 0;text-decoration:underline;} a.close{position:absolute; right:15px; bottom:15px;} .menu07 .depth02 .in-box {display: none;} /*jeju advertisement of education new open */ .menu01 .submenu01 {position:absolute;top:25px;left:0;} .menu01 .submenu02 {position:absolute;top:25px;left:200px;} .menu01 .submenu03 {position:absolute;top:25px;left:400px;} .menu01 .submenu04 {position:absolute;top:160px;left:400px;} .menu01 .submenu05 {position:absolute;top:25px;left:600px;} .menu01 .submenu06 {position:absolute;top:25px;left:800px;} .menu02 .submenu01 {position:absolute;top:25px;left:0;} .menu02 .submenu02 {position:absolute;top:64px;left:0;} .menu02 .submenu03 {position:absolute;top:102px;left:0;} .menu02 .submenu04 {position:absolute;top:25px;left:200px;} .menu02 .submenu05 {position:absolute;top: 64px;left:200px;} .menu02 .submenu06 {position:absolute;top:25px;left:400px;} .menu02 .submenu07 {position:absolute;top: 22px;left: 600px;} .menu02 .submenu08 {position:absolute;top: 62px;left: 600px;} .menu02 .submenu09 {position:absolute;top: 25px;left:800px;} .menu02 .submenu010 {position:absolute;top: 195px;left:800px;} .menu02 .submenu011 {position:absolute;top: 64px;left:400px;} .menu02 .submenu012 {position:absolute;top: 144px;left:0;} .menu03 .submenu01 {position:absolute;top:25px;left:0;} .menu03 .submenu02 {position:absolute;top:64px;left:0;} .menu03 .submenu03 {position:absolute;top:25px;left:200px;} .menu03 .submenu04 {position:absolute;top:25px;left:400px;} .menu03 .submenu05 {position:absolute;top:25px;left:600px;} .menu03 .submenu06 {position:absolute;top:25px;left:800px;} .menu03 .submenu07 {position:absolute;top:114px;left:800px;} .menu03 .submenu08 {position:absolute;top:104px;left:0;} .menu03 .submenu09 {position:absolute;top:140px;left:0;} .menu03 .submenu010 {position:absolute;top:205px;left:0;} .menu04 .submenu01 {position:absolute;top:25px;left:0;} .menu04 .submenu02 {position:absolute;top:64px;left:0;} .menu04 .submenu03 {position:absolute;top:25px;left:200px;} .menu04 .submenu04 {position:absolute;top:64px;left:200px;} .menu04 .submenu05 {position:absolute;top: 104px;left:200px;} .menu04 .submenu06 {position:absolute;top:25px;left:400px;} .menu04 .submenu07 {position:absolute;top:25px;left:600px;} .menu04 .submenu08 {position:absolute;top:25px;left:800px;} .menu04 .submenu09 {position:absolute;top:104px;left:800px;} .menu04 .submenu010 {position:absolute;top: 200px;left:800px;} .menu04 .submenu011 {position:absolute;top: 240px;left:800px;} .menu05 .submenu01 {position:absolute;top:25px;left:0;} .menu05 .submenu02 {position:absolute;top:242px;left:0;} .menu05 .submenu03 {position:absolute;top:25px;left:200px;} .menu05 .submenu04 {position:absolute;top:64px;left:200px;} .menu05 .submenu05 {position:absolute;top:25px;left:400px;} .menu05 .submenu06 {position:absolute;top:25px;left:600px;} .menu05 .submenu07 {position:absolute;top:109px;left:600px;} .menu05 .submenu08 {position:absolute;top:143px;left:600px;} .menu05 .submenu09 {position:absolute;top:25px;left:800px;} .menu05 .submenu010 {position:absolute;top:162px;left:800px;} .menu06 .submenu01 {position:absolute;top:25px;left:0;} .menu06 .submenu02 {position:absolute;top:160px;left:0;} .menu06 .submenu03 {position:absolute;top:220px;left:0px;} .menu06 .submenu04 {position:absolute;top:30px;left:200px;} .menu06 .submenu05 {position:absolute;top:70px;left:200px;} .menu06 .submenu06 {position:absolute;top:120px;left:200px;} .menu06 .submenu07 {position:absolute;top:170px;left:200px;} .menu06 .submenu08 {position:absolute;top:272px;left:200px;} .menu06 .submenu09 {position:absolute;top:25px;left:400px;} .menu06 .submenu010 {position:absolute;top:64px;left:400px;} .menu06 .submenu011 {position:absolute;top:103px;left:400px;} .menu06 .submenu012 {position:absolute;top:142px;left:400px;} .menu06 .submenu013 {position:absolute;top:181px;left:400px;} .menu06 .submenu014 {position:absolute;top:25px;left:600px;} .menu06 .submenu015 {position:absolute;top: 70px;left:600px;} .menu06 .submenu016 {position:absolute;top: 25px;left: 800px;} .menu06 .submenu017 {position:absolute;top: 133px;left:800px;} .menu06 .submenu018 {position:absolute;top:250px;left:800px;} #index #middle{padding-top:15px;margin-bottom:20px; position:relative} #middle{margin:0 auto; width:1000px;margin-bottom:0;} #middle:after{content:'';display:block; clear:both;} #footer{background:#5c5c5c;padding:18px 0;} #footer .logo{position:absolute; left:0px; top:28px;} #footer ul{margin-left:180px;height:30px;} #footer ul:after{content:''; display:block;clear:both;} #footer ul li{float:left;padding: 0 10px;background: url('/images/jje_central/common/top_bar.png') no-repeat right 1px;} #footer ul li.last{background:none;} #footer ul li a{display:block; float:left;height:30px;vertical-align:bottom;} #footer address{margin-left:190px; font-style:normal;line-height:1.6;color:#eee;font-size:13px;} #footer address span{line-height:140%;padding-top:10px;} #footer .f_mark{position:absolute;top:30px;right:0px;} /* common skip menu */ #skip {position:absolute;top:0;height:0px;width:100%;z-index:30;} #skip a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} #skip a:focus, #skip a:active {display:block;top:0;width:100%;height:20px;padding:5px 0;background:#2eb79c;} /* sub layout*/ #sub #middle{padding-top:30px;background:url('/images/jje_central/common/top_r_bg.png') no-repeat 734px top; position:relative} #sub #left-section{float: left;width: 190px;margin-bottom: 50px;} #sub #right-section{position: relative;float: right;padding-bottom: 20px;width:766px;} /*left*/ #left-section h2{border-bottom:3px solid #0161b2;position:relative;z-index:2;} #left-section .leftmenu{border-bottom:1px solid #bbc3c8;position:relative;z-index:1;margin-top: -1px;} #left-section .leftmenu li a{border-top:1px solid #bbc3c8;display:block; padding: 11px 10px;background: url('/images/jje_central/common/left_bu.png') no-repeat 170px 50%;} #left-section .leftmenu li a:hover, #left-section .leftmenu li a:focus,#left-section .leftmenu li a.now{background: url('/images/jje_central/common/left_bu_on.png') no-repeat 165px 50% #37c5bd;color:#fff;font-weight:bold;letter-spacing:-1px;} #left-section .leftmenu li ul.snavi{padding:10px 0;} #left-section .leftmenu li ul.snavi li a, #left-section .leftmenu li ul.snavi li a:hover,#left-section .leftmenu li ul.snavi li a:focus{background:none; border:none;padding:5px 10px;} #left-section .leftmenu li ul.snavi li a:hover,#left-section .leftmenu li ul.snavi li a:focus, #left-section .leftmenu li ul.snavi li a.now{color:#37c5bd;} /*right*/ .content_section{padding-top:68px;} h3.tit {font-family: 'NanumBarunGothic'; font-size: 32px; color: #636363;} /* page title*/ .page_path {color:#828282; display:block; border-top:2px solid #898989; border-bottom:1px solid #dfe1e3; width:100%; padding:10px 0;} .page_path:after{content:""; height:0; display:block; visibility:hidden; clear:both;} .page_path span{padding:0 2px; } .home{padding-left:5px;} #right-section h3{position:absolute; top:4px;width:auto;} #content{margin:35px 0 80px;line-height:1.6;} #content .pagecontent{min-height:450px;position:relative;} /*print, emai;*/ .util_list {position: absolute;right: 5px;top: 76px;} .util_list a{float:left;} /* satisfaction */ #content_bottom{border: 1px solid #d2d2d2;background: #f7f7f7; padding: 15px 18px; position:relative;} #content_bottom dt{font-weight: bold;display: inline;padding-right: 6px;padding-left: 0;} #content_bottom dd{display:inline;} #content_bottom .satisfaction_survey ul {display: inline;} #content_bottom .satisfaction_survey ul li {display: inline;} #content_bottom .satisfaction_survey dd{padding: 10px 0 15px;} #content_bottom .satisfaction_survey input{vertical-align:middle;} #content_bottom input.comment_bt {padding: 4px 9px;background: #404040;border: 1px solid #333;color: #fff;font-weight: bold;position:absolute; right: 135px; top: 32px;width: 50px;cursor:pointer;} #content_bottom #page_admin{padding-bottom: 8px;} #content_bottom #page_admin dt{display: inline;background: url('/images/jje_central/common/bu_left.gif') no-repeat 5px 2px;padding-left: 15px;width: 40px;margin-right: 10px;} a.go_top {position: absolute; font-size: 11px; right: 20px; bottom: 14px; padding-left: 12px; background: url('/images/jje_central/common/bu_top.gif') no-repeat left 4px;cursor:pointer;} /*main*/ #index #middle .block{position:relative;margin-bottom:10px;line-height:1.5;} #index #middle .block:after{content:''; display:block;clear:both;} #index #middle .block .left-section{float:left; width:697px;position:relative;} #index #middle .block .right-section{float:right; width:281px;position:relative;} #index #middle .block h3{margin-bottom:15px;} #index #middle .promise{background: url('/images/jje_central/main/ulicon_bg_20160127.png') repeat-x; height: 34px; line-height:34px; margin-bottom:6px;padding-left: 20px;} /*수정*/ /* box line */ .block .con-box{border-top:1px solid #54677a; border-right:1px solid #dcdcdc;overflow:hidden;} .block .con-box:after{content:'';display:block; clear:both;} .block .con-box .con-inner{border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} .level01 .con-box.icon_section { border: none;} .level01{height:225px;} .level02{height:207px;} .level03{height:91px;} .level04{height:auto;} .level01 .con-inner{height: 220px; border: none !important;} .level02 .con-inner{height:203px;position:relative;} .level03 .con-inner{height:78px} .level04 .con-inner{height: 227px;} .level05 .con-inner{height:217px} .icon02 li{float:left;} .level02 .left-section .con-inner{width:347px;float:left;} .level04 .left-section .con-inner{width: 347px;float:left;} .level04 .con-box{margin-bottom:10px;} .level04 .con-box.sns{border-top:none;} .level04 .con-box.sns .con-inner{height:228px;} .level04 .con-box.m_link{border-top:none;border-right:none;} .level04 .con-box.m_link .con-inner{border-left:none;border-bottom: none;height: 229px} /* start 2017.9.21 ~ 2017.12.31 한시적 동영상 링크 */ .level04 .con-box.m_link .con-inner .con-movie{background:url('/images/jje_central/main/m_link_a03bg.jpg') no-repeat center;height:123px;position:relative;margin-bottom:5px;} .level04 .con-box.m_link .con-inner .con-movie h2{position:absolute;top:-5000px;left:-5000px;overflow:hidden;} .level04 .con-box.m_link .con-inner .con-movie a{display:block;width:100%;height:123px} .level04 .con-box.m_link .con-inner .con-movie a .thum{display:block;width:115px;height:70px;overflow:hidden;position:absolute;top:15px;left:25px;border:2px solid #ccc} .level04 .con-box.m_link .con-inner .con-movie a .thum img{width:100%;height:100%;} .level04 .con-box.m_link .con-inner .con-movie a .thum-tit{display:block;width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;padding:95px 0 0 25px;font-weight:600;} .level04 .con-box.m_link .con-inner .con-movie a:hover,.level04 .con-box.m_link .con-inner .con-movie a:focus{text-decoration:underline;color:#333;} /* end 2017.9.21 ~ 2017.12.31 한시적 동영상 링크 */ .level04 .con-box.link .con-inner{height: 240px;} .level04 h4{height:36px;} .level04 .left-section .minwon{border-top:none;} .level04 .left-section .minwon .con-inner{width:33.19%;height: 241px;} .block h4{background:#f2f2f2; line-height:36px; padding-left:15px;border-bottom:1px solid #e0e0e0;} #index .block h4 a{color:#333;} /* visual */ ul.visual .hide{ display:none;} /* ul.visual {width:695px;height:246px;border:1px solid #c8c8c8;position:absolute;overflow:hidden;} .ctrl01{position:absolute;left:10px; top:215px;} */ /* ul.visual {width:695px;height:118px;margin:0 0 10px 0;border:1px solid #c8c8c8;overflow:hidden;} */ ul.visual {width:695px;height:251px;margin:0 0 10px 0;border:1px solid #c8c8c8;overflow:hidden;} /* .ctrl01{position:absolute;right:10px; top:90px;} */ .ctrl01{position:absolute;right:10px; top:218px;} .mphoto{overflow:hidden} .mphoto>div{float:left;width:160px;padding:0 20px 0 168px;position:relative} .mphoto h4{color:#247fee;background:none;border:none;padding: 0;margin: 0 0 10px 0;line-height: 1.5em;} .mphoto p{line-height:1.25em;height:113px} .mphoto p a{display:block} .mphoto p img{width:153px;height:113px;position:absolute;top:0;left:0} .mphoto p strong{display:block;margin:0 0 5px 0} .mphoto .photo2 .icon{background:url("/images/gyopr/common/bbs_play.png") no-repeat;position:absolute;top:36px;left:55px;width:40px;height:40px;} /* top icon*/ ul.icon:after { content: ''; display: block; clear: both;} ul.icon li.icon01, ul.icon li.icon02, ul.icon li.icon03 { border-top: 1px solid #e5e5e5; padding: 14px 14px 8px;} ul.icon li.icon01, ul.icon li.icon04{border-left: 1px solid #e5e5e5;} ul.icon li{width:64px; height: 84px;display:block;float:left; border-right:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 11px 14px 4px;} ul.icon li a{display:block;} ul.icon li.icon05{padding-left: 7px;padding-right: 21px;} ul.icon li.icon06{padding-top: 16px;padding-bottom: 0px;height: 83px;} ul.icon li.icon05 a, ul.icon li.icon06 a{margin-top:-5px; } /*notice, event*/ .level02 ul.news li.artcle01, .level02 ul.news li.artcle02, .level02 ul.news li.artcle03, .level02 ul.news li.artcle04{float:left;} ul.news li ul li{margin:5px 0;padding-left:10px;background:url('/images/jje_central/common/dot_gray.gif') no-repeat left 7px;} .level02 .left-section h4{width:86px; height:36px;float:left;padding-left:0;border-right:1px solid #e0e0e0;position:relative;} .level02 .left-section h4 a{width:86px;height:42px;position:absolute;text-align:center;} .level02 .left-section h4 a:hover, .level02 .left-section h4 a.on{color:#fff !important; font-weight:bold;} .level02 .left-section .left h4 a:hover, .level02 .left-section .left h4 a.on{background:url('/images/jje_central/common/news_right.png') no-repeat center bottom;} .level02 .left-section .right h4 a:hover, .level02 .left-section .right h4 a.on{background:url('/images/jje_central/common/news_right.png') no-repeat center bottom;} .level02 .left-section .artcle04 h4{border-right:none;} .level02 .left-section ul.news{} .level02 .left-section ul.news .hide{ display:none;} .level02 .left-section ul.news li ul{position:absolute; left:15px; top:70px;width:308px;} .level02 .left-section ul.news li ul li a{display:block;height:18px;} .level02 .left-section ul.news li ul li a:after{clear:both;content:'';display:block;} .level02 ul.news li .subject{float:left;width: 220px;overflow: hidden;white-space: nowrap;} ul li .date{float:right;font-size:11px;line-height:20px;} .artcle04 .blank{width:86px; height:36px;float:left;background: #f2f2f2;border-bottom: 1px solid #e0e0e0;} .level02 .left-section .right.news h4 { width: 84px;} .level02 .left-section .right.news .artcle04 h4 {width: 92px;} .level02 .left-section .right.news .artcle04 h4 a {width: 92px;} .level02 .left-section .right.news .artcle04 h4 a:hover, .level02 .left-section .right.news .artcle04 h4 a.on{background:url('/images/jje_central/common/news_right2.png') no-repeat center bottom;} .level02 a.more{position:absolute; right:24px; top:50px;} a.more img{margin-bottom:-2px;} /* infozone */ .infozone .ctrl02{position:absolute; right:5px; top:10px;} .infozone .ctrl02 a{display:block; height:22px;float:left;cursor: pointer;} .infozone ul{overflow:hidden;height: 166px;width: 281px;} /* often service*/ .f_stop{position:absolute; left:65px; top:70px;} #slideshow {width: 510px;overflow: hidden;margin-left: 136px;} .level03 .left-section{overflow:hidden;} .pub_service h4{background:none; position:absolute; left:2px; top:33px;border:none;} .pub_service{border:1px solid #ddd; height:87px;background:url('/images/jje_central/main/pub_service_bg.png') no-repeat;overflow:hidden;} .pub_service ul{width:516px;height:91px; overflow:hidden;} .pub_service ul:after{content:''; display:block;clear:both;} .pub_service ul li{float:left;margin:8px 5px 0 0;} .pub_service ul li a{display:block;margin-bottom: 8px;border: 1px solid #F9F9F9;} .pub_service ul li a:focus{border: 1px solid #F9F9F9;} .pub_service ul li img{vertical-align: middle;} .pub_service .ctrl a{position:absolute;top:31px;cursor: pointer; } .pub_service .ctrl .pre{left:91px;} .pub_service .ctrl .next{right:15px;} /* school, tearcher search */ .level03 .right-section a{display:block;width:282px; height:45px;overflow:hidden;} /* Education Office, school notice */ .level04 .left.news h4{background: url('/images/jje_central/main/bu_news01.png') no-repeat 10px 9px #f4f4f4;padding-left: 34px;} .level04 .right.news h4{background: url('/images/jje_central/main/bu_news02.png') no-repeat 10px 8px #f4f4f4;padding-left: 33px;} .level04 ul.news{position:relative;} .level04 ul.news ul{padding:22px 18px 0;} .level04 ul.news .thumb_list{height:96px;background:none;padding-left:0;} .level04 ul.news .thumb_list img{float:left; margin-right:10px;} .level04 ul.news .thumb_list .subject{font-weight:bold;} .level04 ul.news a.more{position:absolute; right:24px; top:10px;} .level04 ul.news .subject {letter-spacing: -0.04em;} /*sns*/ .sns ul > li{float:left;} .sns h4{float: left;width: 140px;padding:0;border-bottom:none;height:38px;cursor:pointer;} .sns h4 a{display:block;padding-left:50px;border-top: 1px solid #c4c4c4;border-bottom: 1px solid #e0e0e0;} .sns h4 a.on, .sns h4 a:hover{width:99px;border-top: 1px solid #54677a;} .sns h4.facebook{width:139px; } .sns h4.facebook a{background:url('/images/jje_central/main/facebook.png') no-repeat 20px -43px;border-right:1px solid #e0e0e0;} .sns h4.facebook a.on, .sns h4.facebook a:hover{background-position:20px 6px;background-color:#fff;} .sns h4.twitter a{background:url('/images/jje_central/main/twitter.png') no-repeat 20px -43px;} .sns h4.twitter a.on, .sns h4.twitter a:hover{background-position:20px 6px;background-color:#fff;} .sns .content{position: absolute;left:0px;top:38px;width: 270px; overflow-y:scroll;height: 180px;padding: 5px;} .sns .twitter_content{position: absolute;left:0px;top:38px;width: 280px; height:189px;overflow: hidden;} .sns .hide{ display:none;} .sns .content ul{position: relative; padding:20px;} #sns02 {overflow: inherit;padding: 0;width: 280px;height: 190px;} #sns02 iframe {height: 190px !important;} #sns02 iframe {width: 100% !important;} #sns01 li span, #sns02 li span{float:left; margin-right:10px;} #sns01 li span, #sns02 li span:after{content:''; display:block;clear:both;} #sns02 li a{float:left; } #sns02 li a:after{content:''; display:block;clear:both;} /*minwon service */ .minwon h4{text-align:center;padding-left:0;color: #fff;} .minwon h4.minwon01{background: #0f4f99;} .minwon h4.minwon02{background: #f08300;} .minwon h4.minwon03{background: #009f73;} .minwon ul{padding:15px 18px 0;} .minwon ul li{margin:6px 0;padding-left:10px;background:url('/images/jje_central/common/dot_gray.gif') no-repeat left 7px;} /* link service*/ .link h4 {height: 35px; margin-bottom:18px;} .link form{margin:15px;} .link select{height:29px;border:1px solid #ddd;width:195px; line-height:20px;margin-right:1px} .link input.btn{width:46px; height:29px;border:1px solid #ddd;cursor:pointer;} /*banner*/ .banner_outer {border-top: 1px solid #dcdcdc;border-bottom: 2px solid #333;position: relative;overflow: hidden;height: 75px;padding: 0 10px 0 75px;} .banner{position:relative; overflow:hidden; height : 75px;} .banner ul{ height: 46px; overflow: hidden; margin: 15px 0; position:absolute;width:1500px;} .banner li{float:left;margin:0 9px;} .banner_outer .ctrl{position:absolute; left: 10px; width: 55px; top: 22px;} .banner_outer .ctrl a{display:block;margin: 3px 1px;float:left;border:1px solid #909090;} .banner_outer .ctrl a:hover, .banner_outer .ctrl a:focus {border:1px solid #247fee;} .tab_content .hide{display:none;} /*layer popup*/ .layer {display:none; position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} .layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;} .layer .pop-layer {display:block;} .pop-layer {display:none; position: absolute; top: 50%; left: 50%; background-color:#fff; border: 5px solid #3571B5; z-index: 10;} .pop-layer p.ctxt {color: #666; line-height: 25px;} .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;} a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;} a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;} /* login */ .login_con{width: 643px;margin: 90px auto 0;} .login_con:after{content:'';display:block; clear:both;} .boxGuide {background: url("/images/jje_central/common/login_bg.gif") no-repeat;padding: 20px 20px 15px 160px;margin-bottom: 10px;} .pagecontent .boxGuide h4 {font-weight: bold;font-size: 16px;color: #000;background: none;margin: 0 0 5px 0;padding-left: 0;} #login {width: 485px;border: 1px solid #c5d6ef;padding: 30px 0;margin-left: 160px;} #login .loginbox {position: relative;width: 450px;margin: 0 auto;margin-top: 0;} #login .loginbox legend {text-indent: -10000px;height: 0px;line-height: 0px;} #login .loginbox p {margin-bottom: 2px !important;} #login .loginbox p label {vertical-align: middle;height: 25px;display: inline-block;line-height: 25px;} #login .loginbox p span {display: inline-block;width: 60px;text-align: right;margin-right: 5px;padding-left: 0;} .inputStyle_03 {border: 1px solid #d0d0d0;border-top: 1px solid #b8b8b8;border-left: 1px solid #b8b8b8;width: 230px;height: 25px;line-height:25px;} #login .loginbox .loginbutton {position: absolute;top: 0px;left: 325px;} /* login new */ .login_con02{margin-top: 40px;} .login_con02:after{content:'';display:block; clear:both;} .boxGuide02 {background: url("/images/jje_central/common/login_bg.gif") no-repeat;padding: 20px 20px 25px 160px; margin: 40px auto 0;width: 448px;height: 75px;} .pagecontent .boxGuide02 h4 {font-weight: bold;font-size: 16px;color: #000;background: none;margin: 0 0 5px 0;padding-left: 0;} #login02 {width: 485px; padding: 0px 0px 30px 0px;margin-left: 200px;margin-top: -35px;} #login02 .loginbox {position: relative;width: 450px;margin: 0 auto;margin-top: 0;} #login02 .loginbox legend {text-indent: -10000px;height: 0px;line-height: 0px;} #login02 .loginbox p {margin-bottom: 2px !important;} #login02 .loginbox p label {vertical-align: middle;height: 25px;display: inline-block;line-height: 25px;} #login02 .loginbox p span {display: inline-block;width: 60px;text-align: right;margin-right: 5px;padding-left: 0;} #login02 .loginbox .loginbutton {position: absolute;top: 0px;left: 325px;} /* staff menu */ .staff { width: 100%; background: url(/images/jje_central/common/staff_bg.png) repeat; border-top: 1px solid #3f3f3f;} .staff_menu { margin-left: 200px; padding: 15px 0;} .staff_menu:after { display: block; content: ''; clear: both;} .staff_menu a {color: #fff; line-height: 1.7;} .staff_menu li {display: block; background: url('/images/jje_central/common/dot_staff.png') no-repeat left 6px; padding-left: 10px; margin: 0 7px;width: 136px; float: left;} .staff_menu li.end {width: 125px;} .staff h4.tit {float: left;padding: 15px 0 0;margin: 0;background: none;} /* celean educational administration */ .banner_popup_contents { position: relative;} .clean{ padding: 20px; position: relative;background: url('/images/jje_central/main/clean_bg.png') no-repeat right bottom;} .clean h4{ background-image: none; font-family: 'NanumBarunGothic'; font-size: 28px; margin: 50px 20px 20px; text-align: center;} .clean p { font-size: 18px; font-family: 'NanumBarunGothic'; text-align: center;} .clean ul { margin-top: 30px; border-top: 1px solid #ddd; padding-top: 15px; padding-left: 15px;} .clean ul li {background: url('/images/jje_central/common/h5.png') no-repeat 2px 40%; padding-left: 21px; font-size: 16px; margin: 17px 0 8px; font-family: 'NanumBarunGothic';} .clean span {font-size: 14px;} /* print */ .c_print {text-align:right;padding:15px 5px 15px 0;margin-bottom:20px;border-bottom:1px solid #ddd;} /* school, teacher search*/ ul.m_search li {position:relative;width:281px;height:45px;margin-bottom:2px;} ul.m_search li a {padding:5px 0 5px 82px;width:200px !important;height:35px !important;} ul.m_search li a.school_search {background:url('/images/jje_central/main/m_search_icon01.png') no-repeat 16px 4px #6ABA2E;} ul.m_search li a.teacher_search {background:url('/images/jje_central/main/m_search_icon02.png') no-repeat 20px 4px #36B4B9;} ul.m_search li a span {display:block;} ul.m_search li a span.tit {font-size:13px;font-weight:bold;color:#333;} ul.m_search li a span.txt {color:#333;font-size:11px;} ul.m_search li a span.new {position:absolute;right: 41px;top:18px;background:url('/images/jje_central/main/icon_new.png') no-repeat;width: 11px;height: 10px;} ul.m_search li a span.arr {position:absolute;right:17px;top:18px;text-indent:-9999px;background:url('/images/jje_central/main/icon_arrow.png') no-repeat;} /* service */ .m_link li{position:relative;height: 71px;/* start 2017.9.21 ~ 2017.12.31 한시적 동영상 링크 */height: 46px; margin-bottom: 5px;border: 1px solid #dcdcdc;overflow: hidden;} .m_link .link_con li{height:67px;margin-bottom:10px;}/*18.12.26. 동영상 주석, 배너 3개*/ /* 연수 공유방 */ .visual{margin:0 0 30px 0} /*재난 공유방*/ .visual_jaenan{margin:0 auto} .bbs_area{overflow:hidden;border-top:1px solid #54677a;border-bottom:1px solid #dcdcdc} .bbs_area div{float:left;border-right:1px solid #dcdcdc;width:249px;height:180px;position:relative} .bbs_area div:first-child{border-left:1px solid #dcdcdc;width:248px} .bbs_area h4{background:#f4f4f4;line-height:36px;padding:0 10px} .bbs_area div ul{margin:15px;} .bbs_area div li{margin:5px 0;padding-left:10px;background:url('/images/jje_central/common/dot_gray.gif') no-repeat left 7px} .bbs_area div li span{color:#fff;font-size:11px;padding:3px;margin:0 0 0 5px} .bbs_area div li .ing{background:#0080c7} .bbs_area div li .ready{background:#13bba5} .bbs_area div li .end{background:#aaa} .bbs_area p.more{position:absolute;top:10px;right:10px} .bbs_area p.more *{vertical-align:middle} .fban{margin:40px 0 20px 0} .fban ul{overflow:hidden} .fban li{float:left;margin:0 0 0 13px} .fban li:first-child{margin:0} /* 선거 dday */ .Dday{position:absolute;top: 0;right: -110px;border: 1px solid #cacaca;padding: 5px;text-align: center;background: #f3f3f3;} .Dday .img{/* float:left; *//* margin:5px 10px 0 0; */} .Dday .con{float:left;width: 90px;padding-top: 5px;} .Dday .con h2{text-align: center;font-size: 11px;margin:0 0 2px 0;/* text-align:center; */color: #5a7baf;} .Dday .con .date{color:#f26522;font-size: 16px;font-weight:600;text-align:center;margin:0 0 3px 0;} .Dday .con .today{background:#f8f8f8;border:1px solid #e7e7e7;border-radius:30px;text-align:center;font-size:12px;font-weight: 600;} /*quick : 미세먼지*/ .qdust{width:100px;position:absolute;top:20px;margin-left:-120px;border:1px solid #dcdcdc;border-top:2px solid #404042;background-color:#f2f2f2} .qdust .qd_top{color:#333;text-align:center;padding:10px 0;font-size:15px;} .qdust .qd_top strong{font-size:18px;color:#f08300;} .qdust .qd_top span{display:inline-block;margin-top:5px;font-size:13px;} .qdust .qd_body ul li{list-style:none;width:100%;border-bottom:1px solid #ddd;background:#fff;} .qdust .qd_body ul li:last-child{border-bottom:0;} .qdust .qd_body ul li dl{padding:10px 5px;} .qdust .qd_body ul li dl dt{display:inline-block;color:#404042;font-size:13px;width:50%;} .qdust .qd_body ul li dl dt span{font-weight:bold;font-size:14px;} .qdust .qd_body ul li dl dd{float:right;font-size:12px;width:50%;text-align:center;} /*181130 임시배너*/ .pop_banner{position:absolute;top:330px;left:-119px}