@charset "utf-8";

#sContsWrap{width: 100%; background: #fff; box-sizing: border-box; padding: 10px; display: block;}
#sContsWrap>h2{font-size: 18px; font-weight: 600; color: #201e5e; line-height: 1; margin-bottom: 10px; text-align: center;}

/*location*/
.sLocation{width: 100%; text-align: right; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; color: #aaa; font-size: 12px; display: table;}
.sLocation>li{display: inline-block;}
.sLocation>i{margin: 0 10px;}




/*----------sub contents----------*/
.contsWrap{width: 100%; display: block;}
.contsWrap h3{font-size: 14px; color: #78bbe7; margin: 15px 0 5px 0; line-height: 20px; background: url(../img/bg_h3.png) 0 6px no-repeat; text-indent: 20px; display: block;}
.contsWrap h3>a{border: 1px solid #ccc; text-align: center; width: 40px; height: 20px; line-height: 20px; font-size: 12px; display: inline-block; padding: 0; text-indent: 0; font-weight: normal;}
.contsWrap>p>img{width: 100%;}
.contsWrap>p{margin-top: 10px;}
.contsWrap>p.mb15{margin-bottom: 15px;}
.contsWrap>p>strong{color: #333; display: block;}



/*board*/
.contList{width: 100%; border-top: 2px solid #150955;}
.contList th{text-align: center; background: #f9f9f9; color: #333; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; box-sizing: border-box; padding: 10px 5px;}
.contList th>a.apply{width: 50px; font-size: 12px; text-align: center; background: #78bbe7; color: #fff; font-weight: normal; border-radius: 15px; box-sizing: border-box; padding: 2px 0; display: inline-block;}
.contList td{width: auto; box-sizing: border-box; padding: 10px; border-bottom: 1px solid #ccc; text-align: left;}
.contList th.borderRN{border-right: 0;}
.contList td.borderR{border-right: 1px solid #ccc;}
.contList td>div>span{color: #333;}
.contList td>div>i{color: #78bbe7;}
.contList td>div>a{display: block; text-decoration: underline;}
.contList td>div>a.issue{width: 50px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #ccc; font-size: 12px; text-decoration: none;}
.contList2 td>div{float: left; width: 50%;}
.contList3{width: 100%; border-top: 2px solid #150955;}
.contList3>li{width: 100%; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px; display: table;}
.contList3>li>div:nth-child(1){color: #333;}
.contList3>li>div>i{color: #78bbe7;}


.pList{width: 100%; border-top: 2px solid #150955;}
.pList th{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
.pList td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px 10px 10px 0;}
.pList2{width: 100%; border-top: 2px solid #150955; border-bottom: 1px solid #ccc;}
.pList2 td{box-sizing: border-box;}
.pList2 td:nth-child(1n){padding: 0 5px 0 10px;}
.pList2 td:nth-child(2n){padding: 0 10px 0 5px;}
.pList2 td>a{width: 100%; text-align: left; margin: 10px 0; display: block;}
.pList2 td>a>img{margin-bottom: 10px; width: 100%;}

.list{width: 100%; border-top: 2px solid #150955;}
.list>li{border-bottom: 1px solid #ccc; width: 100%; box-sizing: border-box; padding: 10px 5px; display: table;}
.list>li>a{display: block;}
.list>li>span.info{float: left; font-size: 12px; color: #78bbe7;}
.list>li>span+span{margin-left: 10px;}
.list>li>span.category{border: 1px solid #150955; color: #150955; font-size: 12px; box-sizing: border-box; padding: 2px 5px; margin-bottom: 5px; display: inline-block;}
.list th{border-bottom: 1px solid #ccc; color: #333; font-weight: 600; text-align: center; box-sizing: border-box; padding: 10px 0; background: #f9f9f9;}
.list th+th{border-left: 1px solid #ccc;}
.list td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 5px; text-align: center;}
.list td+td{border-left: 1px solid #ccc;}

.write{border-top: 2px solid #150955; width: 100%;}
.write th{border-bottom: 1px solid #ccc; background: #f9f9f9; color: #333; font-weight: 600; box-sizing: border-box; padding: 10px 5px; text-align: center;}
.write td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px 5px; text-align: left;}
.write td>span{display: block; font-size: 12px; color: #898989;}
.write td>input[type=file]{width: 100%;}
.write td>a{font-size: 12px; font-weight: 600; background: #f4f4f4; color: #666; border: 1px solid #aaa; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; display: inline-block;}
.write td>div+div{margin-top: 5px;}
.write td>div>span{width: 60px; text-align: justify; display: inline-block;}
.write td>div>a{height: 34px; font-size: 24px; display: inline-block;}
.write td>div>a.btnSearch{font-size: 12px; font-weight: 600; background: #f4f4f4; color: #666; border: 1px solid #aaa; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; display: inline-block;}
.write li{border-bottom: 1px solid #ccc;  box-sizing: border-box; padding: 10px 5px;}

.view{width: 100%; border-top: 2px solid #150955; display: table;}
.view li{width: 100%; border-bottom: 1px solid #ccc; display: table;}
.view li.title{background: #f9f9f9; font-weight: 600; color: #333; text-align: left; box-sizing: border-box; padding: 10px 10px 0 10px; border: none;}
.view li.info{background: #f9f9f9; padding: 0 10px 10px 10px;}
.view li.info>span{font-size: 12px;}
.view li.info>span+span{margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc;}
.view li.viewConts{box-sizing: border-box; padding: 10px;}
.view li.viewConts>img{width: 100%; margin-bottom: 10px;}
.view li.sns{text-align: right; box-sizing: border-box; padding: 5px 10px 7px 10px;}
.view li.sns>a+a{margin-left: 5px;}
.view2{width: 100%; border-top: 2px solid #150955; border-bottom: 1px solid #ccc; display: block;}
.view2 li.title{font-size: 18px; font-weight: 600; color: #333; text-align: center; box-sizing: border-box; padding: 10px 10px 0 10px; background: #fff; border-bottom: 0;}
.view2 li.people{text-align: center; font-size: 16px; box-sizing: border-box; padding: 0 10px 10px 10px;}
.view2 li.people>strong{color: #78bbe7;}
.view2 li.info{text-align: center; box-sizing: border-box; padding: 10px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-size: 14px;}
.view2 li.info>span{color: #333; display: inline-block;}
.view2 li.info>span+span{margin-left: 50px;}
.view2 li.viewConts{box-sizing: border-box; padding: 10px;}
.view2 li.sns{text-align: right; box-sizing: border-box; padding: 5px 10px 7px 10px; border-top: 1px solid #ccc;}
.view2 li.sns>a+a{margin-left: 5px;}

.listSearch{width: 100%; text-align: center; margin-top: 10px;}
.listSearch a{width: 50px; height: 30px; line-height: 30px; font-size: 12px; background: #aaa; color: #fff; display: inline-block;}
.listSearch input{width: 120px;}

.sort{width: 100%; margin-bottom: 10px; display: block;}

.comment{width: 100%; height: auto; border-top: 1px solid #ccc; margin-top: 30px; display: table;}
.comment li{width: 100%; display: table;}
.comment li.info{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
.comment li.info>div{float: left; width: 49%;}
.comment li.info>div:nth-child(3){width: 100%; margin-left: 0; margin-top: 5px;}
.comment li.info>div+div{margin-left: 5px;}
.comment li.info>div>span{font-size: 12px; font-weight: normal; display: block;}
.comment li.sign{background: #f9f9f9; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px 0; text-align: center;}
.comment li>input{width: 80%;}
.comment li>a{width: 15%; height: 30px; line-height: 30px; font-size: 12px; background: #150955; color: #fff; text-align: center; margin-left: 2%; display: inline-block;}
.comment li.cmtList{width: 100%; display: block;}
.comment li.cmtList>ul{width: 100%; display: table;}
.comment li.cmtList>ul>li{border-bottom: 1px solid #eee; box-sizing: border-box; padding: 10px; display: table;}
.comment li.cmtList>ul>li>strong{color: #333;}
.comment li.cmtList>a{width: 100%; text-align: center; margin: 0; background: #fff; color: #666; display: block;}



/*sub1*/
.group>img{width: 100%;}
.history{width: 100%; display: block;}
.history>li>strong{color: #78bbe7; display: block; margin-bottom: 5px;}
.history>li table{ border-top: 1px solid #ccc; width: 100%;}
.history>li th{border-bottom: 1px solid #ccc; width: 15%; font-size: 14px; color: #333; box-sizing: border-box; padding: 5px; text-align: center;}
.history>li td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 5px;}
.history>li+li{margin-top: 15px;}
.map{width: 100%;  height: 200px; background: #eee; display: block; text-align: center; line-height: 200px;}



/*sub2*/
.curriculum {width: 100%; text-align: center; display: table;}
.curriculum>li{width: 40%; height: 50px; box-sizing: border-box; background: #78bbe7; text-align: center; color: #fff; border-radius: 50px; vertical-align: top; line-height: 1.4; display: inline-block;}
.curriculum>li+li{margin-left: 5px;}
.curriculum>li.line1{padding: 15px 0;}
.curriculum>li.line2{padding: 5px 0;}
.curriculum>li:nth-child(3){margin-top: 5px; margin-left: 0;}
.curriculum>li:nth-child(4){margin-top: 5px;}
.edu{width: 100%; display: table;}
.edu>li{width: 100%; height: 100px; text-align: center; background: #78bbe7;}
.edu>li+li{margin-top: 10px;}
.edu>li>a{width: 94%; height: 80px; margin: 10px auto; box-sizing: border-box; border: 1px solid #fff; line-height: 80px; font-size: 18px; font-weight: 600; color: #fff; font-weight: 600; display: inline-block;}
.edu>li>a>img{height: 50%; margin-right: 10px;}



/*btn*/
.btnWrap{width: 100%; text-align: center; margin:10px 0; display: block;}
.btnWrap a{display: inline-block;}
.btnWrap a+a{margin-left: 5px;}
.btn1{box-sizing: border-box; padding: 10px; width: 45%; text-align: left; background: #150955; color: #fff;}
.btn1>i{float: right; margin-top: 5px;}
.ls-2{letter-spacing: -2px;}
.btn2{box-sizing: border-box; padding: 5px 10px; text-align: center; background: #98918e; color: #fff; font-size: 12px;}
.btn3{width: 100%; box-sizing: border-box; padding: 10px; text-align: left; background: #150955; color: #fff;}
.btn3:nth-child(2){margin-left: 0; margin-top: 5px;}
.btn3>i{float: right; margin-top: 5px;}



/*tab*/
.tab{width: 100%; height: 30px; display: block;}
.tab>li{float: left; width: 50%; height: 30px; line-height: 30px;}
.tab>li+li{margin-left: 0;}
.tab>li>a{width: 100%; height: 30px; line-height: 30px; color: #aaa; text-align: center; border: 1px solid #ccc; box-sizing: border-box; background: #f9f9f9; border-radius: 0; display: block;}
.tab>li:nth-child(2)>a{border-left: 0;}
.tab>li:nth-child(3)>a{border-left: 0;}
.tab>li:nth-child(4)>a{border-left: 0;}
.tab>li>a.on{width: 100%; border: 0; background: #201e5e; color: #fff; box-sizing: border-box;}
.tab3>li{width: 33.3333%;}
.tab4>li{width: 25%;}



/*login*/
.logbox{width: 100%; background: #e4f1fa; text-align: center; box-sizing: border-box; padding: 20px; display: block;}
.logbox li+li{margin-top: 5px;}
.logbox li>a{background: #150955; color: #fff; width: 265px; height: 30px; line-height: 30px; display: inline-block;}
.logbox div.find{width: 100%; text-align: center; margin-top: 10px;}
.logbox div.find>a{font-size: 12px; display: inline-block;}
.logbox div.find>a+a{margin-left: 20px;}
.logbox>span{width: 100%; color: #150955; font-weight: 600; margin-bottom: 10px; border-bottom: 1px solid #d3e1ea; margin: 0 auto 15px auto; padding-bottom: 15px; display: block;}



/*contents*/
.stepFinish{width: 100%; background: #e4f1fa; box-sizing: border-box; padding: 20px 10px; display: table;}
.stepFinish>li{font-size: 18px; color: #333; text-align: center; line-height: 1.6; display: block;}
.stepFinish>li>strong{color: #150955;}
.stepFinish>li.notice{font-size: 14px; margin-top: 10px;}
.stepFinish>li.notice>strong{color: #333;}

.contAgree{width: 100%; display: block;}
.contAgree>li.txt{border: 3px solid #ccc; box-sizing: border-box; padding: 10px; height: 250px; overflow-y: auto;}
.contAgree>li.txt>strong{color: #333; font-weight: 600; display: block;}
.contAgree>li.txt>span{display: block;}
.contAgree>li.txt>div{display: block; box-sizing: border-box; padding-left: 20px;}
.contAgree>li+li{margin-top: 5px;}
.contAgree>li>strong{color: #333; font-weight: 600;}
.contAgree>li.txt2{border: 3px solid #ccc; box-sizing: border-box; padding: 10px; height: auto;}

.basicArticle{width: 100%; display: block;}
.basicArticle>strong{font-size: 18px; font-weight: 600; color: #333; display: block;}
.basicArticle>p>strong{font-size: 14px; font-weight: 600; color: #333; display: block;}
.basicArticle>p+p{margin-top: 10px;}
.basicArticle>a{display: inline-block; color: #78bbe7; text-decoration: underline;}

.tag{width: 100%; margin-bottom: 10px; display: table;}
.tag>li{width: 100%; display: block;}
.tag>li>a{background: #eee; color: #333; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; margin-bottom: 5px; display: inline-block;}
.tag>li+li{margin-top: 10px;}
.tag>li.more{text-align: center;}
.tag>li.more>a{border: 1px solid #ccc; background: #fff; color: #333; padding: 0 10px; height: 30px; box-sizing: border-box; display: inline-block; line-height: 30px;}
/*

.logbox table{margin: 0 auto;}
.logbox th{text-align: left; color: #333; padding-right: 5px;}
.logbox td{padding: 3px;}
.logbox td>
.logbox td>a.reset{line-height: 1.4; box-sizing: border-box; padding: 18px 0}

*/



.page td>a.on{color: #78bbe7; font-weight: 800;}

/*-----contents-----

.list td.subject{text-align: left;}
.list td.subject>a>img{margin-right: 10px;}
.list td>a.check{width: 70px; height: 30px; line-height: 28px; border: 1px solid #ccc; text-align: center; box-sizing: border-box; display: inline-block;}
.list td>a.apply{width: 50px;}

.photoList{width: 100%; border-top: 2px solid #150955;}
.photoList td{border-bottom: 1px solid #ccc; text-align: center; box-sizing: border-box; padding: 20px 0;}
.photoList td>a{width: 170px; margin: 0 auto; text-align: left; display: block;}
.photoList td>a li{line-height: 1.4;}
.photoList td>a img{width: 170px; margin-bottom: 10px;}

.page{width: 100%; height: 30px; display: table; margin-top: 15px;}
.page table{margin: 0 auto;}
.page th>a{margin: 0 2px;}
.page td{height: 30px; line-height: 30px;}
.page td>a{height: 30px; line-height: 30px; padding: 0 10px; display: block;}
.page td>a.on{color: #78bbe7; font-weight: 600;}

.view2 td.people{color: #78bbe7; font-weight: 600;}


/*basic

/*search result
.searchresultWrap{width: 100%; display: block;}
.searchresultWrap>.searchR{width: 500px; height: 50px; border: 3px solid #150955; margin: 0 auto; display: table;}
.searchresultWrap>.searchR li{float: left; width: auto;}
.searchresultWrap>.searchR input[type=text]{width: 430px; height: 50px; line-height: 50px; font-size: 18px; border: 0; color: #333; box-sizing: border-box;}
.searchresultWrap>.searchR a{width: 70px; height: 52px; line-height: 53px; text-align: center; font-weight: 600; font-size: 18px; background: #150955; color: #fff; display: inline-block;}
.searchresultWrap>p{width: 100%; text-align: center; margin: 30px 0 60px 0; font-size: 18px; color: #333;}
.searchresultWrap>p>span{font-weight: 600;}
.searchresultWrap>a.more{float: right; display: block; text-decoration: underline; color: #150955; margin-top: 10px;}
.searchresultWrap>span.line{border-bottom: 1px solid #ccc; margin: 60px 0; display: block;}
.resultList{width: 100%; display: block;}
.resultList>a{display: block;}
.resultList>a+a{margin-top: 20px;}
.resultList>a>ul>li{float: left;}
.resultList>a>ul>li.photo{width: 200px;}
.resultList>a>ul>li.photo>img{width: 200px;}
.resultList>a>ul>li.txt{width: 990px; height: 130px; margin-left: 10px;}
.resultList>a>ul>li>span{font-size: 16px; color: #333; display: block;}
.resultList>a>ul>li strong{color: #333;}
.resultList2{width: 100%; display: block;}
.resultList2>a{display: block;}
.resultList2>a+a{margin-top: 20px;}
.resultList2>a>span{font-size: 16px; color: #333; display: block;}
.resultList2>a strong{color: #333;}