@charset "utf-8";


.eduPlayer { position:absolute;  z-index:201; margin:0 auto; color:#fff; text-align:left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}
.eduPlayer .topArea { position:relative; font-size:16px; font-weight:bold;}
.eduPlayer .topArea p { margin-top:10px; font-size:26px;}
.eduPlayer .btnEnd { position:absolute; top:0; right:0;}
.eduPlayer .btnEnd a { background:url(../img/btn_close02.png) no-repeat 128px center #ff7e00; width:170px; padding:15px 0 15px 20px; font-size:20px; color:#fff; text-align:left; text-decoration:none; display:inline-block;}
.eduPlayer .btnEnd a:hover { background:url(../img/btn_close02.png) no-repeat 128px center #888;}
.eduPlayer .clipArea { background:#000; border:solid 4px #fff; margin-top:15px;}
.eduPlayer .infoArea { position:relative; margin-top:20px; font-size:16px;}
.eduPlayer .infoArea strong { margin:0 0 3px 10px; font-size:28px; color:#fff000; vertical-align:middle; display:inline-block;}
.eduPlayer .infoArea .btn { position:absolute; top:-5px; right:0;}
.eduPlayer .infoArea .btn a { background:#0f97af; width:180px; padding:12px 0; color:#fff; font-weight:bold; text-align:center; text-decoration:none; display:inline-block;}
.eduPlayer .infoArea .btn a:hover { background:#888;}


.eduExam { position:absolute; top:100px; left:100px; z-index:201; background:#fff; width:1100px; margin:0 auto; text-align:left;}
.eduExam .ruleArea { padding:50px;}
.eduExam .ruleArea ol { margin-top:25px;}
.eduExam .ruleArea li { margin:15px 0 0 20px; font-size:16px; list-style:decimal; line-height:1.5em;}
.eduExam .ruleArea .agree { margin-top:40px; background:#f5f5f5; padding:25px 0; text-align:center; font-size:17px; font-weight:bold; color:#0f6caf;}
.eduExam .examArea { position:relative;}
.eduExam .examArea .examTitle { position:relative; background:#0f6caf; padding:20px; color:#e8e8e8; font-weight:bold;}
.eduExam .examArea .examTitle .title { margin-left:10px; width:820px; color:#fff; font-size:20px; display:inline-block;}
.eduExam .examArea .examTitle .time { position:absolute; top:22px; right:20px;}
.eduExam .examArea .examTitle .time input { margin-top:-2px; background:#0f6caf; border:none; width:65px; font-weight:bold; font-size:20px; color:#fff000; text-align:right; outline:none;}
.eduExam .examArea .ruleTxt { background:#f5f5f5; padding:20px 0; font-size:16px; text-align:center;}
.eduExam .examArea .examBody { position:relative; width:100%; border-top:solid 1px #0f6caf; display:table;}
.eduExam .examArea .examBody .noList { border-right:solid 1px #0f6caf; width:220px; vertical-align:top; display:table-cell;}
.eduExam .examArea .examBody .noList li { border-bottom:solid 1px #0f6caf; font-size:0;}
.eduExam .examArea .examBody .noList li span { padding:10px 5px; display:table-cell;}
.eduExam .examArea .examBody .noList li span:first-child { border-right:solid 1px #ebebeb; width:50px; color:#777; font-size:12px; font-weight:bold;}
.eduExam .examArea .examBody .noList li span:last-child { color:#000; font-size:13px;}
.eduExam .examArea .examBody .noList a { width:100%; text-decoration:none; display:inline-block;}
.eduExam .examArea .examBody .noList a:hover { background:#ffffe5;}
.eduExam .examArea .examBody .testxt { padding:0 30px 40px 30px; vertical-align:top; line-height:1.5em; display:table-cell;}
.eduExam .examArea .examBody .testxt ol { margin-top:30px;}
.eduExam .examArea .examBody .testxt ol li { position:relative; margin-top:10px; padding-left:25px;}
.eduExam .examArea .examBody .testxt ol li span { position:absolute; top:-1px; left:0;}
.eduExam .examArea .examBody .testxt ol li input { width:18px; height:18px;}
.eduExam .examArea .examBody .testxt ol li:hover { color:#0036ff;}
.eduExam .examArea .examBody .testxt em { background:#0f97af; color:#fff; width:55px; padding:3px 0; font-size:13px; font-style:normal; line-height:normal; text-align:center; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.eduExam .examArea .examBody .testxt .testQ { margin:10px 0 15px 0; color:#0f6caf; font-size:17px; font-weight:bold;}
.eduExam .examArea .examBody .testxt .testQ .point { font-size:14px; font-weight:normal; color:#777;}
.eduExam .btnOrg01 a { width:100%; height:60px; padding-top:20px; font-size:22px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}


/* player - video   2019-03-27 */
.player_video_1 { position:relative; background:#000; display:table;}
.player_video_1 .viewArea { width:1020px; height:705px; text-align:left; vertical-align:top; display:table-cell; background-color:#fff;}
.player_video_1 .viewArea .view { width:100%; margin:0 auto; height:655px; text-align:center; background:#f7f4eb;}
.player_video_1 .viewArea .viewBack01 { background:url(/images/player/pageview_back01.png) no-repeat bottom right #f7f4eb;}
.player_video_1 .viewArea .viewBack02 { background:url(/images/player/pageview_back02.png) no-repeat bottom right #f7f4eb;}
.player_video_1 .viewArea .viewBack03 { background:url(/images/player/pageview_back03.png) no-repeat bottom right #f7f4eb;}
.player_video_1 .viewArea .viewBack04 { background:url(/images/player/pageview_back04.png) no-repeat bottom right #f7f4eb;}
.player_video_1 .viewArea .view .lecTitle { position:relative; width:92%; margin:0 auto; padding-top:100px; font-weight:bold; line-height:normal;}
.player_video_1 .viewArea .view .lecTitle .title { font-size:36px; color:#000; background:url(/images/player/pageview_line_title.png) no-repeat bottom center; padding-bottom:30px;}
.player_video_1 .viewArea .view .lecTitle .notitle { font-size:30px; color:#0f6caf; margin-top:27px;}
.player_video_1 .viewArea .view .lecTitle .notitle span { font-weight:normal; color:#0f97af; margin-right:20px;}
.player_video_1 .viewArea .view .btn { margin-top:60px;}
.player_video_1 .viewArea .view .careerInfo { position:relative; width:100%; color:#222; display:table;}
.player_video_1 .viewArea .view .careerInfo ul:first-child { width:400px; padding:40px 40px 0 40px; vertical-align:top; display:table-cell;}
.player_video_1 .viewArea .view .careerInfo ul:last-child { padding:0 40px 0 0; vertical-align:top; display:table-cell;}
.player_video_1 .viewArea .view .careerInfo .photocareer {}
.player_video_1 .viewArea .view .careerInfo .photocareer .photo { width:400px; height:257px; text-align:center; vertical-align:middle; background:#fff;}
.player_video_1 .viewArea .view .careerInfo .photocareer .photo img { max-width:400px; max-height:257px;}
.player_video_1 .viewArea .view .careerInfo .photocareer .name { color:#fff; font-weight:bold; background:#0f97af; padding:5px 0;}
.player_video_1 .viewArea .view .careerInfo .photocareer .name span { margin-left:5px; color:#e0e0e0; font-weight:normal;}
.player_video_1 .viewArea .view .careerInfo .photocareer .txt { margin-top:20px; text-align:left; font-size:13px; line-height:1.5em; display:block;}
.player_video_1 .viewArea .view .careerInfo .photocareer .txt .item { padding-bottom:10px; color:#000; font-size:18px; font-weight:bold;}
.player_video_1 .viewArea .view .careerInfo .lecInfo { text-align:left; font-size:13px; line-height:1.5em;}
.player_video_1 .viewArea .view .careerInfo .lecInfo li { margin-top:40px; padding:18px 20px; min-height:120px; background:#fff;}
.player_video_1 .viewArea .view .careerInfo .lecInfo li .item { padding-bottom:10px; color:#0f97af; font-size:18px; font-weight:bold;}
.player_video_1 .viewArea .view .testView { position:relative; width:92%; margin:0 auto; padding-top:40px; text-align:left;}
.player_video_1 .viewArea .view .testView .titleItem { border-bottom:solid 1px #0f6caf; padding-bottom:10px; font-size:13px; color:#777; line-height:normal;}
.player_video_1 .viewArea .view .testView .titleItem span { font-size:24px; color:#0f6caf; font-weight:bold; margin-right:10px;}
.player_video_1 .viewArea .view .testView ul { margin-top:40px;}
.player_video_1 .viewArea .view .testView ul .examTitle { color:#0f6caf; font-weight:bold; font-size:18px; margin-bottom:20px;}
.player_video_1 .viewArea .view .testView ul .examTxt {}
.player_video_1 .viewArea .view .testView ul .examTxt input { width:100%; height:38px; vertical-align:middle; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.player_video_1 .viewArea .view .testView ul .examSel { position:relative; margin-top:10px; padding-left:25px; color:#333; font-size:15px;}
.player_video_1 .viewArea .view .testView ul .examSel input { position:absolute; left:0; top:3px; background:none; width:18px; height:18px;}
.player_video_1 .viewArea .view .testView ul .examSel:hover { color:#0f97af;}
.player_video_1 .viewArea .view .testView ul .examCheck { margin-top:20px; font-size:20px; color:#fff; background:#0f97af; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.player_video_1 .viewArea .view .testView ul .examCheck span { color:#fff000; font-weight:bold; margin-left:10px;}
.player_video_1 .viewArea .view .testView ul .examComment { margin-top:30px;}
.player_video_1 .viewArea .view .testView ul .examComment textarea { width:99.7%; height:100px; font-size:14px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.player_video_1 .viewArea .control { position:relative; width:100%; height:50px; background:url(/images/site/player_logo.png) no-repeat left center #e2e2e2; text-align:right; font-size:0;}
.player_video_1 .viewArea .control img { vertical-align:middle;}
.player_video_1 .viewArea .control span { font-size:0; line-height:normal; vertical-align:middle;}
.player_video_1 .viewArea .control span.arrBtn { width:50px; text-align:center; display:inline-block;}
.player_video_1 .viewArea .control span.pageNo { padding:0 15px; font-size:20px; color:#777; letter-spacing:0.08em;}
.player_video_1 .viewArea .control span.pageNo strong { color:#000;}
.player_video_1 .wideArr { width:10px; vertical-align:middle; display:table-cell;}
.player_video_1 .infoArea { width:338px; background:#fff; text-align:left; vertical-align:top; display:table-cell;}
.player_video_1 .infoArea .scbox { width:100%; }
.player_video_1 .infoArea .scbox .time { position:relative; line-height:normal; padding:10px; font-weight:bold; text-align:center;}
.player_video_1 .infoArea .scbox .time span { font-size:15px; color:#555; vertical-align:middle;}
.player_video_1 .infoArea .scbox .time input { width:95px; border:none; color:#ff3c00; font-weight:bold; font-size:20px; text-align:center; vertical-align:middle;}
.player_video_1 .infoArea .scbox .lecTitle { position:relative; background:#0f6caf; padding:12px 20px; color:#fff; font-size:13px; line-height:1.4em;}
.player_video_1 .infoArea .scbox .lecTitle .title { font-size:16px; font-weight:bold; line-height:1.3em;}
.player_video_1 .infoArea .scbox .lecTitle .notitle { position:relative; margin-top:7px; min-width:1px; padding-left:56px;}
.player_video_1 .infoArea .scbox .lecTitle .notitle span { position:absolute; top:0; left:0; color:#0f97af; font-weight:bold;}
.player_video_1 .infoArea .scbox .btnEnd a { background:url(/images/player/flash_btnbul_end.png) no-repeat 200px center #0f97af; width:100%; padding:12px 0; font-size:18xp; color:#fff; font-weight:bold; text-align:center; line-height:normal; text-decoration:none; display:inline-block;}
.player_video_1 .infoArea .scbox .btnEnd a:hover { background:url(/images/player/flash_btnbul_end.png) no-repeat 200px center #999;}
.player_video_1 .infoArea .scbox .infoTab { overflow:auto; width:100%; height:530px; position:relative; margin-top:10px; border-top:solid 1px #a0a0a0;}
.player_video_1 .infoArea .scbox .infoTab .tabBtn { width:100%; display:table; line-height:normal; font-size:0;}
.player_video_1 .infoArea .scbox .infoTab .tabBtn li { width:50%; margin:0 auto; display:inline-block;}
.player_video_1 .infoArea .scbox .infoTab .tabBtn li a { width:100%; background:#a0a0a0; font-size:15px; font-weight:bold; color:#fff; padding:10px 0; text-align:center; display:inline-block;}
.player_video_1 .infoArea .scbox .infoTab .tabBtn li a.show { background:#fff; color:#0f6caf;}
.player_video_1 .infoArea .scbox .infoTab .tablecInfo { position:relative; font-size:13px; color:#333; line-height:1.5em;}
.player_video_1 .infoArea .scbox .infoTab .tablecInfo li { border-bottom:solid 1px #eeeeee; padding:14px 0;}
.player_video_1 .infoArea .scbox .infoTab .tablecInfo li:last-child { border-bottom:none;}
.player_video_1 .infoArea .scbox .infoTab .tablecInfo p { padding:0 20px;}
.player_video_1 .infoArea .scbox .infoTab .tablecInfo .item { font-size:14px; font-weight:bold; color:#0f97af; display:inline-block;}
.player_video_1 .infoArea .scbox .infoTab .tablecInfo .txt { margin-top:5px;}
.player_video_1 .infoArea .scbox .infoTab .tabQna { position:relative; font-size:13px; color:#333; line-height:1.5em; padding:14px 20px;}
.player_video_1 .infoArea .scbox .infoTab .tabQna li { margin-top:5px;}
.player_video_1 .infoArea .scbox .infoTab .tabQna select { border:solid 1px #cecece; width:100%; font-size:14px; color:#333; height:30px;}
.player_video_1 .infoArea .scbox .infoTab .tabQna textarea { border:solid 1px #cecece; width:100%; font-size:14px; color:#333; line-height:1.4em;}
.player_video_1 .infoArea .scbox .infoTab .tabQna .btn a { background:#0f6caf; width:100%; padding:15px 0; color:#fff; font-size:15px; text-align:center; text-decoration:none; line-height:normal; display:inline-block;}
.player_video_1 .infoArea .scbox .infoTab .tabQna .btn a:hover { background:#999;}

/* btn */
.btnAreaTc01 { position:relative; margin-top:10px; text-align:center; font-size:0;}
.btnAreaTc02 { position:relative; margin-top:20px; text-align:center; font-size:0;}
.btnAreaTc03 { position:relative; margin-top:30px; text-align:center; font-size:0;}
.btnAreaTc04 { position:relative; margin-top:40px; text-align:center; font-size:0;}
.btnAreaTc05 { position:relative; margin-top:50px; text-align:center; font-size:0;}
.btnAreaTl01 { position:relative; margin-top:10px; text-align:left; font-size:0;}
.btnAreaTl02 { position:relative; margin-top:20px; text-align:left; font-size:0;}
.btnAreaTl03 { position:relative; margin-top:30px; text-align:left; font-size:0;}
.btnAreaTl04 { position:relative; margin-top:40px; text-align:left; font-size:0;}
.btnAreaTl05 { position:relative; margin-top:50px; text-align:left; font-size:0;}
.btnAreaTr01 { position:relative; margin-top:10px;; text-align:right; font-size:0;}
.btnAreaTr02 { position:relative; margin-top:20px; text-align:right; font-size:0;}
.btnAreaTr03 { position:relative; margin-top:30px; text-align:right; font-size:0;}
.btnAreaTr04 { position:relative; margin-top:40px; text-align:right; font-size:0;}
.btnAreaTr05 { position:relative; margin-top:50px; text-align:right; font-size:0;}
.btnAreaTc01 span, .btnAreaTc02 span, .btnAreaTc03 span, .btnAreaTc04 span, .btnAreaTl01 span, .btnAreaTl02 span, .btnAreaTl03 span, .btnAreaTl04 span, .btnAreaTr01 span, .btnAreaTr02 span, .btnAreaTr03 span, .btnAreaTr04 span { margin:0 3px;}

.btnSideArea { position:absolute; top:0; right:0;}

.btnSky01 a { background:#346edf; text-align:center; color:#fff; font-size:17px; font-weight:bold; padding:14px 30px 0 30px; min-width:100px; height:47px; line-height:19px; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnSky01 a:hover { background:#14f18c;}

.btnBlue01 a { background:#346edf; text-align:center; color:#fff; font-size:17px; font-weight:bold; padding:14px 30px 0 30px; min-width:100px; height:47px; line-height:19px; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnBlue01 a:hover { background:#14f18c;}

.btnGray01 a { background:#666; text-align:center; color:#fff; font-size:17px; font-weight:bold; padding:14px 30px 0 30px; min-width:100px; height:47px; line-height:19px; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnGray01 a:hover { background:#888;}

.btnOrg01 a { background:#ff7e00; text-align:center; color:#fff; font-size:17px; font-weight:bold; padding:14px 30px 0 30px; min-width:100px; height:47px; line-height:19px; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnOrg01 a:hover { background:#888;}

.btnSmSky01 a { background:#0f6caf; text-align:center; color:#fff; font-size:13px; padding:7px 15px 0 15px; min-width:60px; height:30px; line-height:15px; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnSmSky01 a:hover { background:#888;}

.btnSmGray01 a { background:#999; text-align:center; color:#fff; font-size:13px; padding:7px 15px 0 15px; min-width:60px; height:30px; line-height:15px; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnSmGray01 a:hover { background:#888;}

.btnSmLine01 a { background:#fff; border:solid 1px #d5d5d5; color:#555; font-size:13px; padding:6px 15px 0 15px; min-width:60px; height:30px; line-height:15px; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnSmLine01 a:hover { background:#fafafa; color:#111;}

.btnSmLine02 a { background:#fff; border:solid 1px #d5d5d5; color:#555; font-size:13px; padding:4px 10px 0 10px; min-width:60px; height:26px; line-height:normal; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnSmLine02 a:hover { background:#fafafa; color:#111;}

.btnDown01 a { background:url(/images/common/btn_down01.png) no-repeat center right #fff; border:solid 1px #494949; color:#555; font-size:15px; padding:8px 35px 0 20px; height:36px; font-weight:700; line-height:normal; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnDown01 a:hover { background:url(/images/common/btn_down01.png) no-repeat center right #494949; color:#fff;}

.btnInputSm { background:#999; border:none; color:#fff; font-size:13px; padding:0 11px 2px 11px; cursor:pointer; letter-spacing:-0.04em; line-height:100%;}
.btnInputSm:hover { background:#888;}


/* layer */
.layer_black { position:absolute; top:0; left:0; z-index:200; width:100%; margin:0 auto; height:100%; background:#000; opacity:0.8; filter: alpha(opacity=80); display:;}

.layerArea { position:relative; z-index:201; background:#fff; border:solid 5px #f5f5f5; margin:0 auto; font-size:15px; min-width:540px;}
.layerArea .close { position:absolute; top:9px; right:9px;}
.layerArea h5 { color:#0f6caf; font-size:16px; font-weight:bold;}
.layerArea .title { background:#666; padding:11px 20px 12px 20px; color:#fff; font-weight:bold; font-size:17px; text-align:left; letter-spacing:-0.04em;}
.layerArea .infoArea { padding:20px; background:#fff; line-height:22px;}
.layerArea .infoArea .lecLine { text-align:center; border-bottom:solid 1px #e9e9e9; padding-bottom:15px;}
.layerArea .infoArea .lecLine .lecT { color:#0f6caf; font-size:17px; font-weight:bold;}
.layerArea .infoArea .info { text-align:left;}
.layerArea .infoArea .clipInfo { text-align:left; line-height:1.7em;}
.layerArea .infoArea .clipInfo h5 { background:#0f6caf; color:#fff; text-align:center; padding:3px 0; margin-bottom:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.layerArea .infoArea .clipInfo li { margin-top:30px;}
.layerArea .infoArea .clipInfo li:first-child { margin-top:0;}
.layerArea .infoArea .clipInfo li:last-child { border-bottom:none;}
.layerArea .pan_reg { width:100%; margin:0 auto; border-top:solid 1px #e9e9e9;}
.layerArea .pan_reg th { padding:10px 5px; text-align:center; font-size:14px; color:#555; line-height:19px; background:#f3f3f3; border-bottom:solid 1px #e2e2e2; border-right:solid 1px #e2e2e2;}
.layerArea .pan_reg th:last-child { border-right:none;}
.layerArea .pan_reg td { padding:10px; border-bottom:solid 1px #e2e2e2;}
.layerArea .pan_reg strong { color:#777;}
.layerArea .pan_reg .item { color:#0f6caf; font-size:14px; font-weight:bold;}
.layerArea .conwrite { padding:10px; border-bottom:solid 1px #e2e2e2;}
.layerArea input, .layerArea select { height:30px; vertical-align:middle; border: 1px solid #ccc; margin-bottom: 5px;}
.layerArea textarea { line-height:1.5em;}
.layerArea .checkradio { width:17px; height:17px; vertical-align:middle; margin-right:3px; border:none;}
.layerArea .comment_1 { position:relative; color:#777; line-height:1.5em; font-size:14px;}
.layerArea .comment_1 li { margin-top:3px; padding-left:8px;}
.layerArea .mycheck { position:relative; margin-top:25px; font-size:0;}
.layerArea .mycheck li { margin:0 15px; display:inline-block;}
.layerArea .mycheck li a { border:solid 1px #e2e2e2; padding:10px; display:inline-block; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.layerArea .mycheck li a:hover { background:#e2e2e2;}
.layerArea .survey { position:relative; margin-top:-20px; text-align:left;}
.layerArea .survey ol { margin-top:25px; border-bottom:solid 1px #ebebeb; padding-bottom:25px;}
.layerArea .survey ol p { font-weight:bold; font-size:16px; color:#0f6caf; margin-bottom:10px;}
.layerArea .survey ol li { position:relative; margin-top:10px; padding-left:22px;}
.layerArea .survey ol li span { position:absolute; top:3px; left:0;}
.layerArea .survey ol li input { width:17px; height:17px;}

.layerArea .examResult { position:relative; text-align:left;}
.layerArea .examResult .score { border-bottom:solid 1px #ebebeb; padding-bottom:20px; font-weight:bold;}
.layerArea .examResult .score ul { border:solid 2px #0f6caf; border-left:none; display:table; margin:0 auto;}
.layerArea .examResult .score ul li { border-left:solid 2px #0f6caf; width:150px; font-size:16px; line-height:2em; text-align:center; display:table-cell;}
.layerArea .examResult .score ul li strong { background:#f5f5f5; width:150px; font-size:13px; color:#777; display:inline-block;border-bottom:solid 1px #1e7cbf;}
.layerArea .examResult ol { margin-top:25px; border-bottom:solid 1px #ebebeb; padding-bottom:25px;}
.layerArea .examResult ol em { background:#0f97af; color:#fff; width:55px; padding:8px 0; font-size:13px; font-style:normal; line-height:normal; text-align:center; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.layerArea .examResult .testQ { margin-top:10px; color:#0f6caf; font-size:17px; font-weight:bold;}
.layerArea .examResult .infoTxt { margin-top:10px; background:#eaeaea; padding:5px 10px; margin-bottom:15px;}
.layerArea .examResult .infoTxt span { margin-right:20px;}
.layerArea .examResult ol li { position:relative; margin-top:10px; padding-left:22px;}
/*.layerArea .examResult ol li span { position:absolute; top:3px; left:0;}*/
.layerArea .examResult ol li span { position:absolute; top:-1px; left:0;}
.layerArea .examResult ol li input { width:17px; height:17px;}
.layerArea .examResult .resulTxt { margin-top:20px; border:solid 1px #aaaaaa; padding:20px; font-size:14px;}
.layerArea .examResult .resulTxt .point { margin:-20px -20px 0 -20px; background:#aaaaaa; margin-bottom:15px; padding:5px 0; font-size:14px; color:#fff; font-weight:bold; text-align:center;}
.layerArea:after{ content:""; display:block; clear:both;}




/* popup */
.popupArea { position:relative; width:100%; margin:0 auto; text-align:left;}
.popupArea .close { position:absolute; top:10px; right:10px;}
.popupArea .popName { background:#0f6caf; padding:10px 50px 10px 20px; font-weight:bold; color:#fff; font-size:21px;}
.popupArea .infoArea { padding:20px;}
.popupArea .infoArea .managerTxt { text-align:center;}
.popupArea .infoArea .managerTxt .term { background:#555; margin-bottom:15px; padding:10px 20px; font-size:17px; color:#fff; font-weight:bold; letter-spacing:-0.03em; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:inline-block;}
.popupArea .infoArea .managerTxt span { margin:0 10px;}
.popupArea .infoArea .managerTxt em { color:#0f97af; font-style:normal; font-weight:bold;}
.popupArea .infoArea .managerTxt .title { margin-top:20px; border-bottom:solid 1px #e2e2e2; border-top:solid 1px #e2e2e2; padding:10px 0; font-size:17px; color:#000; font-weight:bold; line-height:26px;}
.popupArea .search {}
.popupArea .search input,
.popupArea .search select{ height:32px; font-size:14px; border: 1px solid #d5d5d5; border-radius: 0px;}
.popupArea .search .btn { vertical-align:top; text-align:center; line-height:1em;}
.popupArea .search .btn a { background:#aaaaaa; width:80px; height:32px; padding-top:9px; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.popupArea .search .btn a:hover { background:#888;}
.popupArea .taList_ty01 { font-size:14px;}
.popupArea .taList_ty01 tr:hover { background:#fffde6;}



/*모바일 플레이어*/

/* my */
.myLecinfo { background:#fafafa; border:solid 1px #0f97af; border-bottom:none; width:100%; padding:12px 0; color:#0f97af; text-align:center;}

.myList { position:relative;}
.myList ul { border-top:solid 1px #0f6caf;}
.myList ul li { border-bottom:solid 1px #0f6caf; padding:20px 0 25px 0;}
.myList ul li a { width:100%; text-decoration:none; display:inline-block;}
.myList .title { font-size:18px; color:#000; font-weight:bold; line-height:27px;}
.myList .lecInfo { margin-top:10px; color:#777; font-size:14px; line-height:22px;}
.myList .lecInfo span { color:#0f6caf;}
.myList .checkArea { position:relative; background:#fff; width:100%; margin-top:10px; color:#777; font-size:13px; text-align:center; border:solid 1px #e2e2e2; display:table; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.myList .checkArea dl { width:25%; border-left:solid 1px #e2e2e2; vertical-align:top; display:table-cell;}
.myList .checkArea dl:first-child { width:50%; border-left:none;}
.myList .checkArea dt { background:#f5f5f5; line-height:30px;}
.myList .checkArea dd { padding:5px 0 7px 0;}
.myList .checkArea dd.notxt { line-height:41px;}
.myList .checkArea dd strong { color:#ff2a3b; font-size:16px;}
.myList .onlyPC { background:#ff7e00; margin-top:10px; padding:8px 0 10px 0; color:#fff; font-size:17px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.viewTab { position:relative; background:#fff;}
.viewTab .area { width:100%; margin:0 auto; display:table;}
.viewTab .area li { background:#aaaaaa; width:50%; border-right:solid 1px #fff; text-align:center; display:table-cell;}
.viewTab .area li:last-child { border-right:none;}
.viewTab .area li a { width:100%; padding:10px 0; color:#fff; font-size:14px; text-align:center; text-decoration:none; display:inline-block;}
.viewTab .area li a:hover { background:#888;}
.viewTab .area li a.show { background:#0f6caf; color:#fff;}

.myLectureList { position:relative; color:#777; font-size:14px;}
.myLectureList ul { position:relative; width:100%; border-bottom:solid 1px #e2e2e2; display:table;}
.myLectureList ul li { padding:10px 0 12px 0; text-align:center; vertical-align:middle; display:table-cell;}
.myLectureList ul li:nth-child(1) { width:65px;}
.myLectureList ul li:nth-child(1) strong { color:#ff2a3b; font-size:15px;}
.myLectureList ul li:nth-child(3) { width:62px;}
.myLectureList .infoArea { text-align:left; font-size:13px; line-height:19px;}
.myLectureList .infoArea .title { color:#000; font-size: 16px;font-weight: 500;line-height:23px;}
.myLectureList .btnView a { background:#ff7e00; width:52px; padding:6px 0; color:#fff; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; display:inline-block; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.myLectureList .btnView a:hover { background:#0f97af;}


.playZone { position:relative; margin-top:15px;}
.playZone .titleArea { position:relative; color:#777; line-height:20px;}
.playZone .titleArea .title { border-bottom:solid 1px #e2e2e2; padding-bottom:10px; text-align:center;}
.playZone .titleArea .subTitle { margin-top:10px; font-size: 16px;}
.playZone .titleArea strong { color:#0f6caf; font-size:16px;}
.playZone .clipArea { text-align:center;}
.playZone .clipArea .clip { background:#000;}
.playZone .clipArea .arr { position:relative; background:#0f97af; width:100%; height:42px; color:#e2e2e2; text-align:center; font-size:0; line-height:normal;}
.playZone .clipArea .arr img { width:13px;}
.playZone .clipArea .arr a { width:100%; padding:10px 0; display:inline-block;}
.playZone .clipArea .arr span:nth-child(1) { position:absolute; top:0; left:0; width:42px;}
.playZone .clipArea .arr span:nth-child(3) { position:absolute; top:0; right:0; width:42px;}
.playZone .clipArea .arr span:nth-child(2) { font-size:14px; line-height:40px;}
.playZone .clipArea .arr span:nth-child(2) strong { font-size:19px; color:#fff;}
.playZone .infoArea { margin-top:15px;}
.playZone .infoArea ul {}
.playZone .infoArea ul li { border-bottom:solid 1px #e2e2e2; padding:15px 0;}
.playZone .infoArea ul li:last-child { border-bottom:none; padding-bottom:0;}
.playZone .infoArea ul li p { font-weight:500; margin-bottom:10px;}
.playZone .infoArea ul li p span { background:#0f6caf; padding:5px 20px; color:#fff; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}