@charset "utf-8";

/*font*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&subset=korean');




 


/* reset.css */
body{font-family:'Nanum Gothic'; font-size:13px; line-height:1.6; color:#666; padding:0; margin:0; vertical-align:top; background-color:#fff; -webkit-text-size-adjust:none; text-align:left;}

ul,ol,dl,li {margin:0; padding:0; list-style-type:none;}
dl dt {margin:0; padding: 0;}
dl dd {margin:0; padding: 0;}
img {border:0; vertical-align:middle;}
a {text-decoration:none; color:#666;}
p {margin:0; padding: 0;}
h1, h2, h3, h4, h5 {margin:0; padding:0; clear:both;}
table {border-collapse:collapse; border-spacing:0;}
input{font-family:'Nanum Gothic'; font-size:13px; color:#898989; border:1px solid #ccc;}
input[type=text],[type=file],[type=email],[type=password],[type=tel]{width: auto; height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 5px;}
select{color:#898989; font-family:'Nanum Gothic'; padding:0; height: 30px; line-height: 30px;}
textarea{width: 98%; height: 50px; color:#898989; font-family:'Nanum Gothic'; font-size: 13px; border:1px solid #ccc; box-sizing: border-box; padding: 5px; line-height: 1.6;}





/*margin*/
.mgt5{margin-top: 5px;}
.mgt10{margin-top: 10px !important;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgb5{margin-bottom: 5px;}
.mgb10{margin-bottom: 10px;}



@media screen and (min-width:0px) and (max-width:1024px) {
	
/*----------header----------*/
.headerWrap{text-align: center; background: #fff; border-bottom: 2px solid #7d0037;}
#header{width: 100%; height: 70px; display: block; transition: all 0.5s;}
#header h1{height: 70px; line-height: 70px; font-size: 24px; color: #2683c5; font-weight: bold; display: block;}
#header h1>a>img{width: 200px;}

    .btnCall{position:absolute; top:25px; right:10px;}
    .btnClose{top: 0 !important; right: -18px !important;}
    .gnbMo{position:fixed; top:0px; left:-280px; width:230px; height:100%; background:#594f4f; z-index:999; transition: all 0.5s;}
    .gnbMo.on{left:0px;}
    #gnbMo{padding: 0;}
    #gnbMo>li{width: 100%; border-bottom: 1px solid #6a6161;}
    #gnbMo>li>a{width:99%; font-size: 14px; line-height: 3; color:#fff; text-align: left; text-indent: 25px; display:block;}
    #gnbMo>li>a>i{float: right; margin: 10px 15px 0 0;}
    #gnbMo>li>ul>li>ul{margin-left: 35px;}
    #gnbMo>li>ul>li>ul>li{width: 100%; text-align: left;}
    #gnbMo>li>ul>li>ul>li>a{color: #aaa;}
    
    #gnbMo>li>ul.depth2{width: 100%; box-sizing: border-box; padding: 0 0 10px 0; display: block;}
    #gnbMo>li>ul.depth2>li>a{color: #fff; text-align: left; box-sizing: border-box; padding: 5px 25px; display: block;}
    #gnbMo>li>ul.depth2>li>a>i{font-size: 10px; margin-right: 5px;}

    .user{width: 100%; border-bottom: 1px solid #666; box-sizing: border-box; padding: 25px; background: #3e3737; text-align: center;}
    .user>span{color: #fff; margin-bottom: 10px; text-align: left; display: block;}
    .user>a{font-size: 12px; width: 85px; height: 30px; line-height: 30px; background: #9f9b9b; color: #fff; text-align: center; margin: 0 auto; display: inline-block;}
    .user>a.btnCall{width: 18px; height: 18px; line-height: 18px; font-size: 18px; color: #fff; background:none; margin-top: -3px;}

    .home{position: absolute; top: 25px; left: 20px; }
    .home>.fa-home{font-size: 24px; color: #aaa;}
    
    
    
    
    
    /*----------visual----------*/
    #visual{width: 100%; display: block;}
    #visual>img{width: 100%;}
    
    
    
    
    
    /*----------main contents----------*/
    #mainMenu{background: #7d0037; width: 100%;}
    #mainMenu td{background: url(../images/bg_verline.gif) left middle no-repeat; width: 33.3333%;}
    #mainMenu td>a{width: 100%; font-size: 14px; box-sizing: border-box; padding: 20px; text-align: center; color: #fff; display: block; background: url(../images/bg_horline.gif) bottom center no-repeat;}
    #mainMenu td>a>img{margin-bottom: 10px;}
    #mainMenu td:nth-child(1n){background: url(../images/bg_verline.gif) no-repeat;}
    
    .mainCont{width: 100%; box-sizing: border-box; padding: 25px; display: block;}
    .mainCont h2{font-size: 18px; color: #333; font-weight: bold;}
    
    .mlist{width: 100%; display: block;}
    .mlist li{border-bottom: 1px solid #ccc; padding: 10px 0; display: block;}
    .mlist li>a{display: block;}
    
    
    /*tab*/
    .tab{width: 100%; height: 30px; margin-bottom: 5px; display: table;}
    .tab li{float: left;}
    .tab li+li{margin-left: 2%;}
    .tab li>a{display: block; text-align: center; height: 100%; line-height: 1.4; background: #89bbe5; color: #fff;  box-sizing: border-box; border-radius: 10px;}
    .tab li>a.on{background: #2683c5; color: #fff;}
    .tab li.line01>a{padding: 15px 0;}
    .tab li.line02>a{padding: 5px 0;}
    .tab3>li{width: 32%; height: 50px;}

    /*btn*/
    .btn{width: 100%; text-align: center; margin-top: 10px; display: table;}
    .btn a{height: 30px; line-height: 30px; text-align: center; border-radius: 5px; display: inline-block; background: #5bb2e3; color: #fff; box-sizing: border-box; padding: 0 10px;}
    .btn a+a{margin-left: 5px;}
    .btn a.w100{width: 100%;}
    .btn a.more{width: 100%; border-radius: 0; color: #333; background: #fff; border: 1px solid #ccc; border-radius: 5px;}
    
    
    
    
    
    
    
    
    
    
    /*----------sub contents----------*/
    #sContsWrap{width: 100%; box-sizing: border-box; padding: 25px; position: relative; display: block;}
    #sContsWrap>h2{font-size: 18px; font-weight: 600; color: #7d0037; line-height: 1; margin-bottom: 20px;}
    #sContsWrap>p{text-align: justify;}
    
    .sCont1{width: 100%; margin-top: 20px; display: block;}
    .sCont1>.map{height: 200px; background: #eee;}
    .sCont1 table{width: 100%; border-top: 1px solid #7d0037;}
    .sCont1 th{width: 80px; background: #f5f5f5; border-bottom: 1px solid #ccc; color: #333; box-sizing: border-box; padding: 10px; text-align: center;}
    .sCont1 td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
    .sCont1 td>div+div{margin-top: 10px;}
    .sCont1 td>div>span{font-size: 11px; color: #fff; box-sizing: border-box; padding: 5px;}
    .sCont1 td>div>span.line2{background: #37b42d;}
    .sCont1 td>div>span.line4{background: #3171d3;}
    .sCont1 td>div>span.busG{background: #4a972e;}
    .sCont1 td>div>span.busR{background: #dc1219;}
    .sCont1 td>div>span.busB{background: #395cb4;}
    .sCont1 td>div>span.busY{background: #f7b009;}
    
    .sCont2{width: 100%; display: block;}
    .sCont2>li+li{margin-top: 20px; border-top: 1px solid #ccc; box-sizing: border-box; padding-top: 20px;}
    .sCont2>li>h3{font-size: 14px; color: #333; font-weight: 600; margin-bottom: 10px;}
    .sCont2>li>p{line-height: 24px; text-align: justify;}
    .sCont2>li>ul{width: 100%; display: block;}
    .sCont2>li>ul>li{border-bottom: 1px solid #eee; width: 100%; box-sizing: border-box; padding: 10px 0; display: block;}
    .sCont2>li table{width: 100%;}
    .sCont2>li th{background: #f1f1f1; text-align: center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; box-sizing: border-box; padding: 5px 10px;}
    .sCont2>li td{border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; padding: 5px 10px;}
    .sCont2>li>ul>li:nth-child(1){padding-top: 0;}
    .sCont2>li>ul>li:nth-last-child(1){border-bottom: 0; padding-bottom: 0;}
    .sCont2>li>ul>li>a{display: block;}
    .sCont2>li>ul>li>a>span{width: 60px; display: inline-block;}
    .sCont2>li>ul>li>a>i{float: right; margin: 5px 10px 0 0;}
    .sCont2>li>ul>li table{background: #f1f1f1; margin-top: 5px;}
    .sCont2>li>ul>li th{width: 50px; box-sizing: border-box; padding: 5px 10px; vertical-align: top;}
    .sCont2>li>ul>li td{box-sizing: border-box; padding: 5px 10px 5px 0; vertical-align: top;}
    .sCont2>li>ul.teacher{width: 100%; display: table;}
    .sCont2>li>ul.teacher>li{float: left; width: 50%; text-align: center; border: 0;}
    .sCont2>li>ul.teacher>li:nth-child(2){padding-top: 0;}
    .sCont2>li>ul.teacher>li>span{margin-top: 10px; display: block;}
    .sCont2>li>ul.teacher>li>span>strong{color: #333; display: block;}
    .sCont2 table{border-top: 1px solid #7d0037 !important;}
    .sCont2 th{width: 70px;}
    .sCont2 td>div+div{margin-top: 10px;}
    .sCont2 td>div>span{font-size: 11px; color: #fff; box-sizing: border-box; padding: 5px;}
    .sCont2 td>div>span.line2{background: #37b42d;}
    .sCont2 td>div>span.line3{background: #fa5f2c;}
    .sCont2 td>div>span.line4{background: #3171d3;}
    .sCont2 td>div>span.line5{background: #893bb6;}
    .sCont2 td>div>span.busG{background: #4a972e;}
    .sCont2 td>div>span.busR{background: #dc1219;}
    .sCont2 td>div>span.busB{background: #395cb4;}
    .sCont2 td>div>span.busY{background: #f7b009;}
    .sCont2 td>strong{color: #333; display: block;}
    .sCont2 li>div.map{width: 100%; height: 200px; background: #f1f1f1;}
    
    .sCont3{width: 100%; display: table;}
    .sCont3>li{float: left; width: 50%; text-align: center; padding: 10px 0;}
    .sCont3>li>a>span{display: block; margin-top: 10px;}
    
    .sCont4{width: 300px; box-sizing: border-box; padding: 25px; background: #fff; box-shadow: 3px 3px 5px #ccc; position: absolute; top: 250px; left: 50%; margin-left: -150px; z-index:1; border:1px solid red;}
    .sCont4>strong{color: #7d0037; border-bottom: 1px solid #ccc; display: block; padding-bottom: 10px;}
    .sCont4>strong>a{float: right; color: #7d0037;}
    .sCont4>p{margin: 10px 0;}
    .sCont4>div{text-align: center;}
    .sCont4>div>a{width: 50px; height: 30px; line-height: 30px; color: #fff; background: #666; display: inline-block;}
    
    .sCont5{text-align: right; margin: 10px 0;}
    
    .sCont6{width: 100%; border-top: 1px solid #7d0037; margin-bottom: 10px; display: block;}
    .sCont6>li{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px 0;}
    .sCont6>li>h3{font-size: 14px; color: #333;}
    
    .list{width: 100%; border-top: 1px solid #ccc;}
    .list>li{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
    .list>li>a{display: block;}
    .list>li>a>span{width: 30%; text-align: center; display: inline-block;}
    .list>li>a>span.closed{color: #c62127;}
    .list>li>a>span.ing{color: #1464a9;}
    .list>li>a>i{float: right; margin-top: 5px;}
    .list>li table{background: #f1f1f1; margin-top: 5px;}
    .list>li th{box-sizing: border-box; padding: 5px 10px;}
    .list>li td{box-sizing: border-box; padding: 5px 10px;}
    .list>li td>a.check{background: #666; color: #fff; width: 70px; height: 20px; line-height: 20px; text-align: center; display: inline-block;}
    
    .btnMore{display: block; text-align: center; box-sizing: border-box; padding: 10px 0; color: #aaa;}
    .btnWrap{text-align: center; margin-top: 10px; display: block;}
    .btnWrap>a{width: 100px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #7d0037; display: inline-block;}
    
    .view{width: 100%; display: block;}
    .view>li{border-bottom: 1px solid #ccc;}
    .view>li.title{box-sizing: border-box; padding: 0 0 15px 0;}
    .view>li.title>strong{font-size: 14px; line-height: 2; color: #333; display: block;}
    .view>li.title>span{padding-right: 10px; display: inline-block; line-height: 1;}
    .view>li.title>span+span{border-left: 1px solid #ddd; padding-left: 10px;}
    .view>li.cont{background: #f1f1f1; box-sizing: border-box; padding: 15px; line-height: 24px;}
    
    .search{width: 100%; text-align: center; margin: 10px 0;}
    .search>a{width: 50px; height: 30px; line-height: 30px; background: #666; color: #fff; display: inline-block;}
    
    .write{border-top: 1px solid #7d0037; width: 100%;}
    .write th{border-bottom: 1px solid #ccc; background: #f1f1f1; color: #333; box-sizing: border-box; padding: 10px; text-align: center; width: 100px;}
    .write td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
    .write td>ul{width: 100%; display: block;}
    .write td>ul>li+li{margin-top: 5px;}
    .write td>ul>li>a{width: 50px; height: 30px; line-height: 30px; background: #666; color: #fff; text-align: center; display: inline-block;}
    



/*----------footer----------*/
#footer{width: 100%; background: #d2d2d2; box-sizing: border-box; padding: 25px; position: relative; z-index:9999;}
#footer>li>span+span{margin-left: 15px;}
#footer>li.copyright{font-size: 11px;}
#footer>li.top{position: absolute; right: 25px; top: 25px;}