@charset "utf-8";

/* common */
#wrap {position:relative; width:100%;}

/* layout */
#header { position:relative; width:100%; margin:0 auto;}
	
	#topSide { position:relative; width:100%; margin:auto; height:35px; background:#103a56; font-size:14px; letter-spacing:normal;}
	#topSide .area { position:relative; width:1200px; margin:0 auto;}
	#topSide .area .favicon { position:absolute; top:0; left:0;}
	#topSide .area .favicon a { background:url(../images/common/btnbul_favicon.png) no-repeat left; color:#bad4eb; font-weight:bold; height:35px; padding-left:27px; vertical-align:middle; display:table-cell; text-decoration:none;}
	#topSide .area .sideArea { position:absolute; top:0; right:0;}
	#topSide .area .sideArea li { vertical-align:middle; display:table-cell;}
	#topSide .area .sideArea li.menu a { border-right:solid 1px #000; color:#eaeaea; font-weight:bold; height:35px; padding:0 20px; vertical-align:middle; display:table-cell; text-decoration:none;}
	#topSide .area .favicon a:hover,
	#topSide .area .sideArea li.menu a:hover { color:#fff;}
	#topSide:after{ content:""; display:block; clear:both;}

	#topNavi { position:relative; z-index:111; width:100%; height:95px; margin:0 auto; background:#fff;}
	.subBorder { border-bottom:solid 1px #103a56;}
	#topNavi .area { position:relative; width:1200px; margin:0 auto;}
	#topNavi .area>h1 { position:absolute; top:20px; left:10px;}
	#topNavi .area .topMenu { position:relative; top:18px; margin-left:229px;}
	#topNavi .area .topMenu li { display:table-cell; vertical-align:middle;}
	#topNavi .area .topMenu li a { display:block; color:#000;}
	#topNavi .area .sitemenu { position:absolute; top:18px; right:0px;}
	#topNavi .subLayer { position:absolute; z-index:11; top:77px; left:0; width:100%; margin:0 auto; background:#fff; display:none;}
	#topNavi .subLayer .area { position:relative; width:1200px; margin:0 auto; line-height:normal; padding-bottom:30px;}
	#topNavi .subLayer .area .lemargin { position:relative; left:229px;}
	#topNavi .subLayer .area .menu1 { width:153px; display:table-cell; border-top:solid 3px #fff; padding-top:10px;}
	#topNavi .subLayer .area .menu2 { width:153px; display:table-cell; border-top:solid 3px #fff; padding-top:10px;}
	#topNavi .subLayer .area .menu3 { width:173px; display:table-cell; border-top:solid 3px #fff; padding-top:10px;}
	#topNavi .subLayer .area .menu4 { width:153px; display:table-cell; border-top:solid 3px #fff; padding-top:10px;}
	#topNavi .subLayer .area .menu5 { width:153px; display:table-cell; border-top:solid 3px #fff; padding-top:10px;}
	#topNavi .subLayer .area .menu6 { width:135px; display:table-cell; border-top:solid 3px #fff; padding-top:10px;}
	#topNavi .subLayer .area .menu7 { width:171px; display:table-cell; border-top:solid 3px #fff; padding-top:10px;}
	#topNavi .subLayer .area .menu1:hover,
	#topNavi .subLayer .area .menu2:hover,
	#topNavi .subLayer .area .menu3:hover,
	#topNavi .subLayer .area .menu4:hover,
	#topNavi .subLayer .area .menu5:hover,
	#topNavi .subLayer .area .menu6:hover,
	#topNavi .subLayer .area .menu7:hover {border-top:solid 3px #2080c5;}
	#topNavi .subLayer .area a { width:100%; border-bottom:solid 1px #fff; padding:8px 0; font-size:14px; color:#555; text-decoration:none; text-align:center; display:inline-block;}
	#topNavi .subLayer .area a:hover { color:#2080c5; border-bottom:solid 1px #2080c5;}
	#topNavi .subLayer .close a { width:100%; background:#103a56; display:inline-block;}
	#topNavi:after{ content:""; display:block; clear:both;}
		
	
	#Footer { position:relative; width:100%; margin:0 auto; background:#fff; border-top:solid 1px #eeeeee; padding-top:30px; font-size:14px;}
	#Footer .sideArea { position:relative; width:1200px; margin:0 auto; line-height:normal; padding-bottom:30px;}
	#Footer .sideArea .menu {display:table; font-size:0;}
	#Footer .sideArea .menu li {display:inline-block; margin-right:22px;}
	#Footer .sideArea .menu li a { height:32px; color:#666; font-size:15px; font-weight:bold; text-decoration:none; vertical-align:middle; display:table-cell;}
	#Footer .sideArea .menu li.pointBtn a { background:#059be3; color:#fff; padding:0 15px;}
	#Footer .sideArea .menu li a:hover { color:#000;}
	#Footer .sideArea .LinkSns { position:absolute; top:0; right:0; display:table; font-size:0;}
	#Footer .sideArea .LinkSns li { vertical-align:middle; display:inline-block; margin-left:5px;}
	#Footer .sideArea .LinkSns select { height:32px; font-size:15px; padding-left:10px; width:220px; margin-right:5px;}
	#Footer .copyArea { position:relative; border-top:solid 1px #eeeeee; padding:30px 0; text-align:left; font-size:13px; line-height:1.6em; letter-spacing:-0.02em;}
	#Footer .copyArea .copy { position:relative; width:1200px; margin:0 auto; color:#848484;}
	#Footer .copyArea .copy h1 { position:absolute; left:10px;}
	#Footer .copyArea .copy .info { position: relative; margin-left:200px;}
	#Footer .copyArea .copy .info .gap { margin:0 8px; color:#cacaca;}
	#Footer .downArea { position:relative; background:#103a56; padding:40px 0; text-align:left; font-size:13px; line-height:1.6em; letter-spacing:-0.02em;}
	#Footer .downArea .downView { position:relative; width:1200px; margin:0 auto; color:#dadada;}
	#Footer .downArea .downView .title { position:absolute; left:0;}
	#Footer .downArea .downView .list { position:relative; margin-left:140px; font-size:0; display:table; margin-bottom:20px;}
	#Footer .downArea .downView .list li {display:inline-block; height:50px; margin-right:20px;}
	#Footer .downArea .downView .list:last-child, 
	#Footer .downArea .downView .list li:last-child { margin-bottom:0; margin-right:0;}
	#Footer .downArea .downView .list a { border:solid 1px #081d2b; background:url(../images/common/btnbul_down_footer.png) no-repeat 214px center; width:238px; height:48px; padding-left:10px; color:#dadada; font-size:15px; text-decoration:none; vertical-align:middle; display:table-cell;}
	#Footer .downArea .downView .list a:hover { background:url(../images/common/btnbul_down_footer.png) no-repeat 214px center #000;}
	#Footer:after{ content:""; display:block; clear:both;}
	
/* layer */
.layerArea { position:relative; background:#fff;}
.layerArea .close { position:absolute; top:12px; right:12px;}
.layerArea .title { background:#1689fc; font-size:18px; font-weight:bold; color:#fff; padding:20px;}
.layerArea .infoArea { margin:0 25px; padding:25px 0 35px 0; font-size:14px;}
.layerArea .infoArea .info { margin-top:20px;}
.layerArea .infoArea .comment { color:#666; line-height:1.4em;}
.layerArea .infoArea .comment li { background:url(../images/common/bul_comment01.png) no-repeat left 8px; padding:0 0 7px 8px;}
.layerArea .infoArea .comment li:last-child { padding-bottom:0;}
.layerArea .recoveryID { position:relative; width:500px; margin:0 auto; text-align:left;}
.layerArea .testExam { position:relative; border:solid 5px #059be3; width:400px; margin:0 auto; text-align:left;}
.layerArea .testExam .info { padding:20px; text-align:center; font-size:15px;}
.layerArea .edubebeforeNOTE { position:relative; width:800px; margin:0 auto; text-align:left;}
.layerArea .edubebeforeNOTE .info { margin-top:0;}
.layerArea .edubebeforeNOTE .info ul {border-bottom:solid 1px #eeeeee; padding-bottom:40px;}
.layerArea .edubebeforeNOTE .info ul:last-child {border-bottom:none; padding-bottom:0;}
/* layer 2019-04-03 START */
.layerArea .learnMemo { position:relative; width:550px; margin:0 auto; text-align:left;}
.layerArea .learnMemo textarea { width:100%; height:200px; font-size:14px; line-height:1.7em; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.layerArea .NoteBox { position:relative; width:600px; margin:0 auto; text-align:left;}
.layerArea .NoteBox .tab { position:relative; font-size:14px;}
.layerArea .NoteBox .tab ul { width:100%; display:table;}
.layerArea .NoteBox .tab li { width:50%; text-align:center; display:table-cell;}
.layerArea .NoteBox .tab li a { background:#eeeeee; width:100%; padding:5px 0; display:inline-block;}
.layerArea .NoteBox .tab li a span { font-weight:bold;}
.layerArea .NoteBox .tab li a:hover { background:#b9b9b9; color:#fff;}
.layerArea .NoteBox .tab li a.show { background:#b9b9b9; color:#fff;}
.layerArea .NoteBox .table_list { width:100%; margin:0 auto; border-top:solid 1px #103a56;}
.layerArea .NoteBox .table_list th { text-align:center; font-size:12px; color:#103a56; line-height:normal; border-bottom:solid 1px #103a56; background:#fff; height:30px;}
.layerArea .NoteBox .table_list td { text-align:center; font-size:13px; color:#555; padding:8px 0; line-height:1.4em; border-bottom:solid 1px #eeeeee;}
.layerArea .NoteBox .table_list tr:hover { background:#f9f9f9;}
.layerArea .NoteBox .table_list .tl { text-align:left;}
.layerArea .NoteBox .panView { position:relative; width:100%; border-top:solid 1px #103a56; font-size:13px;}
.layerArea .NoteBox .panView .itemArea { width:100%; color:#103a56; line-height:normal; border-bottom:solid 1px #103a56; display:table;}
.layerArea .NoteBox .panView .itemArea li { width:50%; height:30px; vertical-align:middle; display:table-cell;}
.layerArea .NoteBox .panView .itemArea li span { font-size:12px; color:#103a56; font-weight:bold; margin:0 15px;}
.layerArea .NoteBox .panView .txt { border-bottom:solid 1px #eeeeee; line-height:1.7em; padding:15px; color:#000; min-height:150px;}
.layerArea .NoteBox .table_write { width:100%; margin:0 auto; border-top:solid 1px #103a56;}
.layerArea .NoteBox .table_write th { text-align:center; font-size:12px; color:#103a56; line-height:normal; border-bottom:solid 1px #eeeeee; background:#fff; height:30px;}
.layerArea .NoteBox .table_write td { font-size:13px; color:#555; padding:8px 0; line-height:1.4em; border-bottom:solid 1px #eeeeee;}
.layerArea .NoteBox .table_write input { height:30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.layerArea .NoteBox .table_write textarea { height:150px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
/* layer 2019-04-03 END */
.layerArea:after{ content:""; display:block; clear:both;}



/* player */
.player_flash { position:relative; background:#000; display:table;}
.player_flash .flashArea { width:1030px; height:665px; text-align:left; vertical-align:top; display:table-cell; background-color:#fff}
.player_flash .wideArr { width:10px; vertical-align:middle; display:table-cell;}
.player_flash .infoArea { width:338px; background:#fff; text-align:left; vertical-align:top; display:table-cell;}
.player_flash .infoArea .scbox { width:100%; }
.player_flash .infoArea .scbox .time { position:relative; line-height:normal; padding:10px; font-weight:bold; text-align:center;}
.player_flash .infoArea .scbox .time span { font-size:15px; color:#555; vertical-align:middle;}
.player_flash .infoArea .scbox .time input { width:95px; border:none; color:#ff3c00; font-weight:bold; font-size:20px; text-align:center; vertical-align:middle;}
.player_flash .infoArea .scbox .lecTitle { position:relative; background:#103a56; padding:12px 20px; color:#fff; font-size:13px; line-height:1.4em;}
.player_flash .infoArea .scbox .lecTitle .title { font-size:16px; font-weight:bold; line-height:1.3em;}
.player_flash .infoArea .scbox .lecTitle .notitle { position:relative; margin-top:7px; min-width:1px; padding-left:56px;}
.player_flash .infoArea .scbox .lecTitle .notitle span { position:absolute; top:0; left:0; color:#059be3; font-weight:bold;}
.player_flash .infoArea .scbox .btnEnd a { background:url(../images/player/flash_btnbul_end.png) no-repeat 200px center #059be3; 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_flash .infoArea .scbox .btnEnd a:hover { background:url(../images/player/flash_btnbul_end.png) no-repeat 200px center #999;}
.player_flash .infoArea .scbox .infoTab { overflow:auto; width:100%; height:470px; position:relative; margin-top:10px; border-top:solid 1px #a0a0a0;}
.player_flash .infoArea .scbox .infoTab .tabBtn { width:100%; display:table; line-height:normal; font-size:0;}
.player_flash .infoArea .scbox .infoTab .tabBtn li { width:50%; margin:0 auto; display:inline-block;}
.player_flash .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_flash .infoArea .scbox .infoTab .tabBtn li a.show { background:#fff; color:#103a56;}
.player_flash .infoArea .scbox .infoTab .tablecInfo { position:relative; font-size:13px; color:#333; line-height:1.5em;}
.player_flash .infoArea .scbox .infoTab .tablecInfo li { border-bottom:solid 1px #eeeeee; padding:14px 0;}
.player_flash .infoArea .scbox .infoTab .tablecInfo li:last-child { border-bottom:none;}
.player_flash .infoArea .scbox .infoTab .tablecInfo p { padding:0 20px;}
.player_flash .infoArea .scbox .infoTab .tablecInfo .item { font-size:14px; font-weight:bold; color:#059be3; display:inline-block;}
.player_flash .infoArea .scbox .infoTab .tablecInfo .txt { margin-top:5px;}
.player_flash .infoArea .scbox .infoTab .tabQna { position:relative; font-size:13px; color:#333; line-height:1.5em; padding:14px 20px;}
.player_flash .infoArea .scbox .infoTab .tabQna li { margin-top:5px;}
.player_flash .infoArea .scbox .infoTab .tabQna select { border:solid 1px #cecece; width:100%; font-size:14px; color:#333; height:30px;}
.player_flash .infoArea .scbox .infoTab .tabQna textarea { border:solid 1px #cecece; width:100%; font-size:14px; color:#333; line-height:1.4em;}
.player_flash .infoArea .scbox .infoTab .tabQna .btn a { background:#103a56; width:100%; padding:15px 0; color:#fff; font-size:15px; text-align:center; text-decoration:none; line-height:normal; display:inline-block;}
.player_flash .infoArea .scbox .infoTab .tabQna .btn a:hover { background:#999;}

/* test Popup */
.testPopup { position:relative; margin:0 auto;}
/*.testPopup .titleArea { position:relative; background:#103a56; color:#fff;}*/
.testPopup .titleArea { position:fixed; top:0px; background:#103a56; color:#fff; z-index:1000;}
.testPopup .titleArea .area { width:1200px; margin:0 auto; text-align:left; display:table; height:100px; line-height:normal;}
.testPopup .titleArea .area .title { background:url(../images/player/test_titlecon.png) no-repeat left center; font-size:20px; font-weight:bold; padding-left:93px; vertical-align:middle; display:table-cell;}
.testPopup .titleArea .area .title span { color:#dadf00; margin-left:10px;}
.testPopup .titleArea .area .time { font-size:20px; font-weight:bold; text-align:right; vertical-align:middle; display:table-cell; padding-right:20px;}
.testPopup .titleArea .area .close { text-align:right; vertical-align:middle; display:table-cell;}
.testPopup .noticeArea { position:relative; width:100%; margin:0px auto 0 auto; text-align:left;}
.testPopup .noticeArea .area { width:700px; margin:40px auto 0 auto;}
.testPopup .noticeArea .area li { margin-top:15px; color:#000;}
.testPopup .checkArea { position:relative; margin-top:50px; background:#f4f4f4; text-align:center; font-size:18px; color:#000; font-weight:bold; padding:30px 0; vertical-align:middle;}
.testPopup .checkArea input { border:none; width:25px; height:25px; margin-right:5px; vertical-align:middle;}

.testPopup .examArea { position:relative; width:1200px; margin:0px auto 0 auto;}
.testPopup .examArea .comment { text-align:center; font-size:18px;}
.testPopup .examArea .area { width:100%; margin-top:30px; display:table; border-bottom:solid 1px #103a56; border-top:solid 1px #103a56;}
.testPopup .examArea .area .listArea { width:250px; background:#f4f4f4; text-align:left; vertical-align:top; display:table-cell;}
.testPopup .examArea .area .listArea .listInfo { width:100%; display:table; font-size:14px;}
.testPopup .examArea .area .listArea .listInfo li { border-bottom:solid 1px #dbdbdb; line-height:1.4em;}
.testPopup .examArea .area .listArea .listInfo li a { width:100%; text-decoration:none; font-size:0; display:block;}
.testPopup .examArea .area .listArea .listInfo li a:hover { background:#fff;}
.testPopup .examArea .area .listArea .listInfo .no { width:60px; padding-left:15px; color:#555; font-size:13px; font-weight:bold; border-right:solid 1px #dbdbdb; text-align:left; vertical-align:middle; display:table-cell;}
.testPopup .examArea .area .listArea .listInfo .mark { padding:7px 10px; font-size:14px; text-align:left; vertical-align:middle; display:table-cell;}
.testPopup .examArea .area .viewArea { padding:0 40px 40px 40px; text-align:left; vertical-align:top; display:table-cell;}
.testPopup .examArea .area .viewArea .examType01 { position:relative; margin-top:35px;}
.testPopup .examArea .area .viewArea .examType01 li { position:relative; margin-top:10px; min-width:1px; padding-left:30px;}
.testPopup .examArea .area .viewArea .examType01 li:hover { color:#ff3c00;}
.testPopup .examArea .area .viewArea .examType02 { position:relative; margin-top:35px;}
.testPopup .examArea .area .viewArea .examType02 li { position:relative; margin-top:10px;}
.testPopup .examArea .area .viewArea .examNo { background:#103a56; padding:3px 10px; font-size:16px; font-weight:bold; color:#fff; line-height:normal; display:inline-block; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.testPopup .examArea .area .viewArea .examTitle { margin:10px 0 15px 0; font-size:16px; font-weight:bold; color:#103a56;}
.testPopup .examArea .area .viewArea .examTitle .point { margin-left:10px; font-size:15px; font-weight:normal; color:#666;}
.testPopup .examArea .area .viewArea input { position:absolute; top:4px; left:0; border:none; width:18px; height:18px;}
.testPopup .examArea .area .viewArea .no { font-weight:bold; margin-right:5px;}
.testPopup .btnArea { position:relative; margin-top:35px; text-align:center;}
.testPopup .btnArea .area { width:1200px; margin:0 auto; display:table;}
.testPopup .btnArea .area .left { text-align:left; vertical-align:middle; display:table-cell;}
.testPopup .btnArea .area .right { text-align:right; vertical-align:middle; display:table-cell;}
.testPopup .btnArea a.start { background:#059be3; font-size:20px; color:#fff; font-weight:bold; width:230px; padding:17px 0; text-decoration:none; text-align:center; display:inline-block; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.testPopup .btnArea a.start:hover { background:#103a56;}
.testPopup .btnArea a.submit { background:url(../images/player/test_btnbul_submit.png) no-repeat 180px center #103a56; font-size:20px; color:#fff; font-weight:bold; width:230px; padding:17px 0; text-decoration:none; text-align:center; display:inline-block; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.testPopup .btnArea a.submit:hover { background:url(../images/player/test_btnbul_submit.png) no-repeat 180px center #059be3;}
.testPopup .btnArea a.prev { background:url(../images/player/test_btnbul_prev.png) no-repeat 30px center #059be3; font-size:20px; color:#fff; font-weight:bold; width:230px; padding:17px 0; text-decoration:none; text-align:center; display:inline-block; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.testPopup .btnArea a.prev:hover { background:url(../images/player/test_btnbul_prev.png) no-repeat 30px center #103a56;}
.testPopup .btnArea a.next { background:url(../images/player/test_btnbul_next.png) no-repeat 182px center #059be3; font-size:20px; color:#fff; font-weight:bold; width:230px; padding:17px 0; text-decoration:none; text-align:center; display:inline-block; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.testPopup .btnArea a.next:hover { background:url(../images/player/test_btnbul_next.png) no-repeat 182px center #103a56;}


/* player - video   2019-03-27 */
.player_video_1 { position:relative; background:#000; display:table;}
.player_video_1 .viewArea { width:1020px; height:715px; 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:#f9f1cd;}
.player_video_1 .viewArea .viewBack01 { background:url(../images/player/pageview_back01.png) no-repeat bottom right #f9f1cd;}
.player_video_1 .viewArea .viewBack02 { background:url(../images/player/pageview_back02.png) no-repeat bottom right #f9f1cd;}
.player_video_1 .viewArea .viewBack03 { background:url(../images/player/pageview_back03.png) no-repeat bottom right #f9f1cd;}
.player_video_1 .viewArea .viewBack04 { background:url(../images/player/pageview_back04.png) no-repeat bottom right #f9f1cd;}
.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:#103a56; margin-top:27px;}
.player_video_1 .viewArea .view .lecTitle .notitle span { font-weight:normal; color:#059be3; margin-right:20px;}
.player_video_1 .viewArea .view .btn { margin-top:60px;}
.player_video_1 .viewArea .view .careerInfo { position:relative; width:100%; 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:#103a56; 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:#059be3; 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:#f3e3a5; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;}
.player_video_1 .viewArea .view .careerInfo .lecInfo li .item { padding-bottom:10px; color:#d23d35; 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 #103a56; padding-bottom:10px; font-size:13px; color:#777; line-height:normal;}
.player_video_1 .viewArea .view .testView .titleItem span { font-size:24px; color:#103a56; 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:#103a56; 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:80%; 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:#059be3;}
.player_video_1 .viewArea .view .testView ul .examCheck { margin-top:20px; font-size:20px; color:#fff; background:#059be3; 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:60px; background:url(../images/player/pagecontrol_logo.png) no-repeat left center #fff; 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:60px; text-align:center; display:inline-block;}
.player_video_1 .viewArea .control span.pageNo { font-size:30px; 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:#103a56; 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:#059be3; font-weight:bold;}
.player_video_1 .infoArea .scbox .btnEnd a { background:url(../images/player/flash_btnbul_end.png) no-repeat 200px center #059be3; 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:#103a56;}
.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:#059be3; 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:#103a56; 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;}

/* popup 2019-04-10 */
#ContentPageFull .pageTitle { font-size:26px; font-weight:bold; text-align:center;}

.table_receiptB { width:100%; margin:0 auto;}
.table_receiptB th { text-align:center; font-size:13px; color:#103a56; padding:10px; line-height:1.5em; font-weight:; border:solid 1px #fff; background:#d5e9f8; letter-spacing:normal;}
.table_receiptB td { font-size:13px; color:#000; padding:10px; line-height:1.5em; font-weight:bold; border:solid 1px #fff; background:#e4f0f9; letter-spacing:normal;}

.table_receiptG { width:100%; margin:0 auto;}
.table_receiptG th { text-align:center; font-size:13px; color:#172d03; padding:10px; line-height:1.5em; font-weight:; border:solid 1px #fff; background:#d4f3b7; letter-spacing:normal;}
.table_receiptG td { font-size:13px; color:#000; padding:10px; line-height:1.5em; font-weight:bold; border:solid 1px #fff; background:#ebfade; letter-spacing:normal;}