@charset "utf-8";

/* 서브페이지 상단 및 공용 시작 */
.subgn{background:url(../img/subg.png) no-repeat center;background-size:cover;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subg{padding-top: 110px;height:580px;color:rgba(255, 255, 255, 1);font-size:32px;text-align:center;border-bottom:1px solid #e4e4e4;background:url(../img/sub/subg.png) no-repeat center center;background-size:cover;box-sizing:border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.subg .main01sec{padding-bottom: 30px}
.subg .visual_scroll {bottom: 30px;}

.subg.subbg1{ background-image:url(../img/sub/subg1.jpg);}
.subg.subbg2{ background-image:url(../img/sub/subg2.jpg);}
.subg.subbg3{ background-image:url(../img/sub/subg3.jpg);}
.subg.subbg4{ background-image:url(../img/sub/subg4.jpg);}
.subg.subbg5{ background-image:url(../img/sub/subg5.jpg);}
.subg.subbg6{ background-image:url(../img/sub/subg6.jpg);}
.subg.subbg7{ background-image:url(../img/sub/subg7.jpg);}
.subg.subbg8{ background-image:url(../img/sub/subg8.jpg);}
.subg.subbg9{ background-image:url(../img/sub/subg9.jpg);}
.subg.subbg10{ background-image:url(../img/sub/subg10.jpg);}

.subg .line{display:inline-block;width:30px;height:1px;background:rgba(255, 255, 255, 0.7);position:relative;top:-30px;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subcontent .subnav{z-index:10;border-bottom:1px solid #e6e9ec;box-sizing:border-box;line-height: 60px;height: 60px; position:relative;}
.subcontent .subnav .container{/*overflow: hidden*/}
.subcontent .subnav .subnav-in{width:70%;float:left;height: 60px;font-family:'Nanum Gothic', sans-serif;}
.subcontent .subnav .sns{float:right;line-height:50px;}
.subcontent .subnav .sns .snshidden{display:none;}
.subcontent .subnav .sns .snshidden span{padding-left:5px;}
.subcontent .subnav .sns>div{float:left;cursor:pointer;}
.subcontent .subnav .sns .printico{margin-left:20px;}
.subcontent .subnav .sns .snsico{margin-left:10px;}
.subcontent .subnav .subnav-in .subhome{float:left;width:55px;text-align:center;border-left: 1px solid #f1f0f0;cursor:pointer;border-right: 1px solid #f1f0f0;}
.printw{overflow:hidden;float:right;line-height:50px;}
.printw a.addthis_button_url{display:inline-block;padding-left:35px;width:87px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;margin-right:7px;box-sizing:border-box;line-height:32px;color:#8a8a8a;font-size:12px;}
.printw a.addthis_button_url:last-child{margin-right:0;}
.printw a.btn-b2{background:url(../img/check.png) no-repeat 10px center;}
.printw a.btn-b3{background:url(../img/print.png) no-repeat 10px center;}
.hiddenover{overflow:hidden;float:left;margin-right:8px;display:none;}
.hiddenoverw{overflow:hidden;float:right;margin-right:8px;line-height:50px;}
.hiddenoverw .btn-b1{display:block;}
.hiddenover a.addthis_sns_url{display:inline-block;text-align:center;width:37px;height:36px;vertical-align:middle;margin-right:1px;}
.hiddenover a.btn-sns1{background:#fff url(../img/nsns01.png) no-repeat 0 0;}
.hiddenover a.btn-sns2{background:#fff url(../img/nsns02.png) no-repeat 0 0;}
.hiddenover a.btn-sns3{background:#fff url(../img/nsns03.png) no-repeat 0 0;}
.hiddenover a.btn-sns4{background:#fff url(../img/nsns04.png) no-repeat 0 0;}
.hiddenoverw a.btn-b1{background:url(../img/url.png) no-repeat 10px center;display:inline-block;vertical-align:middle;width:82px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;line-height:34px;color:#8a8a8a;font-size:12px;padding-left:35px;}
.subcontent .navbar-fixed-top{border-bottom:none !important;}
.subcontent .navbar-fixed-top .subnav-in .subhome{border-left:1px solid #a65ad0 !important;}
.qaright{position:fixed;top:540px;width:134px;left:50%;margin-left:730px;}
.qaright dl{display:block;color:#363636;background-color:#f8f9fd;border:1px solid #d6d7db;}
.qaright dl dt{display:block;text-align:center;line-height:38px;color:#494949;font-size:18px;font-weight:500;letter-spacing:0.5px;border-bottom:1px solid #d6d7db;font-family:'Futura-Medium';font-weight:700;}
.qaright dl dd{padding:10px 5px;}
.qaright dl dd a{display:inline-block;margin:1px 0;padding:0 6px;line-height:20px;font-size:12px;background:#fff;border:1px solid #d8d8d8;}
.qaright dl dd a:hover{color:#ea4a3d;border:1px solid #ea8d8c;}
.quickmenu{position:fixed;left:50%;margin-left:730px;overflow:hidden;width:76px;height:76px;bottom:50px;z-index:11;background:#cd4c00;border-radius:38px;}
.quickmenu .qucick-arr{display:table-cell;width:76px;height:76px;line-height:17px;letter-spacing:0.5px;vertical-align:middle;text-align:center;color:#e1e1e1;}
.quickmenu .qucick-arr:hover{color:#ffffff;}
.quickmenu .qucick-arr strong{display:block;font-size:110%;}

.contWrap h2{font-size:36px;font-weight:600; color: #3c3c3c; padding: 50px 0 80px; text-align: center; letter-spacing: -1px;}
.contWrap .container{width: 1300px;}
/* 서브페이지 좌측메뉴 정렬 끝 */



/*탭메뉴*/
.tabm .subtabmenu ul{position:relative;}
.tabm .subtabmenu .tab_content{position:relative;padding-top:70px;display:none;}
.tabm .subtabmenu .tab_container:before{position:absolute;width:1180px;left:50%;margin-left:-590px;height:2px;content:'';background:#000;top:48px;z-index:2;}
.tab_tit{border-bottom:none;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;z-index:2;border:1px solid #d9d9d9;background:#fff;font-size:19px;position:absolute;top:0;}
.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2{border:2px solid #333;border-bottom:none;z-index:3;color:#252525;}
.tablist:nth-child(1) .tab_tit{left:50%;margin-left:-590px;}
.tablist:nth-child(2) .tab_tit{left:50%;margin-left:-295px;}
.tablist:nth-child(3) .tab_tit{left:50%;margin-left:0;}
.tablist:nth-child(4) .tab_tit{left:50%;margin-left:295px;}
#tab1{display:block;}

@media only all and (max-width:1200px){
	.tab_tit{width:25%;}
	.tablist:nth-child(1) .tab_tit{margin-left:-50%;}
	.tablist:nth-child(2) .tab_tit{margin-left:-25%;}
	.tablist:nth-child(3) .tab_tit{margin-left:0;}
	.tablist:nth-child(4) .tab_tit{margin-left:25%;}
	.tabm .subtabmenu .tab_container:before{width:100%;left:0;margin-left:0;}
}

@media only all and (max-width:760px){
	.subcontent .subnav{display:none;}
}

/*3차메뉴*/
.third-menu{overflow:hidden;margin-top:30px;margin-bottom:30px;text-align:center;}
.third-menu ul li{display:inline-block;}
.third-menu ul li a{display:inline-block;border:1px solid #cbcbcb;height:45px;line-height:45px;padding:0 15px;color:#656565;font-weight:500;font-size:18px;}
.third-menu ul li.lnbActive a, .third-menu ul li a:hover{background:#e74e0f;color:rgba(255, 255, 255, 1);border:1px solid #e74e0f;-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear;}

/*4차메뉴*/
.fourth-menu{overflow:hidden;margin-top:30px;margin-bottom:30px;text-align:center;position:relative;}
.fourth-menu ul{display:inline-block;}
.fourth-menu ul li{float:left;margin-bottom:-1px;}
.fourth-menu ul li a{margin-right:2px;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;border:1px solid #d9d9d9;background:#fff;font-size:19px;border-bottom:2px solid #333;}
.fourth-menu ul li.lnbActive a{border:2px solid #333;border-bottom-color:transparent;z-index:3;color:#252525;}

@media only all and (max-width:1024px){
	.basic-table{overflow-x:scroll;}
	.basic-table th{line-height:inherit !important;padding:5px !important;height:auto !important;font-size:14px !important;}
	.basic-table tbody th{font-size:12px !important;}
	.basic-table td{padding:3px !important;height:auto !important;font-size:12px !important;}
	.basic-table td span, .basic-table th span{padding:0;}
	.basic-table td.tleft_h1{padding-left:16px !important;text-indent:-9px !important;}
}
/* 서브페이지 상단 및 공용 끝 */

.password_wrapper{width:100%;text-align:center;}
.password_wrapper .msg{margin:40px auto 30px;font-weight:700;font-size:18px;}
.password_wrapper fieldset{margin:0 auto;padding:20px;width:40%;min-width:450px;border:1px solid #ccc;}
.password_wrapper fieldset input[type="password"]{padding:0;}
.password_wrapper fieldset input[type="submit"]{cursor:pointer;}


.main01sec-1{font-size: 28px;font-weight:600;letter-spacing:-2px;line-height:100%;margin-bottom:5px;font-family:'GmarketSansBold';}
.main01sec-2{font-size:36px;font-weight:600;line-height:122%;letter-spacing:-5px;/* text-align:left; */color: #63f9ff; font-family:'GmarketSansBold';}
.main01sec-3{    font-size: 36px; color: rgba(255,255,255,0.8);    line-height: 140%;text-align:center;font-family:'GmarketSansBold';}

.scbox{border-bottom: 1px solid #C1C1C1; letter-spacing: -2px; padding-top: 40px; padding-bottom: 40px}
.scnoline{border-bottom: none}
.sctit{font-size: 36px; font-weight: 600; color: #3c3c3c; padding-bottom: 25px}
.scstit{color: #3c3c3c; font-size: 20px; }
.blue{color: #0c68c5}
.bold{font-weight: 700}
.scimg{padding:80px 0; text-align: center;}

.busgtit{text-align: center;font-size: 34px;color: #3a3a3a;font-weight: 600;letter-spacing: -2px;padding-bottom: 45px; display: flex;
    align-items: center;
    justify-content: center;}
.busgtit span{color: #007ee8}
.busgbox{background: #d9f3ec;border-radius: 20px;display: flex;padding: 40px;box-sizing: border-box;justify-content: space-between;margin-bottom: 100px;}
.busgtbox{background: rgba(255,255,255,0.5);border-radius: 10px;padding: 40px 50px;margin-bottom: 16px;letter-spacing: -2px;}
.busgimg{}
.busgbtit{font-size: 26px;color: #434343;padding-bottom: 20px;font-weight: 600;}
.busgbstit{font-size: 22px; color: #434343}
.busgtxt{display: flex;flex-direction: column;justify-content: flex-end;}
.orgimg{text-align: center; margin-bottom: 70px}
.org{margin-bottom: 100px}
.org .basic-table th {background: #007ee8; color: #fff}
.org .basic-table{border-top: 0}
.oprBtit {font-size: 34px; font-weight: 700; text-align: center; padding-bottom: 40px; letter-spacing: -3px}
.oprBtit span{color: #007ee8;}
.oprtit{font-size: 26px}
.map{margin-bottom: 100px}
.map #daumRoughmapContainer1692752574097{width: 100% !important; height: 565px}
.maptxt{background: #0d3e98; color: #fff; padding: 40px 100px; box-sizing: border-box; display: flex;     justify-content: space-around;}
.maptc{margin-bottom: 20px}
.maptc1{font-size: 30px; font-weight: 700; }
.maptc2{font-size: 23px; font-weight: 400; }
.maptcm{font-size: 22px; }
.maptcm1{padding-bottom: 20px}
.maptcm > div img{padding-right: 30px}
.maptcm2 span{padding-right: 20px}
.mapzone{width:100%; overflow:hidden;}
@media only all and (max-width:1300px){
	.root_daum_roughmap_landing{width:100%!important;}
}

.procbox{display: flex; margin-bottom: 70px}
.proctcbox:nth-child(1){margin-bottom: 50px}
.proctc{flex: 1; margin-right: 60px; background: #f8f8f8; border-radius: 20px; padding: 20px; box-sizing: border-box; width: 100%;}
.proctc:nth-child(2){margin-right: 0}
.proctit{font-size: 26px; font-weight: 600; color: #414141; padding-bottom: 20px; letter-spacing: -1px}
.proctit span{color: #232594}
.proctR{background: #e5efff}
.proctR .proctc{background: #e5efff}
.procimg{text-align: center; padding: 20px 0}
.procyow{}
.procyotit{font-size: 34px; font-weight: 800; color: #404040; padding-bottom: 35px; letter-spacing: -2px}
.procyotit span{ color: #232594}
.procybox{padding: 40px; background: #e5efff; box-sizing: border-box; border-radius: 20px}
.pcn{padding-bottom: 30px}
.procym{display: flex}
.procym > div{flex: 1}
.procyimg{padding-right: 15px}
.procybw{}
.procywbox{ margin-bottom: 15px}
.prytit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.pryb{font-size: 26px; color: #404040; letter-spacing: -2px; font-weight: 800}
.pryb span{ color: #232594}
.prybs{font-size: 15px;}
.prytable th{background: #007ee8; color: #fff; font-size: 17px; padding: 10px 0}
.prytable .thc{background: #fff; color: rgba(50,50,50,1.00); width: 80px; border-right: 1px solid #ccc ; border-bottom: 1px solid #ccc; text-align: center; font-weight: 700}
.prytable td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 20px 10px; box-sizing: border-box}
.jow{ padding-top: 20px}
.jow:nth-child(1){padding-top: 0}
.jotit{font-size: 20px; font-weight: 700; color: #757575}
.jotit span{color: #fd0000;}
.jostit{}
.josm{ text-align: center; font-weight: 800; font-size:18px; color: #464646 }
.josmt{ font-size:16px; color: #464646}


/*-----sub43_인사말-----*/
.sub43_con{display:grid; grid-template-columns:35% 60%; grid-column-gap:5%; margin-bottom:100px;}
.sub43_con .text{text-align:justify;letter-spacing:-2px;}
.sub43_con .text p{line-height:180%;}
.sub43_con .text p+p{margin-top:25px;}
.sub43_con .text p span{font-weight:600;}
@media only all and (max-width:900px){
	.sub43_con{grid-template-columns:100%; grid-template-rows:auto; grid-row-gap:3%;}
	.sub43_con .img { text-align:center;}
/*	.sub43_con .img img {object-position:50% -300px; object-fit: cover; width:100%;}*/
}


/*-----sub47_담당자 연락처-----*/
.sub47_table{margin-bottom:100px; border-top:none;}
.sub47_table thead th{background:#007ee8; color:#fff;}
.sub47_table tbody .bold{font-weight:700;}


/*-----sub73_교과과정-----*/
.sub73_table, .sub74_table{text-align:center; border-top:2px solid #007ee8; margin:30px 0 70px;}
.sub73_table td, .sub74_table td{padding:10px 0;}
.sub73_table th, .sub74_table tr th{background:#f3f3f3;}
.sub73_table thead tr:first-child th:first-child{padding:8px 0;}
.sub73_table th, .sub73_table td,
.sub74_table th, .sub74_table td{border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.sub73_table thead tr:not(:nth-child(3)) th:first-child, .sub73_table tbody tr td:first-child,
.sub74_table tr th:first-child, .sub74_table tr.border td:first-child{border-left:none;}
 .sub73_table tr:nth-child(-n+6) td{font-weight:500; color:#007ee8; background:#fbfdff;}


/*-----sub74_동일유사 교과목 현황-----*/
.sub74_table tr th{padding:7px 0;}
.sub74_table tr th:nth-child(1), .sub74_table tr:nth-child(2) th:nth-child(2){background:#e0f2ff;}
.sub74_table tr.border td:nth-child(-n+2){background:#fbfdff;}


@media only all and (max-width:1300px){
 .contWrap .container{width: 100%}
}


@media only all and (max-width:760px){
.subg{ height: auto; padding-bottom: 30px ; padding-top: 80px;}
.subg .visual_scroll .scroll_wrap{height: 30px}
.contWrap h2{padding: 20px 0; font-size: 30px}
.scbox{padding: 15px 0}
.sctit{font-size: 28px}
.scstit{font-size: 18px}
.scimg{padding:40px 0}
.main01sec-1{font-size: 15px; letter-spacing: -1px; font-weight: 500;}
.main01sec-2{font-size:20px; letter-spacing: -2px; font-weight: 500;}
.main01sec-3{font-size:20px; letter-spacing: -2px; font-weight: 500;}
.busgtit{font-size: 24px; padding-bottom: 20px}
.busgbox{display: block; padding: 20px 10px; margin-bottom: 20px}
.busgimg{margin-bottom: 15px}
.busgtbox{padding: 20px; letter-spacing: -1px;}
.busgbtit{font-size: 22px}
.busgbstit{font-size: 15px}
.busgtit{display: block}
.oprtit{font-size: 20px}
.oprBtit{font-size: 29px}
.maptxt{padding: 35px 25px; display: block}
.maptcm1{display: flex; align-items: center;}
.maptcm2{display: flex; align-items: center;}
.maptcm{font-size: 14px}
.map{margin-bottom: 30px}
.maptc1{font-size: 24px}
.maptc2{font-size: 20px}
.map #daumRoughmapContainer1692752574097{height: 370px !important}
.maptcm > div img{padding-right: 10px; width: 30px}

.procbox{display: block; margin-bottom: 20px}
.proctit{font-size: 20px; padding-bottom: 0}
.proctc{padding: 10px}
.proctcbox:nth-child(1){margin-bottom: 10px}
.procyotit{font-size: 22px}
.procybox{padding: 10px}
.procym{display: block}
.prytit{display: block}
.pryb{font-size: 21px}
.procyimg{padding-bottom: 0; margin-bottom: 30px}
.prytable td{font-size: 14px}
.josm{font-size: 14px}
}