@charset "utf-8";

/* 공통버튼 */
.pop_off{background:url(../image/pop_off.png) no-repeat right top;  width:23px; height:23px; right:10px; top:10px; position:absolute;}
.pop_btn02{clear:both; background-color:#111; color:#fff; border:0; width:100px; height:22px; text-align:center; padding-top:5px; display:block; cursor:pointer; font-weight:bold; margin:0 auto; margin-top:15px;}
.pop_btn02:hover{background-color:#e6332a;}

/* 공통팝업 */
.pop_common{width:330px; border:1px solid #111; background-color:#fff; position: absolute; box-shadow: 5px 5px 5px #333;}
.pop_common .pop_title h5{display:none;}
.pop_common .pop_txt h6{font-size:12px;}
.pop_common .pop_txt{width:280px; margin:20px auto 0; text-align:center;}
.pop_bn{margin:20px auto; text-align:center;}

/* 학습자료다운 팝업 */
.pop_down{border:1px solid #111; width:650px; height:350px; background-color:#fff; right:130px; top:150px; position:absolute; display:none; box-shadow:5px 5px 5px #333;}
.pop_down ul{width:575px; height:270px; overflow:auto; margin:40px 0 0 40px;}
.pop_down ul li{float:left; width:265px; height:30px; border:1px solid #999; background-color:#f9f9f9; padding-top:10px; margin:0 10px 10px 0;} 
.pop_down ul li h4{float:left; text-align:center; width:70px; padding-top:2px; margin:0 auto;}
.pop_down .btn{border:0; background-color:#111; color:#fff; font-size:11px; width:50px; height:20px; margin-right:10px; cursor:pointer;}
.pop_down .btn:hover{background-color:#e6332a;}

/* 교수님소개 팝업 */
.pop_professor{border:1px solid #111; width:650px; height:350px; background-color:#fff; right:130px; top:150px; position:absolute; display:none; box-shadow:5px 5px 5px #333;}
.pop_professor ul{float:left; margin:45px 0 0 30px; width:390px; height:250px; line-height:150%; overflow:auto; padding-right:10px;}
.pop_professor ul li h4{background:url(../image/blt.png) no-repeat left 4px; padding-left:10px; height:25px; margin-top:10px;}
.pop_professor .professor{float:left; width:150px; height:205px; background:url(../image/professor.gif) no-repeat center bottom; margin:50px 0 0 30px;}
.pop_professor .professor h3{border-top:1px solid #111; text-align:center; padding-top:10px; margin-top:205px;}

/* 의견작성하기 팝업 */
.pop_write{border:1px solid #111; width:500px; height:300px; background-color:#fff; right:230px; top:180px; position:absolute; text-align:center; box-shadow:5px 5px 5px #333;}
.pop_write h4{background:url(../image/blt.png) no-repeat left 2px; padding-left:10px; margin:20px 0 0 25px; text-align:left;}
textarea{width:450px; height:180px; margin-top:15px; border:1px solid #111;}
/* 리뷰에서 의견작성하기 팝업 */
.pop_write02{border:1px solid #111; width:500px; height:450px; background-color:#fff; right:230px; top:110px; position:absolute; text-align:center; box-shadow:5px 5px 5px #333;}
.pop_write02 h4{background:url(../image/blt.png) no-repeat left 2px; padding-left:10px; margin:20px 0 0 25px; text-align:left;}
.pop_write02 .opi_a{color:#111; text-align:left; margin:15px 0 0 25px; width:450px; height:140px; line-height:150%; overflow:auto;}
/* 교수님의견보기팝업 */
.pop_cmt_pro{border:1px solid #111; width:650px; height:380px; background-color:#fff; right:130px; top:140px; position:absolute; text-align:center; box-shadow:5px 5px 5px #333;}
.pop_cmt_pro h4{background:url(../image/blt.png) no-repeat left 2px; padding-left:10px; margin:20px 0 0 25px; text-align:left;}
.pop_cmt_pro .professor{float:left; width:150px; height:205px; background:url(../image/professor.gif) no-repeat center bottom; margin:50px 0 0 30px;}
.pop_cmt_pro .professor h3{border-top:1px solid #111; text-align:center; padding-top:10px; margin-top:205px;}
.pop_cmt_pro .opi_a{float:left; text-align:left; margin:45px 0 0 30px; width:390px; height:230px; line-height:150%; overflow:auto; padding-right:10px;}

/* 학습내용알림 팝업 */
.pop_study{border:1px solid #111; width:590px; height:350px; background-color:#fff; padding:0 30px; right:130px; top:150px; position:absolute; display:none; box-shadow:5px 5px 5px #333;}
.pop_study .professor{float:right; width:180px; height:205px; background:url(../image/professor.gif) no-repeat center bottom; margin:50px 0 0 30px; border-bottom:1px solid #111;}
.pop_study h3{color:#e6332a; width:400px; margin-top:30px;}
.pop_study h4{font-size:15px; width:400px; font-weight:normal; line-height:150%; margin-top:5px; height:115px;}
.pop_study p.time{color:#e6332a; width:400px; height:25px; margin-top:15px;}
.pop_study ul.down{width:400px; height:40px;}
.pop_study ul.down li{float:left; display:block; margin-right:10px;}
.pop_study ul.down li a{display:block;}
.pop_study ul.down .down01 a{background-image:url(../image/btn_down01.gif); width:45px; height:15px; margin-top:-2px;}
.pop_study ul.down .down02 a{background-image:url(../image/btn_down02.gif); width:52px; height:15px; margin-top:-2px;}
.pop_study ul.down .down03 a{background-image:url(../image/btn_down03.gif); width:39px; height:15px; margin-top:-2px;}
.pop_study p.ment{text-decoration:underline; height:30px;}

/* 돌발퀴즈 팝업 */
.pop_random{background:url(../image/random_quiz_bg.png) no-repeat center top; width:750px; height:370px; left:130px; top:150px; position:absolute; display:none;}
.pop_random .q{width:650px; height:70px; overflow:auto; line-height:150%; margin:0 auto; margin-top:100px;}
.pop_random .in{width:650px; background-color:#fff; margin:0 auto; height:80px; border:1px solid #111; margin-top:20px;}
.pop_random .in input{float:left; background:none; border:none; border-bottom:1px solid #111; width:500px; height:30px; margin:20px 0 0 20px;}
.pop_random .a{margin-top:30px; font-size:18px; font-weight:bold; text-align:center;}
.pop_random .btn_quiz{float:right; background-color:#111;  color:#fff; width:70px; height:26px; font-weight:bold; cursor:pointer; text-align:center; margin:20px 20px 0 0; padding-top:6px;}
.pop_random .btn_quiz:hover{background-color:#e6332a;}