@charset "utf-8";

/* 공통버튼 */
.pop_off{background:url(../image/pop_off.png) no-repeat left top;  width:60px; height:26px; right:10px; top:10px; position:absolute;}
.pop_btn{background-color:#785c49; border:0; color:#fff; font-size:12px; width:65px; height:20px; cursor:pointer; float:right; margin-right:20px; border-radius:5px;}
.pop_btn02{clear:both; background-color:#5e4738; border:0; color:#fff; font-size:14px; width:100px; height:23px; text-align:center; padding-top:5px; display:block; cursor:pointer; font-weight:bold; margin:0 auto; margin-top:15px; border-radius:5px;}
.pop_btn02:hover{background-color:#ae927f;}

/* 학습자료다운 팝업 */
.pop_down{border:2px solid #785c49; width:200px; height:125px; background-color:#fff; right:120px; top:120px; position:absolute;}
.pop_down ul{width:190px; margin-top:25px; line-height:150%; font-size:14px; font-weight:bold; text-align:center;}
.pop_down ul li{height:30px;}

/* 교수님소개 팝업 */
.pop_professor{border:2px solid #785c49; width:580px; height:340px; background-color:#fff; right:180px; top:150px; position:absolute; display:none; border-radius:10px; box-shadow:5px 5px 5px #333333}
.pop_professor ul{float:left; margin:40px 0 0 30px; width:360px;}
.pop_professor ul li{color:#555; line-height:150%;}
.pop_professor ul li h4{background:url(../image/blt.gif) no-repeat left 4px; padding-left:15px; height:25px; font-size:13px; margin-top:10px;}
.pop_professor .professor{float:left; width:130px; height:205px; background:url(../image/professor.gif) no-repeat left top; margin:50px 0 0 30px;}
.pop_professor .professor h3{background-color:#5e4738; color:#fff; text-align:center; width:130px; height:20px; padding-top:3px; margin-top:205px;}

/* 의견작성하기 팝업 */
.pop_write{border:2px solid #785c49; width:390px; height:260px; background-color:#fff; right:230px; top:200px; position:absolute; text-align:center; border-radius:10px; box-shadow:5px 5px 5px #333333}
.pop_write h4{background:url(../image/blt.gif) no-repeat left 4px; padding-left:15px; font-size:14px; margin:15px 0 0 18px; text-align:left;}
textarea{width:350px; height:150px; margin-top:15px; border:1px solid #aaa; color:#575757;}
/* 리뷰에서 의견작성하기 팝업 */
.pop_write02{border:2px solid #785c49; width:390px; height:390px; background-color:#fff; right:230px; top:130px; position:absolute; text-align:center; border-radius:10px; box-shadow:5px 5px 5px #333333}
.pop_write02 h4{background:url(../image/blt.gif) no-repeat left 4px; padding-left:15px; font-size:14px; margin:15px 0 0 18px; text-align:left;}
.pop_write02 .opi_a{color:#f2655b; text-align:left; margin:15px 0 0 20px; width:350px; height:110px; line-height:150%; overflow:auto;}

/* 교수님의견보기팝업 */
.pop_cmt_pro{border:2px solid #785c49; width:490px; height:350px; background-color:#fff; right:180px; top:145px; position:absolute; text-align:center; border-radius:10px; box-shadow:5px 5px 5px #333333}
.pop_cmt_pro h4{background:url(../image/blt.gif) no-repeat left 4px; padding-left:15px; font-size:14px; margin:15px 0 0 18px; text-align:left;}
.pop_cmt_pro .professor{float:left; width:130px; height:205px; background:url(../image/professor.gif) no-repeat left top; margin:43px 0 0 30px;}
.pop_cmt_pro .professor h3{background-color:#5e4738; color:#fff; text-align:center; width:130px; height:20px; padding-top:3px; margin-top:205px;}
.pop_cmt_pro .opi_a{float:left; text-align:left; margin:30px 0 0 20px; width:270px; height:230px; border:1px solid #fcc277; padding:5px 10px; line-height:150%; color:#555; overflow:auto;}

/* 학습내용알림 팝업 */
.pop_study{border:2px solid #785c49; width:500px; height:320px; background-color:#fff; right:220px; top:165px; position:absolute; display:none; border-radius:10px; box-shadow:5px 5px 5px #333333}
.pop_study .professor{float:left; width:150px; height:205px; background:url(../image/professor.gif) no-repeat left top; margin:20px 0 0 20px;}
.pop_study h3{color:#fcc277; font-size:20px; width:480px; text-align:left; margin-top:40px;}
.pop_study h4{color:#555; font-size:17px; width:480px; text-align:left; font-weight:normal; line-height:150%; margin-top:5px; height:95px;}
.pop_study p.time{color:#f2655b; font-size:14px; font-weight:bold; width:480px; height:30px; margin-top:15px;}
.pop_study ul.down{height:35px;}
.pop_study ul.down li{float:left; display:block; margin-right:7px; font-weight:bold; font-size:12px;}
.pop_study ul.down li a{display:block; width:60px; height:26px;}
.pop_study ul.down .down01{background-image:url(../image/btn_down01.gif); width:60px; height:26px; margin-top:-6px; cursor:pointer;}
.pop_study ul.down .down02{background-image:url(../image/btn_down02.gif); width:60px; height:26px; margin-top:-6px; cursor:pointer;}
.pop_study ul.down .down03{background-image:url(../image/btn_down03.gif); width:60px; height:26px; margin-top:-6px; cursor:pointer;}
.pop_study p.ment{text-align:center; text-decoration:underline;}

/* 돌발퀴즈 팝업 */
.pop_random{background:url(../image/random_quiz_bg.png) no-repeat left top; width:710px; height:320px; right:100px; top:170px; position:absolute; display:none;}
.pop_random .q{font-weight:bold; color:#fff799; font-size:14px; width:500px; overflow-y:scroll; height:50px; text-align:center; line-height:150%; margin:130px 0 0 100px; border-bottom:1px dotted #fff799;}
.pop_random .in{background-color:#fff; width:480px; height:33px; padding:12px 0 0 20px; margin:20px 0 0 100px; border-radius:10px; border:1px solid #fff;}
.pop_random .in input{float:left; border:none; border-bottom:1px solid #fcc277; background:none; color:#111; width:380px; height:20px;}
.pop_random .a{font-weight:bold; color:#fff; font-size:14px; width:400px; text-align:center; height:20px; margin:15px 0 0 -50px;}
.pop_random .btn_quiz{background-color:#fcc277; border-radius:5px; border:0; color:#111; font-size:12px; width:65px; height:20px; font-weight:bold; cursor:pointer; float:right; text-align:center; margin-right:20px;}
.pop_random .btn_quiz:hover{background-color:#fdd199;}

/* 공통팝업 */
.pop_common{width:330px; border:2px solid #785c49; background-color:#fff; border-radius:10px; box-shadow: 3px 3px 3px #333; -webkit-box-shadow: 3px 3px 3px #888; -moz-box-shadow: 3px 3px 3px #888; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#333, offX=1, offY=1, positive=true); position: absolute;}
.pop_common .pop_title h5{display:none;}
.pop_common .pop_txt{width:290px; text-align:center; margin:10px auto 0; padding:15px 10px;}
.pop_common .pop_txt h6{font-size:14px; color:#333;}
.pop_bn{height:35px; margin:10px auto; text-align:center;}


/* 책갈피를 위해서 이전 스킨에서 가져온 부분 시작 */
/*책갈피 step1*/
.bookmark{background:url(../image/bookmark.png) no-repeat left top; width:280px; height:115px; position:absolute; margin: 0 0 0 -105px; z-index:1;}
.bookmark .bookmark_page{text-align:center; font-weight:bold; color:#ffff00; margin:24px 0 7px 0;}
.bookmark .bookmark_input{width:240px; margin:auto;}
.bookmark .bk_input{width:200px; height:18px; padding:3px; border:1px solid #0f4272; margin:auto;}
.bookmark .bk_bn_add{float:right; background:url(../image/bookmark_bn_add.png) no-repeat center top; border:1px solid #0f4272; width:28px; height:24px; display:block; cursor:pointer;}
.bookmark .pop_bn{width:80px; margin:10px auto; border:none;}
.bn_s_list{float:left; background:url(../image/bn_s_list.gif) no-repeat center center; width:26px; height:16px; display:block; cursor:pointer; margin:0 5px;}
.bn_s_close{float:left; background:url(../image/bn_s_close.gif) no-repeat center center; width:26px; height:16px; display:block; cursor:pointer; margin:0 5px;}
/* 책갈피 타이틀 */
.pop_bookmark{width:450px; margin:auto; border:1px #eee solid; background-color:#e7e7e7; position:absolute; box-shadow:3px 3px 3px #333; -webkit-box-shadow: 3px 3px 3px #333; -moz-box-shadow: 3px 3px 3px #333; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#333, offX=1, offY=1, positive=true); }
.pop_bookmark .bookmark_title{height:31px; background:url(../image/pop_tit_bg.gif) no-repeat left top;}
.pop_bookmark .bookmark_title h5{font-size:14px; color:#fff; background:url(../image/pop_ic_bookmark.gif) no-repeat left 5px; height:25px; margin:0 0 0 15px; padding:6px 0 0 25px;}
/* 책갈피 리스트 */
.pop_bookmark .bookmark_list{height:230px; overflow:auto; margin-bottom:10px; background-color:#fff;}
.pop_bookmark .bookmark_list table{width:100%; border-collapse:collapse;}
.pop_bookmark .bookmark_list table thead th{font-weight:bolder; color:#4D5B67; background-color:#f1f8ff; padding:5px 5px 7px 5px; text-align:center;}
.pop_bookmark .bookmark_list table tbody td{color:#494949; border-bottom:1px solid #E0E0E0; padding:5px 5px 7px 5px;}
.pop_bookmark .bookmark_list .memo{text-align:center;}
.pop_bookmark .bookmark_list .bn{text-align:center; width:80px;}
.pop_bookmark .bookmark_list .opinion{line-height:170%; margin:10px 10px; background-color:#f2f2f2;}
.pop_bookmark .pop_bn{background-color:#E7E7E7; width:26px; height:15px; margin:10px auto;}
/* 책갈피를 위해서 이전 스킨에서 가져온 부분 끝 */