@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body{width:100%; height:100%; margin:0; padding:0; font-family: "Nanum Gothic", 맑은 고딕, "Malgun Gothic",'돋움','Lucida Grande', Verdana, Helvetica, sans-serif; font-size:12px; color:#8b8b8b; background-color:#fff; overflow:visible; letter-spacing:-1px;}
li,ul,img,p,form{border:0;list-style:none;margin:0;padding:0;}
input:not([type=button]){background-color:#e9e9e8; border:1px solid #e9e9e8; font-family: "Nanum Gothic",  맑은 고딕, "Malgun Gothic",'돋움','Lucida Grande', Verdana, Helvetica, sans-serif; font-size:12px;}
INPUT[type=text]{width:245px; height:27px; background-color:#fff; border:2px solid #959595; font-size:22px; color:#8f8171; padding:5px;}
input[type=checkbox]:not(old){width:15px; height:15px; background:none; border:none;}
input[type="radio"]:not(old){width:18px; height:18px; border:0px; background-color:#fff;}
textarea{background-color:#f2f2f2; border:1px solid #d7d7d7;font-family: "Nanum Gothic", 맑은 고딕, "Malgun Gothic",'돋움','Lucida Grande', Verdana, Helvetica, sans-serif; font-size:12px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
a:link{text-decoration:none;color:#4d4d4d;}
a:hover{text-decoration:none;color:#4d4d4d7;}
a:visited{text-decoration:none;color:#4d4d4d;}
.clear{clear:both;}




/* wrap */
#wrap{width:100%; height:100%; margin:0; padding:0; }
.sartb{position:absolute; top:479px; left:50%; margin-left:572px; z-index:999999999;}

/* header */
#header{width:100%; margin:0 auto; overflow:hidden;}
.top{width:1100px; height:97px; margin:0 auto; overflow:hidden;}
.top li{float:left;}
.logo{width:355px; padding-top:30px;}
.top_banner{width:430px;}
.top_banner img{margin:0 auto;}
.top_right{width:293px; margin-top:10px; padding-left:22px;}
.top_right li{float:left;}
.top_icon{width:85px; overflow:hidden; }
.top_icon li{width:100%; text-align:center;}

/*menu*/
.menu{width:100%; height:45px; border-top:1px solid #dee0e1; }
.menu_admin{width:100%; height:45px; border-top:1px solid #dee0e1; border-bottom:1px solid #dee0e1;}
.menu_inner{width:1100px; margin:0 auto; }

.menu_btn{position:absolute;  width:115px; height:30px; border-left:1px solid #dee0e1;  border-right:1px solid #dee0e1; padding-top:15px; padding-left:25px;}
.menu_btn li{float:left;}
.menu_btn li:first-child{padding-top:2px;}
.menu_btn li:last-child{color:#4d4d4d; font-weight:bold; font-size:13px; letter-spacing:0px; margin-left:2px;}
.menu_box{position:absolute; width:645px; margin-left:153px; height:45px;} 
.menu_box li{width:110px; float:left; text-align:center; font-size:14px; color:#4d4d4d; padding-top:16px; padding-left:5px; padding-right:5px;}
.menu_box_admin {margin-left:148px; }
.menu_box_admin li{width:100px; float:left; text-align:center; font-size:14px; color:#4d4d4d; padding-top:16px;padding-right:3px; }
.menu_right{width:295px; height:45px; float:right;background:url(../img/menu_right_back.jpg) no-repeat;  padding-left:20px;}
.menu_right li{float:left; color:#fff; width:90px; padding-top:15px;}
.mr1{padding-left:21px;}
.mr2{padding-left:25px;}
.mr3{padding-left:28px;}
.mr1 a{color:#fff;}
.mr2 a{color:#fff;}
.mr3 a{color:#fff;}
#menu_div{display:none; width:100%; position:absolute; height:350px; margin:0 auto;z-index:1; background-color:#000;  opacity:0.8;}
.menu_div_inner {width:1100px; height:280px; margin:0 auto; }
.menu_div_inner div{float:left; }
.menu_box1{width:280px; z-index:99; }
.menu_box2{ width:133px; }
.menu_bar{margin-left:0px; float:left;}
.menu1 {padding-top:10px;  }
.menu1 li{ margin-left:189px; height:20px; font-size:12px; line-height:13px; color:#fff; }
.menu1 li a{ color:#f2f2f2;}
.menu1 li a:hover{ color:#27bfff;}
.menu_box3{ width:132px;}
.menu2 {padding-top:10px; }
.menu2 li{ margin-left:28px; height:20px; font-size:12px; line-height:13px; color:#fff;}
.menu2 li a{ color:#f2f2f2;}
.menu2 li a:hover{ color:#27bfff;}
.menu_box4{width:103px; padding-left:4px;}
.menu3 {padding-top:10px;}
.menu3 li{ margin-left:10px; height:20px; font-size:12px; line-height:13px; color:#fff;;}
.menu3 li a{ color:#f2f2f2;}
.menu3 li a:hover{ color:#27bfff;}
.menu4 {padding-top:10px;  }
.menu4 li{ width:103px; height:20px; font-size:12px; line-height:13px; color:#fff;}
.menu4 li a{ color:#f2f2f2;}
.menu4 li a:hover{ color:#27bfff;}
.menu_box5{  width:70px; height:100px;padding-left:4px; }
.menu5 {padding-top:10px;}
.menu5 li{ width:116px; height:20px; font-size:12px; line-height:13px; color:#fff;}
.menu5 li a{ color:#f2f2f2;}
.menu5 li a:hover{ color:#27bfff;}

/*main*/
.slide{width:100%; height:500px; background:url(../img/slide_back.jpg) repeat-y; background-position:center;}
.slide_inner{width:1100px; margin:0 auto;}
.arrow_left{position:absolute; width:26px; height:48px; left:50%; margin-left:-595px; margin-top:235px;}
.arrow_right{position:absolute;  width:26px;  height:48px; left:50%;  margin-left:570px; margin-top:235px;}
.slide_banner{width:100%; height:108px; border-bottom:1px solid #f2f2f2; background-color:#f2f2f2; margin-top:-3px;} 
.slide_banner_inner{width:1100px; margin:0 auto;}
.slide_banner_inner li{float:left;}
.bottom{width:1100px; height:212px; margin:0 auto; margin-top:109px; }
.bottom li{float:left;}
.gallery{position:relative; width:459px; height:212px; margin-top:0px;}

.g_title_text{width:120px; height:55px; position:absolute;  right:0; bottom:0; color:#fff; font-size:14px; letter-spacing:-1px; z-index:100; padding:15px; font-weight:bold;}
.g_title{width:150px; height:85px; position:absolute;  background-color:#ff3600; right:0; bottom:0; opacity:0.9; }
.notice{width:346px; height:212px; padding-left:20px; overflow:hidden;}
.notice_title{height:34px; margin-top:34px;  font-size:16px; color:#000; font-weight:bold;}
.notice_row li{float:left; height:25px; color:#7c7c7c; font-size:13px;}
.notice_row li:first-child{width:250px; }
.notice_row li:last-child{width:50px; margin-left:20px;}
.bottom_banner{width:274px;}
.bottom_banner li:first-child{margin-top:-2px; }
.bottom_banner li:last-child{margin-top:-3px; }

/*copy*/
#footer{width:100%;  height:145px; background:url(../img/footer_back.jpg) repeat-x; margin-top:50px; }
#footer_index{width:100%;  height:145px; background:url(../img/footer_back.jpg) repeat-x;  }
.copy_menu{width:1100px; height:30px; padding-top:15px; margin:0 auto; }
.copyright{width:1100px; margin:0 auto; overflow:hidden; padding-top:20px;}


/*sub*/
.sub_top{width:100%; height:200px; background:url(../img/about_top.jpg) no-repeat; background-position:center;}
.navi{width:1100px; height:35px;  margin:0 auto;}
.navi_inner{height:25px; padding-top:10px; float:right; }
.navi_inner li{float:left;}
#contents {width:1100px; margin:0 auto; margin-top:10px;;}
#contents li{float:left;}
.left{width:182px;}
.right{width:870px; margin-left:48px; }
.left_box{width:182px; height:28px; background:url(../img/left_menu_back.jpg) no-repeat; padding-top:8px; font-size:14px; color:#666666; text-indent:2px;}
.left_box_on{width:182px; height:28px; background:url(../img/left_menu_back.jpg) no-repeat; padding-top:8px; font-size:14px; color:#4895bb; text-indent:2px;}
.tab{margin:15px 0px; overflow:hidden;}
.tab div{float:left; margin-right:10px; margin-bottom:5px;}
.tab_box_on{width:132px; height:16px; padding:8px 0px; border:1px solid #dddddd; background-color:#4693ba; color:#fff; font-size:13px; text-align:center;}
.tab_box_on a{width:132px; height:16px; padding:8px 0px; background-color:#4693ba; color:#fff; font-size:13px; text-align:center;}
.tab_box{width:132px; height:16px; padding:8px 0px; border:1px solid #dddddd; color:#666666; font-size:13px; text-align:center;}
.text{font-size:13px; line-height:20px; margin-bottom:20px;;}
.text2{font-size:15px; color:#666666; line-height:30px; font-weight:bold; margin-bottom:0px; margin-top:2px;}


.intro_tit {clear:both; height:30px;  font-size:20px; color:#4693ba; font-family:"Nanum Gothic", 맑은 고딕, "Malgun Gothic",'돋움','Lucida Grande'; font-weight:bold; letter-spacing:-2px; margin-top:50px;}
.con {position:relative;  clear:both; width:100%;  padding:40px 0; font-size:13px; line-height:20px;} 
.list {clear:both; border-bottom:1px solid #dfdfdf; margin-top:10px; margin-bottom:10px;}
.box01 {width:100%; background:#f2f3f7; padding:20px; margin-bottom:10px;}

/*테이블*/
.table table{width:100%; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; margin-bottom:20px; }
.table table th{background-color:#fbfaf9; padding:5px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; font-size:14px; color:#666666; height:25px; text-align:center;}
.table table td{background-color:#fff; padding:5px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;  font-size:13px; color:#666666; height:25px; line-height:18px; text-align:center;}
.thfont{font-size:14px;}
.table2 table{width:100%; border-top:2px solid #4693ba; border-left:1px solid #e0e0e0;  margin-bottom:20px; }
.table2 table th{background-color:#fbfaf9; padding:5px; border-bottom:1px solid #e0e0e0;  border-right:1px solid #e0e0e0; font-size:14px; color:#666666; height:25px; text-align:center;}
.table2 table td{background-color:#fff; padding:5px; border-bottom:1px solid #e0e0e0;  border-right:1px solid #e0e0e0; font-size:13px; color:#666666; height:25px; line-height:18px; text-align:center;}


/* 학교소개 */
/* 인사말 */
#intorduce01 {clear:both; width:100%;}
#intorduce01 .img img {width:100%;}
#intorduce01 .text {margin-top:30px; text-align:justify;}
#intorduce01 .sign {clear:both;float:right; margin-top:40px;}
#intorduce01 .life {clear:both; border:1px solid #dfdfdf; padding:0 10px;}
#intorduce01 .life .left {float:left; width:47%;}
#intorduce01 .life .right {float:right; width:47%;}
#intorduce01 .life table {width:100%; margin:10px 0;border-top:1px solid #4a4a4a;border-bottom:1px solid #dfdfdf;}
#intorduce01 .life table th {width:90px; background:#f2f3f7; color:#494949;}
#intorduce01 .life table td {padding:10px; font-size:12px;}
.introCont .img img{float:left;width:460px;margin:30px 0 50px 0;}

/* 교육이념 */
#intorduce02 {clear:both; width:100%;}
#intorduce02 img {width:100%;}
#intorduce02 .box {background:#f2f3f7; padding:20px; margin-top:30px;}
#intorduce02 .left {float:left; width:410px;}
#intorduce02 .left .text {height:610px; border:10px solid #4693ba; background:#4693ba; color:#fff;}
#intorduce02 .left .text ul .img1 {background:#fff; text-align:center;}
#intorduce02 .left .text ul .img2 {text-align:center; padding:20px 0;}
#intorduce02 .left .text ul .txt {padding:0 10px;}
#intorduce02 .right {float:right; width:410px;}
#intorduce02 .right .text {height:610px;  border:10px solid #4a4a4a; background:#4a4a4a; color:#fff;}
#intorduce02 .right .text ul .img1 {background:#fff; text-align:center;}
#intorduce02 .right .text ul .img2 {text-align:center; padding:20px 0;}
#intorduce02 .right .text ul .txt {padding:0 10px;}


/* 학교연혁 */
#intorduce03 {clear:both; width:100%;}
#intorduce03 .history {clear:both; margin-bottom:40px;}
#intorduce03 .history .img {margin-bottom:30px;}
#intorduce03 .history .list {clear:both; border-bottom:1px solid #dfdfdf; padding-bottom:30px;}
#intorduce03 .history .list .year {float:left; width:12%; font-size:34px; font-family:'"Nanum Gothic", 맑은 고딕, "Malgun Gothic",'돋움','Lucida Grande''; color:#333; letter-spacing:-3px; line-height:40px;}
#intorduce03 .history .list .info {float:left; width:88%;}
#intorduce03 .history .list .info .info1 {float:left; width:50%;}
#intorduce03 .history .list .info .info1 li:first-child{width:10%;}
#intorduce03 .history .list .info .info1 li:last-child{width:90%;}
#intorduce03 .history .list .info .info2 {float:left; float:both; width:50%;}
#intorduce03 .history .list .info .info2 li:first-child{width:10%;}
#intorduce03 .history .list .info .info2 li:last-child{width:90%;}
#intorduce03 .history .list .info ul {clear:both;}
#intorduce03 .history .list .info ul li {float:left; width:95%; padding:3px 0;}
#intorduce03 .history .list .info ul .month {width:5%; color:#4693ba;}
#intorduce03 .history img {max-width:100%;}


/*교과과정*/

#grade01 {clear:both; width:100%;}
#grade01 .history {clear:both; margin-bottom:40px;}
#grade01 .history .img {margin-bottom:30px;}
#grade01 .history .list {clear:both; padding-bottom:30px;}
#grade01 .history .list .year {float:left; width:12%; font-size:34px; font-family:'"Nanum Gothic", 맑은 고딕, "Malgun Gothic",'돋움','Lucida Grande''; color:#333; letter-spacing:-3px; line-height:40px;}
#grade01 .history .list .info {float:left; width:100%;}
#grade01 .history .list .info .info1 {float:left; width:49%;}
#grade01 .history .list .info .info1 li:first-child{width:10%;}
#grade01 .history .list .info .info1 li:last-child{width:90%;}
#grade01 .history .list .info .info2 { float:both; float:right; width:49%;}
#grade01 .history .list .info .info2 li:first-child{width:10%;}
#grade01 .history .list .info .info2 li:last-child{width:90%;}
#grade01 .history .list .info ul {clear:both;}
#grade01 .history .list .info ul li {float:left; width:95%; padding:3px 0;}
#grade01 .history .list .info ul .month {width:5%; color:#4693ba;}
#grade01 .history img {max-width:100%;}


/* 학교소개동영상/교가 */
#intorduce04 {clear:both; width:100%;}
#intorduce04 .movie {border:2px solid #4693ba; background:#fff; text-align:center; padding:25px;}
#intorduce04  img {max-width:100%;}
#intorduce04 .txt {background:#4693ba; height:35px;padding-top:15px;}
#intorduce04 .txt ul li {float:left;}
#intorduce04 .txt ul .r {float:right;}
#intorduce04 .almamater {clear:both; margin-top:20px; padding:10px; border:1px solid #dfdfdf; background:#f2f3f7;}


/* 시설소개 */
.vrimg02 {display:inline-block; min-width:320px; max-width:100%; text-align:center; padding:30px 0;}
.vrimg02 img {width:100%;}

.vrTitTab {width:100%; height:30px; margin-top:20px; text-align:left; font-size:24px; color:#0996df; font-weight:bold;}
.vrTit {padding:20px; color:#fff; background:#4693ba;   font-size:20px; font-weight:bold;}
.vrTit .info {font-size:13px; clear:both;}
.vrList {min-width:320px; max-width:100%;}
.vrList li {width:25% !important; float:left; margin-top:20px;}
.vrList li img {width:97%;}
.vrList li p {padding:5px 0 0 0; text-align:center; background:#f2f3f7; width:97%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.vrList li .info {font-size:13px; clear:both;}
.vrList span {display:inline-block; padding-top:50px;}

.cp {cursor:pointer;}



/* 찾아오시는길 */
#introduce10 {clear:both; width:100%;}
#introduce10 .map {width:870px; height:465px;}
#introduce10 .map .pc {display:block;}
#introduce10 .map .tablet {display:none;}
#introduce10 .map .mobile {display:none;}
#introduce10 .txt {clear:both;display:block;}
#introduce10 .txt ul {clear:both;}
#introduce10 .txt ul li {float:left;}
#introduce10 .txt ul .tt {width:50px; font-weight:bold; color:#494949;}
#introduce10 .box {border:1px solid #dfdfdf; padding:25px; height:350px;}
#introduce10 .box ul .bg1 {min-height:90px; background:url(../img/sub6_02.jpg) no-repeat left top; padding-left:80px;}
#introduce10 .box ul .bg2 {background:url(../img/sub6_02.jpg) no-repeat left top; padding-left:80px;}
#introduce10 .box ul li span {font-family:'"Nanum Gothic", 맑은 고딕, "Malgun Gothic",'돋움','Lucida Grande''; font-weight:bold; color:#333; font-size:18px; line-height:30px;}
#introduce10 .box ul li strong {color:#4693ba;}
#introduce10 .info1 {clear:both; background:#f2f3f7;}
#introduce10 .info1 .img {float:right;}
#introduce10 .info1 .text {width:380px;padding:25px 0 0 25px;}
#introduce10 .info1 .text img {margin-bottom:25px;}


/*정보공시*/

.search{width:321px; height:20px; background:url(../img/search_back.jpg) no-repeat; margin-left:549px; margin-top:20px;} 
.search li{float:left; margin-top:-8px;}
.search select{background-color:#f2f2f2; border:1px solid #d7d7d7; height:22px; font-family:"Nanum Gothic", 맑은 고딕, "Malgun Gothic",'돋움','Lucida Grande', Verdana, Helvetica, sans-serif; font-size:16px;}
.search select::-ms-expand {display: none; }  
#search{width:80px; height: 20px; color:#959595; background-color:#fff; border:0px; margin-left:1px; font-size:13px; padding-left:10px;}
.search_link {display:block; width:25px; height:20px; margin-left:15px;}
.search input{margin:0; padding:0; width:180px; height:20px; margin-top:0px; border:0px solid red; font-size:13px; color:#959595; padding-left:10px; }
.middle{color:#959595;}
.media_box{margin-top:30px;}
.media_box li{float:left;}
.media_name{width:700px; border-bottom:1px solid #f2f2f2; padding-bottom:5px; font-size:20px; color:#0c95a2; letter-spacing:-1px; display:block;}
.media_link{font-size:14px; color:#c2c2c2; letter-spacing:-1px;}
.mbox{width:700px; margin-left:20px;}
.top15{padding-top:15px;}
.top30{padding-top:30px;}
.top50{padding-top:50px;}
.board{width:870px; }
.board table{width:100%; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.board table th{background-color:#fbfaf9; padding:5px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; font-size:13px; color:#666666; height:20px; text-align:left; text-align:center;}
.board table td{background-color:#fff; padding:5px 5px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;  font-size:13px; color:#666666; height:20px; text-align:center;}
.board table td a{background-color:#fff; padding:5px 5px;  font-size:13px; color:#666666; height:20px; text-align:center;}
.board table td input{width:200px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd;}
.board table img{max-width:800px;}
.t_title{text-align:left;}
.pn{width:30px; height:20px;  text-align:center; font-size:13px; color:#bbbbbb; padding-top:8px;  }
.pn_on{width:30px; height:20px;  text-align:center; font-size:13px; color:#000; font-weight:bold;  padding-top:8px; }
.page_box{width:870px; text-align:center;}
.page{ display:table; margin:0 auto; margin-top:30px;  }
.page li{float:left;}
.board_view{width:870px; }
.board_view table img{max-width:624px;}
.board_view table{width:100%; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.board_view table th{background-color:#fbfaf9; padding:5px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; font-size:13px; color:#666666; height:30px; text-align:left; text-align:left; text-indent:10px;}
.board_view table td{background-color:#fff; padding:5px 5px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;  font-size:13px; color:#666666; height:30px; text-align:left;}
.board_view table td a{background-color:#fff; padding:5px 5px;  font-size:16px; color:#666666; height:30px; text-align:center;}
.board_view table td input{width:200px; height:20px; background-color:#fff; border:1px solid #dddddd;}
.board_view table td textarea{width:100%; height:300px; background-color:#fff; border:1px solid #dddddd; margin:2px 0;}
.btn_write a{  display:table; margin:0 auto; padding:15px 25px; background-color:#454345; color:#fff; font-size:15px; text-align:center; margin-top:20px; border-radius:5px; letter-spacing:-1px;}
.board_write{width:870px; }
.board_write table img{max-width:624px;}
.board_write table{width:100%; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.board_write table th{background-color:#fbfaf9; padding:5px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; font-size:13px; color:#666666; height:30px; text-align:left; text-align:left; text-indent:10px;}
.board_write table td{background-color:#fff; padding:5px 5px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;  font-size:13px; color:#666666; height:30px; text-align:left;}
.board_write table td a{background-color:#fff; padding:5px 5px;  font-size:16px; color:#666666; height:30px; text-align:center;}
.board_write table td input{width:200px; height:25px; background-color:#fff; border:1px solid #dddddd;}
.board_write table td textarea{width:100%; height:300px; background-color:#fff; border:1px solid #dddddd; margin:2px 0;}
.board_view select{border:1px solid #e0e0e0; color:#666666;height:38px;}
.textarea_box{padding:2px;}
.btn_set{display:table; margin:0 auto; margin-top:20px;  }
.btn_set li{float:left; margin-left:3px;}
.view_textarea{width:96%; height:300px; background-color:#f9f9f9; border:1px solid #dddddd; margin:0 auto;}
.btn_counsel a{  display:table; margin:0 auto; padding:10px 20px; background-color:#454345; color:#fff; font-size:13px; text-align:center; margin-top:30px;  letter-spacing:-1px;}
.btn_counsel a:hover{background-color:#4795bb; }


/*갤러리*/
.gallery_list{overflow:hidden; margin-top:20px;}
.box{width:200px; }
.sbox{width:200px; height:150px; border:1px solid #d7d7d7; text-align:center;}
.sbox_name{width:200px; height:20px; font-size:14px; text-align:center; letter-spacing:-1px; padding-top:5px;}
.gallery_list li{float:left; margin-right:22.5px; margin-bottom:10px; }
.gallery_list li:last-child{margin-right:0px;}
.gallery_list li img{width:100%;}