.contents { width:100%; }
.contents > .section { position:relative; }
.contents .section .section { padding:54px 0 50px 0; overflow:hidden; }

/*sub navigation*/
.contents .section .left { width:160px; float:left; }
.contents .section .left h2 { font-size:25px; padding-bottom:15px; border-bottom:2px solid #333; text-indent:12px; }
.contents .section .left ol {}
.contents .section .left ol li { border-bottom:1px dotted #ddd; overflow:hidden; }
.contents .section .left ol li a {width:100%; display:block; font-size:14px; padding:10px 0; text-indent:13px; text-indent:24px; font-weight:700; }
.contents .section .left ol li a:hover,
.contents .section .left ol li a.on{ background:#f4f4f4; }
.contents .section .left ul.banner { margin:10px 0 0; padding:0; }
.contents .section .left ul.banner li { margin:10px 0 0; }
.contents .section .left ul.banner li:first-child { margin:0; }
.contents .section .left ul.banner li a { display:block; border:1px solid #ddd; line-height:40px; text-align:center;}
.contents .section .left ul.banner li:first-child a { background:url(/img/sub/banner1.png) no-repeat 10px center #f3f3f3; }
.contents .section .left ul.banner li:last-child a { background:url(/img/sub/banner2.png) no-repeat 10px center #f3f3f3; }

/*sub contents*/
.contents .section .sub_contents { width:750px; float:right; border-left:1px dotted #999; padding-left:33px; padding-bottom:40px; }
.contents .section .sub_contents h3 { font-size: 20px; font-weight:700; padding-bottom:15px; padding-top:6px; border-bottom:1px solid #999; margin-bottom:20px; }
.contents .section .sub_contents h3 span { font-size:12px; font-family:'dotum'; float:right; font-weight:normal; color:#999; margin-top:9px; width:30%; text-align:right;} 
.contents .section .sub_contents .page { overflow:hidden; line-height:21px; position:relative; }
.contents .section .sub_contents .page .img { margin-bottom:30px; }
.contents .section .sub_contents .page h4 { margin-bottom:12px; font-size:17px; background:url('/img/sub/h4bullet.jpg') no-repeat center left; padding-left:10px; }
.contents .section .sub_contents .page p { text-align:justify; margin-bottom:15px; line-height:22px; }


.contents .section .sub_contents .page .imgtxt { overflow: hidden; background: url('/img/sub/call_bg.jpg')left top no-repeat; padding: 30px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom:20px; }
.contents .section .sub_contents .page .txtbox { width:55%;float:right; font-size: 15px; color: #333; font-weight: bold; line-height:25px; margin-bottom:0;}

/*공통스타일*/
ul.list_style li { padding-left:8px; background:url(/img/sub/list_bullet.jpg)no-repeat left 11px; margin-left:5px; line-height:23px !important; font-size:13px; }
ul.list_style li ol li { background:none; margin-left:0; padding-left:5px; }
h5 { font-size:14px; font-weight:700; margin:5px 0; }

.mg20 { margin-top:20px; }
.mg10b { margin-bottom:10px !important; }
.mg15b { margin-bottom:15px; }
.mg20b { margin-bottom:20px; }
.mg25b { margin-bottom:25px; }
.nonepc { display:none !important; }
.inline { display:inline }

ul.list_style li span { display:block; }

/*말줄임*/
.ellipsis{ width:auto; text-align:center !important; margin-bottom:0 !important;}

/*학교소개 교장인사말*/
p.subtitle { font-size:15px; margin-bottom:10px; line-height:24px;  }
.movie_wrap { width:100%; float:left; }
.movie_wrap .inner_wrap { position:relative; padding: 0 0 27px; }
.movie_wrap .inner_wrap img { width:100%; }


/*학교소개 설립취지*/
.contents .section .sub_contents .page p.mb20{margin-bottom:20px;}
.contents .section .sub_contents .page p.tit01{font-size: 18px; font-weight: bold; padding-bottom: 15px; padding-top: 6px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.contents .section .sub_contents .page.history .imgtxt { background: url('/img/sub/est_bg.jpg') left top no-repeat; }

/*학교소개 연혁*/
.contents .section .sub_contents .page .history_box { width:65%; float:left; }
.contents .section .sub_contents .page .history_box2 { float:right; width:32%; }
.contents .section .sub_contents .page .history_box2 img { margin-bottom:15px; }


/*학교소개 이사회소개*/


/*학교소개 학교조직도*/
.org p.subtitle{ margin-bottom:20px; }
.organi_imgbox{ width:99%; height:auto; border:1px solid #ccc; text-align:center; }
img.organi_img{margin:0 auto; margin:30px 0; }


/*학교소개 교직원소개*/
.select_categoryBox{width:97.5%;height:30px}
.select_category{float:right;display:block;padding:5px;}


/*학교소개 교육시설*/
.facility .top_view ol li img{width:100%;/*height:410px*/}
.facility .top_view ol li {position:relative;}
.facility .top_view ol li p.fac_imgtit{display:block; position:absolute; left:0; bottom:-14px; font-weight:700; padding:1.5% 2%; width:96.1%; font-size:14px; background:url('/img/sub/bg_opacity_40.png') repeat ; color:#fff;}

.facility .top_view {overflow:hidden; }
.facility .top_view ul {overflow:hidden; float:left;width:10%}
.facility .top_view ul.btn{width:5%; margin:60px 10px}
.facility .top_view ul.btn li{width:100%;}
.facility .top_view ul.list{width:85%}
.facility .top_view ul li{float:left; margin-left:2%; width:18.4%; margin-top:20px}
.facility .top_view ul li:first-child{margin-left:0%;}
.facility > .top_view > ul > li > img{width:100%}
.facility .top_view ul li p{text-align:center; font-size:15px;  letter-spacing: -1px;}

.facility_wrap { position:relative;background-size:cover; width:100%; overflow:hidden;}
.facility_wrap .facility_box p.title { color:#ddd; text-align:center; width:60%; font-size:14px; margin: 0 auto; padding-top:15px; line-height:1.5em; margin-bottom:30px;}
.facility_wrap .facility_box .txt{ margin:0 auto; overflow:hidden; position:relative; }
.facility_wrap .txt_ul { margin:0; padding:0; width:2940px; position: absolute; top:0; }
.facility_wrap .txt_ul > li { float:left; width:728px; }
.facility_btn .btn_left{ text-align:center; position: absolute; left:0px; top:39% }
.facility_btn .btn_right{ text-align:center; position: absolute; right:0px; top:39% }

.txt .list { width:100%;margin:0 auto; overflow:hidden; padding:15px 0}
.txt .list > li { float:left; width:15.83%; margin:0 0 0 1%; position:relative}
.txt .list > li.on p.facility_txt, 
.txt .list > li:hover p.facility_txt {display:block; text-align:center;}
.txt .list > li:first-child { margin:0; }
.txt .list > li img { text-align:center; display:block; margin:0 auto; }
.txt .list > li p.facility_txt { height:100%; display:none; position:absolute; width:100%; left:0; top:0; overflow:hidden; text-align:center; background:url("/img/sub/bg_opacity_40.png") repeat;}
.txt .list > li p.facility_txt span {display:inline-block; font-weight:700; color:#fff; margin:0; font-size:13px; margin:19px 0 }
.txt .list p.facility_nav_tit { text-align:center; font-size:15px; font-weight:700; padding:15px 0 0; }

.contents .section .sub_contents .page.facility a.btn_left1 { position:absolute; top:34%; left:1%; }
.contents .section .sub_contents .page.facility a.btn_right1 { position:absolute; top:34%; right:1%; }

/*학교소개 교가*/
.contents .section .sub_contents .listen_box { position:absolute; top:0; right:0; overflow:hidden; text-align:center; width:100px; padding-right:30px; background:url('/img/sub/music_icon.png') no-repeat 79% center #555; }
.contents .section .sub_contents .listen_box a { display:block; text-align:center; color:#fff; font-weight:700; font-size:14px; padding:8px 0; }
.contents .section .sub_contents .song_imgbox{ text-align:center; }
.contents .section .sub_contents .song_imgbox .song_img { margin-top:50px;}

/*학교소개 오시는길*/
#map_canvas{height:350px; border:1px solid #ccc; margin-bottom:35px;}


/*학교운영 교훈*/
.contents .section .sub_contents .page .phil_box { border:1px solid #ccc; overflow:hidden; margin-bottom:18px; }
.contents .section .sub_contents .page .phil_box img { float:left; width:35%}
.contents .section .sub_contents .page .phil_box .tit { font-size:15px; font-weight:700; margin-bottom:5px; text-align:center; border-bottom:1px solid #ccc; padding-bottom:5px;}
.contents .section .sub_contents .page .phil_box .tit span{ font-weight:400; font-size:13px; }
.contents .section .sub_contents .page .phil_box div { text-align:justify; float:right; width:58%; padding:12px 20px 12px 0;}
.contents .section .sub_contents .page .phil_box div p { margin-bottom:0; line-height:21px; }

/*학교운영 교육과정*/
.contents .section .sub_contents .page p.featp { border-top:1px solid #ccc; padding-top:10px; }
.contents .section .sub_contents .page .feature_box { overflow:hidden; margin-top:15px; margin-bottom:22px; }
.contents .section .sub_contents .page .feature_box div { float:left; width:32%; margin-right:2%; text-align:center; }
.contents .section .sub_contents .page .feature_box div:last-child { margin-right:0; }
.contents .section .sub_contents .page .feature_box div img { width:100%: }
.contents .section .sub_contents .page .feature_box div p { padding:8px; font-weight:bold; text-align:center; }
.contents .section .sub_contents .page.features .img2 .table_01 td.ll { text-align:left; }


/*학교운영 생활안내*/
.life10box{ border-top:1px dotted #ccc;  margin:0 0 5% 0; }
.bbox { overflow: hidden; border-bottom: 1px dotted #ccc; padding: 20px 0;}
.bbox .sbox { width: 48%; float: left; margin-left: 3%;}
.bbox .sbox:first-child { margin-left: 0; }
.bbox img { float: left; width: 19%; border: 1px solid #ccc; padding:2%;}
.h6_title { line-height: 23px; font-size: 14px; font-weight: 700; padding-bottom: 15px !important; width:73%; float: left; margin: 0 0 0 3%;}


/*통일교육 통일학교란*/
.contents .section .sub_contents .page.unite .unite_txt_bg { border:1px solid #ccc; padding:25px 15px 15px 15px; background:url(/img/sub/unite_txt_bg.png) no-repeat center center; }

/*통일교육 탈북청소년은*/
#slider div.mc-caption-bg { width:728px !important; left:0 !important; bottom:20px !important; padding:20px 0 !important}
#slider div.mc-caption-bg2  { width:728px !important; left:0 !important; bottom:20px !important; padding:20px 0 !important}
#slider div.mc-caption { width:728px !important; left:0 !important; bottom:20px !important; padding:20px 0 !important}
ul.teen_thum { overflow:hidden; margin-top:20px; }
ul.teen_thum li { float:left; width:47.5%; margin:1%; }
ul.teen_thum li span { padding:4px 10px; background-color:#5C5C5C; color:#fff; position:absolute; }

/*통일교육 통일교육세미나*/
.contents .section .sub_contents .germany .box_txt p.txt_left { background:url('/img/sub/man_icon.png') no-repeat 0 20%; text-align:right; width:265px; float:right; margin:0; }
.contents .section .sub_contents .germany .box_txt { padding:20px; background:#f4f4f4;}
.contents .section .sub_contents .germany .box_txt2 p.txt_left { width:220px;}

/*통일교육 학교건립*/
.contents .section .sub_contents .bulid span.txt { margin-top: 20px; display: inline-block;}
.contents .section .sub_contents .box_txt { color: #555; text-align: justify; margin-bottom:20px; border:1px solid #ccc; padding:15px 25px; background:#f9f9f9; overflow:hidden;}
.contents .section .sub_contents .box_txt p { margin-bottom:10px; }
.contents .section .sub_contents .box_txt p.mg0b { margin-bottom:0px; }
.contents .section .sub_contents .bulid .txt { margin-top:15px; margin-top: 25px; border-top: 1px #ccc solid; padding-top:20px; }





/*후원안내 후원안내*/
.contents .section .sub_contents .donation_box { overflow:hidden; }
.contents .section .sub_contents .donation_box ul { overflow:hidden; }
.contents .section .sub_contents .donation_box ul li { width:32%; float:left; margin-left:2%; }
.contents .section .sub_contents .donation_box ul li:first-child { margin-left:0; }
.contents .section .sub_contents .donation_box ul li div { border:1px solid #ccc; text-align:center; }
.contents .section .sub_contents .donation_box ul li div img { width:100%; }
.contents .section .sub_contents .donation_box ul li div p { font-size:15px; padding:8px 0 10px 0; font-weight:700; text-align:center; line-height:25px; color:rgb(30, 30, 187); }
.contents .section .sub_contents .donation_box ul li div p span { display:block; font-size:13px; font-weight:400; line-height:20px; margin-top:6px; min-height:40px; }

.contents .section .sub_contents .donation_box2 { border:1px solid #ccc; padding:15px; margin-top:25px; margin-bottom:30px;  }
.contents .section .sub_contents .donation_box2 ul { overflow:hidden; }
.contents .section .sub_contents .donation_box2 ul li { width:50%; float:left; }
.contents .section .sub_contents .donation_box2 ul li:last-child div { padding-left:15px }
.contents .section .sub_contents .donation_box2 ul li:first-child div { border-right:1px solid #ccc; padding-right:15px  }
.contents .section .sub_contents .donation_box2 ul li div .title { font-size:16px; font-weight:700; margin-bottom:5px; margin-left:0px; border-bottom:1px solid #ccc; padding-bottom:5px;}
.contents .section .sub_contents .donation_box2 ul li div p { margin-left:10px; margin-bottom:0; }

.contents .section .sub_contents .donation_box3 { border:1px solid #ccc; padding:15px; margin-bottom:30px;  }
.contents .section .sub_contents .donation_box3 ul { overflow:hidden; }
.contents .section .sub_contents .donation_box3 ul li { width:100%; }
.contents .section .sub_contents .donation_box3 ul li div .title { font-size:16px; font-weight:700; margin-bottom:5px; margin-left:0px; border-bottom:1px solid #ccc; padding-bottom:5px;}
.contents .section .sub_contents .donation_box3 ul li div p { margin-left:10px; margin-bottom:0; }
.contents .section .sub_contents .donation_box3 ul li div p span { width:32.99%; display:inline-block; }

.contents .section .sub_contents .page.info .imgtxt { background: url(/img/sub/info_bg.png) no-repeat 56px bottom; padding: 63px 30px; border-top: 2px solid #fff; border-bottom: 1px solid #ccc; margin-bottom:25px;  }
.contents .section .sub_contents .page.info .txtbox { width:61%; }
.contents .section .sub_contents .page.info .txtbox span:first-child { font-size:18px; margin-bottom:8px; display:block; line-height:26px; }
.contents .section .sub_contents .page.info .txtbox span:last-child { font-size:14px; line-height:23px; display:block; }

			/*버튼스타일*/
.contents .section .sub_contents .button_box { overflow:hidden; text-align:center; }
.contents .section .sub_contents .button_box a { display:inline-block; zoom:1; *display:inline; margin-right:5px; padding:8px 25px; background:#fff; text-align:center; color:#333; font-weight:700; font-size:14px; border:1px solid #ccc; }
.contents .section .sub_contents .button_box a:last-child { margin-right:0; }

/*입학안내 입학안내*/
.mg35b{margin-bottom:40px;}
.contents .section .sub_contents .page h4{font-size:17.5px; margin-bottom:10px;}
.contents .section .sub_contents .page h5{font-size: 14.5px;}
.contents .section .sub_contents .page .admission .button_box{ text-align:right; }
.contents .section .sub_contents .page.admission .imgtxt { background: url('/img/sub/add_bg.jpg') left top no-repeat; }

/* 동영상 박스 */
#civer_blockbox { position:fixed; top:0; left:0; background:#000; filter:alpha(opacity=50); opacity:.5; z-index:1000; cursor:pointer;}
#civerbox {position:absolute; /*background:url("../img/main/video-bg.gif") no-repeat left top !important*/;
	z-index:1200; width:956px; height:624px; top:0; background:#fff;  text-align:center; }
#civerbox.iframe {}
#civerbox.vidio { border:solid #ffffff; border-bottom-width:25px 7px 7px 7px; border-top:25px #fff solid; background:url("/img/main/video-bg.gif") no-repeat !important}
#civerbox.iframe .btnClose { top:15px; right:13px; width:29px; height:29px; background:url('/img/popup_close.png') no-repeat center center; padding:10px;}
#civerbox.vidio .btnClose { top:-17px;}
#civerbox.vidio .titlebtn { top:-17px;}
#civerbox .btnClose { position:absolute; top:0; right:5px; text-indent:-5000px;  font-size:0; cursor:pointer;  width: 10px; height: 9px; background: url("/img/vimeo_close.png") no-repeat; }
#civerbox .titlebtn { position:absolute; top:0; left:2px; text-indent:-5000px; font-size:0; cursor:pointer; width: 100px; height: 10px; background: url("/img/mega_title.png") no-repeat; }

/*퀵메뉴*/
div.quick_box{position:absolute; top:99px; right:-32px;}
div.quick_box ul{position:fixed;}
div.quick_box ul li:first-child{margin-top:0px; background:#999; border:none; border-bottom:1px solid #ccc; padding:10px 0; font-family:'nanumgothic' font-size:13px; color:#fff; font-weight:700; }
div.quick_box ul li{border:1px solid #ccc; text-align:center; margin-top:0px; border-top:none; }
div.quick_box ul li a{display:inline-block;width:65px; background:#fff; padding:9px 0; color:#555; line-height:20px;}
div.quick_box ul li a img { display:block; margin:0 auto;margin-bottom:5px;;}

ul.list_style li.txt_indent{ padding-left: 10px; background: none; }
span.block{ display:block; }
.movie_style{ width:99%; height:93%; position:absolute; top:0; left:0; frameborder:0 !important; }