#contents{position:relative;}

.greenSeminarList{margin:94px auto;width:1040px;}
.greenSeminarList > li{float:left;margin:0 30px;margin-bottom:20px;background-color:#ebe9f7;border:20px solid #ebe9f7;border-radius: 20px;}
.greenSeminarList > li > .seminarPoster{float:left;width:210px;height:280px;}
.seminarPoster > a > img{width:100%;height:100%;border-radius: 10px;object-fit: contain; /* background-color:#ebe9f7; */}
.seminarInfo{float:left;padding:10px;width:210px;box-sizing:border-box;}

.campusName{margin-top:20px;font-size:16px;color:#006cba;}
.seminarName{margin:20px 0px 20px;color:#444;font-size:18px;line-height:30px;font-weight:bold;height:90px;overflow:hidden;text-overflow:ellipsis}
.seminarName > a{color:#444;}
.seminarDate{margin-bottom:20px;font-size:16px;}
.seminarInstructor{font-size:16px;}


/*seminarView 페이지*/
.seminarViewText{margin:30px auto;width:100%;max-width:980px;border-bottom:1px solid #aaaaaa;}
.seminarViewText img{display:block;margin:0 auto;text-align:center;width:100%;max-width:900px;}

.seminarBtn{margin:40px auto;margin-bottom:88px;width:157px;}
.seminarBtn li {float: left;margin: 0px 5px;width: 147px;height: 43px;background-image: url(/assets/_img/sub/community/noticeNP.png);}
.seminarBtn li a{display:block;width:120px;height:36px;line-height:36px;padding-bottom:7px;padding-right:27px;font-size:15px;color:#565656;font-weight:bolder;text-decoration:none;text-align:center;}

/* .listBox{margin-bottom: 80px; }
.listBox > ul > li{float: left; font-weight: normal; }
.listBox > ul > .on{font-weight: bold; }
.listBox > ul > li > a{text-decoration: none; } */


.listBox{position:relative;display:inline-block; left:50%;margin-bottom:50px;}
.listBox > ul{margin: 0 auto;display:inline-block; }
.listBox > ul > li{width: 30px; height: 28px; float: left; font-weight: normal; text-align: center; line-height: 28px; margin: 0 8px; }
.listBox > ul > li:hover{border: 1px solid #777; box-sizing: border-box; border-radius: 3px; }
.listBox > ul > li > a{width: 100%; height: 100%; display: block; text-decoration: none; font-size: 14px; color: #333; }
.listBox > ul > li > a > span{width: 0; height: 0; display: block; overflow: hidden; }
.listBox > ul > .btnL{width: 30px; height: 28px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; background-image: url(/assets/_img/sub/btnL.png); background-size: contain; }
.listBox > ul > .btnR{width: 30px; height: 28px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; background-image: url(/assets/_img/sub/btnR.png); background-size: contain; }
.listBox > ul > .on{border: 1px solid #006cba; border-radius: 3px; box-sizing: border-box;  }
.listBox > ul > .on > a{font-weight: bold; color: #006cba; }
.listBox:after{content: ""; display: block; clear: both; }

.form_box{width: 100%; height: 100%; display: block; position: fixed; background-color: rgba(0, 0, 0, .5); z-index: 9999; top: 0; left: 0; display: none; }
.form_box *{box-sizing: border-box; }
.form_box > form{position: fixed;margin-top: -200px;margin-left: -350px;left: 50%;top: 45%;width: 100%;max-width: 700px;height: 65%;max-height: 750px;overflow-y: scroll; border: 10px solid #000795;box-sizing: border-box; background-color: #fff; }
.form_box > form legend{width: 0; height: 0; display: block; overflow: hidden; }
.form_box > form > fieldset {width: 100%; border-top: 2px solid #484848; padding: 20px; }
.form_box > form > fieldset > div {width: 100%; border-bottom: 1px solid #aaa; }
.form_box > form > fieldset > div:after {content: ''; display: block; clear: both; }
.form_box > form > fieldset > div > *{float: left; }
.form_box > form > fieldset > .btn_box {width: 210px; height: 35px; margin: 0 auto; border: 0; margin-top: 20px;  }
.form_box > form > fieldset > .btn_box > *{border: 0; cursor: pointer; width: 100px; height: 100%; color: #fff; }
.form_box > form > fieldset > .btn_box > #okBtn{margin-right: 10px; background-color: #006cb8; }
.form_box > form > fieldset > .btn_box > #cancleBtn{background-color: #aaa; text-align: center; line-height: 35px; }
.classDP{display: block !important; }


.form_box table{width: 100%; height: 100%; }
.form_box table tr{border-bottom: 1px solid #aaa; }
.form_box table th{width: 20%; background-color: #efefef; vertical-align: middle; color: #333; font-weight: bold; font-size: 14px; line-height: 22px; }
.form_box table td{width: 75%; padding: 10px; }
.form_box table td > input{width: 100%; height: 30px; border: 1px solid #dadada; }
.form_box table td > textarea{width: 100%; height: 120px; border: 1px solid #dadada; resize: none; }
.form_box table td > p{width: 100%; height: auto; font-size: 12px; line-height: 18px; border-bottom: 1px solid #dadada; padding-bottom: 5px; margin-bottom: 5px;}
.form_box table td > .inputEmail{width: 30%; }
.form_box table td > span{margin: 0 5px; }
.form_box table td > select{width: 30%; height: 30px; border: 1px solid #dadada; background-color: transparent; }


@media all and (max-width:1079px){
.greenSeminarList{width:520px; margin: 58px auto; }
.noticeRead{padding-left:0;}
.seminarBtn{margin-bottom:50px;}
.form_box > form{left: 0 !important; top: 80px !important; margin: 0 auto !important; width: 100%; height: 100%;}
.form_box > form > fieldset > .e_mail_box select{height: 30px; width: auto; }

/* .seminarViewText{width:90%;} */

.form_box table th{width: 20%; font-size: 14px; line-height: 22px; }
.form_box table td{width: 75%; padding: 10px; }
.form_box table td > input{width: 100%; height: 30px; }
.form_box table td > textarea{width: 100%; height: 160px; }
.form_box table td > p{font-size: 14px; line-height: 22px; padding-bottom: 10px; margin-bottom: 10px;}
.form_box table td > .inputEmail{width: 30%; }
.form_box table td > span{margin: 0 5px; }
.form_box table td > select{width: 30%; height: 30px; }
}

@media all and (max-width:540px){
.greenSeminarList{margin:40px auto;width:250px;}
.greenSeminarList > li{margin:0;margin-bottom:20px;width:210px;}
.campusName{margin:5px 0;font-size:12px;}
.seminarName{margin:5px 0;font-size:12px;line-height:18px;}
.seminarDate{margin-bottom:5px;font-size:12px;}
.seminarInstructor{margin:0;font-size:12px;}
.form_box > form{position: absolute; left: 0;top: 0;margin: 0 auto;width: 100%;max-width: 700px;height: 100%; padding: 5px; padding-bottom: 52px; }
.form_box > form > fieldset{padding: 5px; padding-bottom: 52px; }

.form_box table{width: 100%; height: 100%; }
.form_box table tr{border-bottom: 1px solid #aaa; }
.form_box table th{width: 25%; background-color: #efefef; vertical-align: middle; color: #333; font-weight: bold; font-size: 12px; line-height: 18px; }
.form_box table td{width: 75%; padding: 10px; }
.form_box table td > input{width: 100%; height: 30px; border: 1px solid #dadada; }
.form_box table td > textarea{width: 100%; height: 120px; border: 1px solid #dadada; resize: none; }
.form_box table td > p{width: 100%; height: auto; font-size: 11px; line-height: 16px; border-bottom: 1px solid #dadada; padding-bottom: 5px; margin-bottom: 5px;}
.form_box table td > .inputEmail{width: 40%; }
.form_box table td > span{margin: 0 5px; }
.form_box table td > select{width: 100%; height: 30px; border: 1px solid #dadada; margin-top: 10px; }



}