@charset "utf-8";

/* 스크롤바 스타일*/
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; width:10px; height:16px; overflow:hidden;}
::-webkit-scrollbar-button:start:decrement{background-position:0 0}
::-webkit-scrollbar-button:end:increment{background-position:0 -18px}
::-webkit-scrollbar-track{background:#838384;-webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow: inset 0 0 0}
::-webkit-scrollbar-thumb{background:#bbc3c7;-webkit-border-radius:6px; border-radius:6px;}

html{
	scrollbar-face-color :#bbc3c7;
	scrollbar-highlight-color : #5c5c5c;
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-shadow-color : #5c5c5c;
	scrollbar-darkshadow-color :#FFFFFF;
	scrollbar-track-color : #838384;
	scrollbar-arrow-color : #bbc3c7;
}

/* Reset */
html {overflow-y:auto; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input {margin:0;padding:0;}
body,h1,h2,h3,h4,input,button,select,textarea {font-family:NanumGothic,Helvetica,Arial,'돋움',dotum,sans-serif;font-size:12px;line-height:1.4em;color:#444;}
body {background-color:#000;word-break:break-all;}
header,footer,article,div,hgroup,aside,nav,detail,figure,figcaption {display:block;}
img,fieldset,iframe {border:0 none;}
li {list-style:none;}
input,select,button {vertical-align:middle;}
img {vertical-align:middle;}
*:first-child+html img {vertical-align:top;}
table {border-collapse:collapse;}
tr td {word-wrap:break-word;}
em,address {font-style:normal;}
label,button {cursor:pointer; border:none;}
button {margin:0;padding:0;}
a {color:#666666;text-decoration:none;}
a:hover,a:focus {text-decoration:none;}
button * {position:relative;}
input[type=text],select {border:1px solid #c0c0c0;}
textarea {border:none; overflow-y:auto; resize:none;}
input:focus {outline:0;}
textarea:focus {outline:0;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* common style */
.d-hidden {overflow:hidden; height:0; width:0; position:absolute; text-indent:-9999px;}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* ---------------------- layout ---------------------- */

/* object bg */
.object {position:absolute;top:0;left:0;width:1000px;height:630px;z-index:-1;}
#cont04 .object{background:url(../images/bg/cont_bg4.png) 0 0 no-repeat;}
#cont05 .object{background:url(../images/bg/cont_bg5.png) 0 0 no-repeat;}
#cont06 .object{background:url(../images/bg/cont_bg7.png) 0 0 no-repeat;}
#cont07 .object{background:url(../images/bg/cont_bg7.png) 0 0 no-repeat;}

/* bg */
div#page_bg {position:absolute; left:0; top:0; width:1000px; height:630px; z-index:-2}
div#page_bg img{position:absolute; left:0; top:0;}
div#ui_contents {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; text-align:center;}
div#cont01,div#cont02,div#cont03,div#cont04,div#cont05,div#cont06,div#cont07,div#cont08,div#cont09,div#cont10,div#cont11 {position:absolute; left:0; width:100%; height:100%; text-align:left;}

/* ui_menu */
#leftM {display:block; width:184px; height:298px; position:absolute; top:150px; left:0; z-index:35; background:url(../images/menu/menu_bg.png)0 0 no-repeat;}
div#leftMBtn a {position:absolute; width:30px; height:84px; right:0px; top:100px; background:url(../images/menu/btnIndexMenu.png) 0 0 no-repeat; text-indent:-2000px; cursor:pointer;}
.open #leftMBtn a:hover, .open #leftMBtn a.on { background:url(../images/menu/btnIndexMenu.png) 0 -84px no-repeat; }

#leftMenuBox {position:relative;top:40px;width:147px;}
#leftMenuBox ul {padding:16px 0 0 26px;}
#leftMenuBox ul > li > a.depth1 {display:block; width:46px; height:16px; background:url(../images/menu/menu.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#leftMenuBox ul li.mn_00, #leftMenuBox ul li.mn_01, #leftMenuBox ul li.mn_02, #leftMenuBox ul li.mn_03, #leftMenuBox ul li.mn_04 { margin-bottom:14px; }
#leftMenuBox ul li.mn_00 a.depth1 {background-position:0 0;}
#leftMenuBox ul li.mn_00 a.depth1.on {background-position:-46px 0;}
#leftMenuBox ul li.mn_00 a.depth1:hover {background-position:-46px 0;}
#leftMenuBox ul li.mn_01 a.depth1 {background-position:0 -30px;}
#leftMenuBox ul li.mn_01 a.depth1.on {background-position:-46px -30px;}
#leftMenuBox ul li.mn_01 a.depth1:hover {background-position:-46px -30px;}
#leftMenuBox ul li.mn_02 a.depth1 {background-position:0 -60px;}
#leftMenuBox ul li.mn_02 a.depth1.on {background-position:-46px -60px;}
#leftMenuBox ul li.mn_02 a.depth1:hover {background-position:-46px -60px;}
#leftMenuBox ul li.mn_03 a.depth1 {background-position:0 -90px;}
#leftMenuBox ul li.mn_03 a.depth1.on {background-position:-46px -90px;}
#leftMenuBox ul li.mn_03 a.depth1:hover {background-position:-46px -90px;}
#leftMenuBox ul li.mn_04 a.depth1 {background-position:0 -120px;}
#leftMenuBox ul li.mn_04 a.depth1.on {background-position:-46px -120px;}
#leftMenuBox ul li.mn_04 a.depth1:hover {background-position:-46px -120px;}

/* ui_top */
div#ui_top {width:100%; height:58px; position:relative; z-index:100; background:url(../images/menu/bg_ui_top.png) no-repeat;}
div#ui_top h1 {position:absolute; right:32px; top:4px;}
div#ui_top h2 {position:absolute; left:14px; top:8px;}

/* ui_bottom */
div#ui_bottom {position:absolute; bottom:37px; width:100%; height:30px; z-index:100;}


/* 서브 공통 타이틀 */
.pageTitWrap {position:absolute; left:45px; top:67px;}

/* 서브 레이아웃 */
div#wrap_contents {position:relative; width:1000px; height:630px; overflow:hidden;}

/* cont00 인트로 */
div#wrap_contents {position:relative; width:1000px; height:630px; overflow:hidden;}
div#cont00 h1 {position:absolute; left:314px; top:0;}
.startBtn {display:block; position:absolute; right:210px; bottom:165px; width:205px; height:122px; background:url(../images/menu/btn_start.png)0 0 no-repeat; text-indent:-9999px;}
.startBtn:hover,.startBtn:focus {background-position:0 -122px;}

.selectBtnWrap {position:absolute; top:190px; left:280px;}
.selectBtnWrap a {margin: 0 5px;}

.startLeftBtn {display:inline-block; width:218px; height:56px; background:url(../images/menu/btn_select.png)0 0 no-repeat; text-indent:-9999px;}
.startLeftBtn:hover,.startLeftBtn:focus {background-position:0 -56px;}
.startRightBtn {display:inline-block; width:218px; height:56px; background:url(../images/menu/btn_select.png)-231px 0 no-repeat; text-indent:-9999px;}
.startRightBtn:hover,.startRightBtn:focus {background-position:-231px -56px;}

/* cont05 동영상보기 */
#studyContentsMov {position:absolute; top:99px; left:92px; width:821px; height:465px;}

#movQuickList {position:absolute; top:172px; right:96px; width:171px; height:184px; overflow:hidden; background:url(../images/menu/mov_list_bg.png) 0 0 no-repeat;}
#movQuickList h3 .PopClose { position:absolute; top:5px; left:13px; width:25px; height:25px; background:url(../images/menu/mov_list_btn.png) 0 0 no-repeat;}
#movQuickList ul {width:150px; margin:73px 0 0 6px;}
#movQuickList ul li {padding-left:10px;}
#movQuickList ul li a {display:block; height:32px; line-height:34px; font-size:13px; font-weight:bold; color:#eee;}
#movQuickList ul li a:hover, #movQuickList ul li a:focus, #movQuickList ul li.on a {color:#f5b50c; background:url(../images/menu/mov_list_ico.png) right center no-repeat;}
.movListBtn {position:absolute; top:206px; right:53px; width:35px; height:90px; overflow:hidden; background:url(../images/menu/mov_list_bg.png) -179px -34px no-repeat;}


/* cont06 메신저대화 */
#exampleWrap {position:absolute; top:72px; width:755px; height:365px; padding-right:15px; overflow-x:hidden; overflow-y:auto; z-index:10;}
.exView {margin-bottom:10px;}
.exView h3 {padding-left:24px; font-size:14px; background:url(../images/menu/icon_tit.png) no-repeat 0 center;}
.exView ul {padding:10px 27px;}
.exView ul li {padding:4px 15px 4px 20px; font-size:13px; line-height:18px; background:url(../images/menu/icon_list.png) no-repeat 0 center;}
.exView p {padding:10px 27px; font-size:13px; line-height:22px;}

/* cont06 메신저대화 */
#chatExplainWrap {position:absolute; top:72px; width:755px; height:365px; padding-right:15px; overflow-x:hidden; overflow-y:auto; z-index:10;}
div#chatWrap {position:relative; width:765px; height:510px; top:109px; left:0px; padding:0 0 0 127px;}
.round-corner-box p {color:#fff; font-size:13px; line-height:20px;}
#exMale {position:relative; padding:8px 0; text-align:left;}
#exMale .icon {display:inline-block; float:left; width:64px; height:64px; margin-right:20px; margin-top:-3px; overflow:hidden;}
#exMale .round-corner-box {position:relative; display:inline-block; width:auto; padding:12px 28px; background:#1c7f89; border:1px solid #505859;}
#exMale .round-corner-box:after {content:""; position:absolute; width:19px; height:14px; top:15px; left:-18px; background:url(../images/menu/corner_cyan_arrow.png) no-repeat 0 0;}
#exMale .round-corner-box1 {width:10px; height:10px; position:absolute; left:-1px; top:-1px; background:url(../images/menu/corner_cyan.png) no-repeat left top;}
#exMale .round-corner-box2 {width:10px; height:10px; position:absolute; right:-1px; top:-1px; background:url(../images/menu/corner_cyan.png) no-repeat right top;}
#exMale .round-corner-box3 {width:10px; height:10px; position:absolute; left:-1px; bottom:-1px; background:url(../images/menu/corner_cyan.png) no-repeat left bottom;}
#exMale .round-corner-box4 {width:10px; height:10px; position:absolute; right:-1px; bottom:-1px; background:url(../images/menu/corner_cyan.png) no-repeat right bottom;}

#exFemale {position:relative; padding:8px 0; text-align:left;}
#exFemale .icon {display:inline-block; float:left; width:64px; height:64px; margin-right:20px; margin-top:-3px; overflow:hidden;}
#exFemale .round-corner-box {position:relative; display:inline-block; width:auto; padding:12px 28px; background:#6f3986; border:1px solid #505859;}
#exFemale .round-corner-box:after {content:""; position:absolute; width:19px; height:14px; top:15px; left:-18px; background:url(../images/menu/corner_purple_arrow.png) no-repeat 0 0;}
#exFemale .round-corner-box1 {width:10px; height:10px; position:absolute; left:-1px; top:-1px; background:url(../images/menu/corner_purple.png) no-repeat left top;}
#exFemale .round-corner-box2 {width:10px; height:10px; position:absolute; right:-1px; top:-1px; background:url(../images/menu/corner_purple.png) no-repeat right top;}
#exFemale .round-corner-box3 {width:10px; height:10px; position:absolute; left:-1px; bottom:-1px; background:url(../images/menu/corner_purple.png) no-repeat left bottom;}
#exFemale .round-corner-box4 {width:10px; height:10px; position:absolute; right:-1px; bottom:-1px; background:url(../images/menu/corner_purple.png) no-repeat right bottom;}

#exSoldier {position:relative; padding:8px 0; text-align:right;}
#exSoldier .icon {display:inline-block; float:right; width:64px; height:64px; margin-left:20px; margin-top:-3px; overflow:hidden;}
#exSoldier .round-corner-box {position:relative; display:inline-block; width:auto; padding:12px 28px; background:#5c891c; border:1px solid #505859;}
#exSoldier .round-corner-box:after {content:""; position:absolute; width:19px; height:14px; top:15px; right:-18px; background:url(../images/menu/corner_green_arrow.png) no-repeat 0 0;}
#exSoldier .round-corner-box1 {width:10px; height:10px; position:absolute; left:-1px; top:-1px; background:url(../images/menu/corner_green.png) no-repeat left top;}
#exSoldier .round-corner-box2 {width:10px; height:10px; position:absolute; right:-1px; top:-1px; background:url(../images/menu/corner_green.png) no-repeat right top;}
#exSoldier .round-corner-box3 {width:10px; height:10px; position:absolute; left:-1px; bottom:-1px; background:url(../images/menu/corner_green.png) no-repeat left bottom;}
#exSoldier .round-corner-box4 {width:10px; height:10px; position:absolute; right:-1px; bottom:-1px; background:url(../images/menu/corner_green.png) no-repeat right bottom;}

/* cont07 퀴즈퀴즈 */
div#quizWrap {position:relative; width:805px; height:510px; top:109px; left:0px; padding:0 0 0 62px;}
div#quizWrap div.question {position:relative; left:80px; top:57px; display:table-cell; vertical-align:middle; width:788px; height:70px;} 

#quizTxt {position:relative; left:88px; padding-right:20px; width:615px; height:47px; font-size:17px; overflow-x:hidden; overflow-y:auto; font-weight:bold; line-height:22px;}
#quizWrap #prevNumBG {position:absolute; width:78px; height:72px; left:0; top:0; z-index:1;}
#quizWrap #prevNumBG span {position:absolute; display:block; z-index:2; background:url(../images/menu/numOX.png) no-repeat;}
#quizWrap #prevNumBG span.o {width:120px; height:120px; left:-24px; top:-22px; background-position:0 0;}
#quizWrap #prevNumBG span.x {width:120px; height:120px; left:-26px; top:-22px; background-position:-120px 0;}
#quizWrap #prevNumBG p {position:absolute; left:7px; top:6px; width:67px; height:55px; background:url(../images/menu/prevQuizNum.png) no-repeat; text-indent:-2000px;}
#quizWrap #prevNumBG p.num1 {background-position:0 0}
#quizWrap #prevNumBG p.num2 {background-position:0 -55px}
#quizWrap #prevNumBG p.num3 {background-position:0 -110px;}
#quizWrap #prevNumBG p.num4 {background-position:0 -165px;}
#quizWrap #prevNumBG p.num5 {background-position:0 -220px;}
#quizWrap #prevNumBG p.num6 {background-position:0 -275px;}
#quizWrap #prevNumBG p.num7 {background-position:0 -330px;}
#quizWrap #prevNumBG p.num8 {background-position:0 -385px;}
#quizWrap #prevNumBG p.num9 {background-position:0 -440px;}
#quizWrap #prevNumBG p.num10 {background-position:0 -495px;}
#quizWrap #prevNumBG p.num11 {background-position:0 -550px;}
#quizWrap #prevNumBG p.num12 {background-position:0 -605px;}
#quizWrap #prevNumBG p.num13 {background-position:0 -660px;}
#quizWrap #prevNumBG p.num14 {background-position:0 -715px;}
#quizWrap #prevNumBG p.num15 {background-position:0 -770px;}
#quizWrap #prevNumBG p.num16 {background-position:0 -825px;}
#quizWrap #prevNumBG p.num17 {background-position:0 -880px;}
#quizWrap #prevNumBG p.num18 {background-position:0 -935px;}

#quizExplainWrap {position:absolute; bottom:72px; z-index:10; width:780px; margin-left: 54px;}
#quizCorrect span, #quizExplain span {display:block; float:left; width:49px; height:25px; text-indent:-1000px;} 
#quizCorrect span {background:url(../images/menu/quizExplainTxt.png) 0 0 no-repeat;}
#quizExplain span {top:9px; background:url(../images/menu/quizExplainTxt.png) 0 -25px no-repeat;}
#quizCorrect p {width:640px; margin-left:60px; line-height:1.3em; font-weight:bold; color:#4c4c4c; font-size:14px; margin-top:3px;}
#quizCorrect p strong {text-decoration:underline; color:#c65d04;}
#quizExplain {margin-top:2px;}
#quizExplain p {width:640px; max-height:300px; min-height:80px; margin-left:60px; padding-right:15px; line-height:1.3em; font-weight:bold; color:#4c4c4c; font-size:14px; margin-top:3px; overflow-x:hidden; overflow-y:auto;}
.quiz_mid_bg {padding:0 35px; background: url(../images/menu/quiz_mid_bg.png) 0 0 repeat-y;}

.exampleWrap .example .num { margin-top:-4px; display:inline-block; float:left; width:30px; height:30px; background:url(../images/menu/quiz_num.png) left top no-repeat;}
.exampleWrap .example {position:absolute; top:138px; left:220px; z-index:10;}
.exampleWrap .example li {position:relative; line-height:22px; padding:6px 0;}
.exampleWrap .example li a {display:block;}
.example li a span+span {margin-left:35px; display:block; font-size:14px; font-weight:bold; color:#484e55; line-height:20px;}
.example li.on a span+span {font-weight:bold; color:#a84f05;}
.example li.wrong a span+span {font-weight:bold;}

#choice {display:none; position:absolute; top:5%; left:13px; margin-top:-10px; width:36px; height:30px; background:url(../images/menu/num_check.png) 0 0 no-repeat;}
#exNum01 {background-position:0 0;}
#exNum02 {background-position:0 -30px;}
#exNum03 {background-position:0 -60px;}
#exNum04 {background-position:0 -90px;}
#exNum01.on {background-position:-30px 0;}
#exNum02.on {background-position:-30px -30px;}
#exNum03.on {background-position:-30px -60px;}
#exNum04.on {background-position:-30px -90px;}
#exNum01.wrong {background-position:-60px 0;}
#exNum02.wrong {background-position:-60px -30px;}
#exNum03.wrong {background-position:-60px -60px;}
#exNum04.wrong {background-position:-60px -90px;}

.example_type {position:absolute; top:15px; left:130px;}

/* cont08 평가결과 */
div#resultWrap {position:relative; padding:17px 14px 0 37px;}
.resultTit {margin-bottom:5px;}

.resultTabBtn { position:absolute; top:25px; right:32px; }
.resultTabBtn li {float:left;}
.resultTabBtn li a {width:132px; height:32px; display:block; background:url(../images/menu/tab_btn.png) 0 0 no-repeat; text-indent:-2000px;}
.resultTabBtn li a.tabBtn1 {background-position:0 0;}
.resultTabBtn li a.tabBtn2 {background-position:-133px 0;}
.resultTabBtn li a.tabBtn3 {background-position:-266px 0;}
.resultTabBtn li a.tabBtn1:hover, .resultTabBtn li a.tabBtn1.tabOn {background-position:0 -32px;}
.resultTabBtn li a.tabBtn2:hover, .resultTabBtn li a.tabBtn2.tabOn {background-position:-133px -32px;}
.resultTabBtn li a.tabBtn3:hover, .resultTabBtn li a.tabBtn3.tabOn {background-position:-266px -32px;}

/* table */
table {width:100%; border-collapse:collapse; border-spacing:0; border-top: 1px solid #695543; border-bottom: 2px solid #c6c6c6;}
table caption {display:none; visibility:hidden;}
.tableWrap {margin-bottom:6px; border-top:2px solid #c6c6c6; border-left:2px solid #c6c6c6; border-right:2px solid #c6c6c6; border-bottom:2px solid #949494;}
.tableWrap table thead tr th {color:#fff; text-align:center;}
.tableWrap table tbody tr td {height:26px;}
.tableWrap table tbody tr th, .tableWrap table tbody tr td {text-align:center; border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0; text-align:center; text-align:center;}
.tableWrap tbody tr.bgWhite {background:url(../images/menu/bg_td_white.png) 0 0 repeat-x;}
.tableWrap tbody tr.bgRed {background:url(../images/menu/bg_td_red.png) 0 0 repeat-x;}
.tableWrap tbody tr.bgBlue {background:url(../images/menu/bg_td_blue.png) 0 0 repeat-x;}
.tableWrap tbody tr td.blue {color:#0095db; font-weight:bold;}
.tableWrap tbody tr td.red {color:#e70a0a; font-weight:bold;}
.tableWrap tbody tr td.purple {color:#9e1ce8; font-weight:bold;}

.tblSt01 thead {border-top: 2px solid #795b3f;}
.tblSt01 thead tr th {padding:4px 15px; border: 1px solid #d0a883; background:url(../images/menu/bg_th_st01.png) 0 0 repeat-x;}
.tblSt01 thead tr.thDept th {background:url(../images/menu/bg_th_st0101.png) 0 0 repeat-x;}

.tblSt02 {width:467px;}
.pull-left {float:left;}
.pull-right {float:right;}
.tblSt02.mr5 {margin-right:5px;}
.tblSt02 thead {border-top: 2px solid #404e63;}
.tblSt02 thead tr th {padding:4px 15px; border-bottom:1px solid #778fb8; border-right:1px solid #778fb8; background:url(../images/menu/bg_th_st02.png) 0 0 repeat-x;}
.tblSt02 thead tr.thDept th {background:url(../images/menu/bg_th_st0201.png) 0 0 repeat-x;}

.feedBack {width:472px; height:141px; padding:65px 20px 20px 20px; position:relative; background:url(../images/menu/bg_feedback.png) 0 0 no-repeat;}
.feedBack p {font-size:14px; color:#484e55; height:56px; overflow-x:hidden; overflow-y:auto;}

/* 평가하기 팝업 */
#resultPopup {position:fixed; width:754px; height:278px; left:130px; top:165px; z-index:1004; background:url(../images/menu/bg_result_popup.png) no-repeat;}
#resultPopup > h1 {padding: 15px 0 12px 31px;}
#resultPopup a.PopClose{position:absolute; width:28px; height:26px; right:17px; top:10px; background:url(../images/menu/btnPopupClose.png) no-repeat;}
#resultPopup a.PopClose:hover, #resultPopup a.PopClose:focus {background-position:0 -28px;}
.expertContWrap {position:absolute; top:82px; margin-left:330px; padding-right:20px; width:470px; height:350px; overflow-x:hidden; overflow-y:auto; }
.expertContWrap p {color:#555; font-size:14px; line-height:22px;}
.resultTable {padding:17px 18px;}

/* 팝업창 */
.alert {display:none; overflow:hidden; position:absolute; z-index:100; background:url(../images/menu/alert.png) no-repeat; text-indent:-2000px;}
#alertRetryQuiz { width:236px; height:90px; position:absolute; top:27%; left:47%; background-position:0 0; }

/* 버튼 */
.quizBtnWrap {position:absolute; right:40px; bottom:0;}

/* 다음문제 */
.nextPrevQuiz {display:block; float:left; width:127px; height:44px; background:url(../images/menu/btn.png) 0 0 no-repeat; text-indent:-5000px;}
.nextPrevQuiz:hover, .nextPrevQuiz:focus {background:url(../images/menu/btn.png) -127px 0 no-repeat;}

/* 다시풀기 */
.btnRetryQuiz{display:block; float:left; width:127px; height:44px; background:url(../images/menu/btn.png) 0px -44px no-repeat; text-indent:-5000px;}
.btnRetryQuiz:hover, .btnRetryQuiz:focus {background:url(../images/menu/btn.png) -127px -44px no-repeat;}

/* 문제풀기 */
.btnProblemQuiz{display:block; float:left; width:127px; height:44px; background:url(../images/menu/btn.png) 0px -88px no-repeat; text-indent:-5000px;}
.btnProblemQuiz:hover, .btnProblemQuiz:focus {background:url(../images/menu/btn.png) -127px -88px no-repeat;}

/* 지문보기 */
.btnprintView{display:block; float:left; width:127px; height:44px; background:url(../images/menu/btn.png) 0px -132px no-repeat; text-indent:-5000px;}
.btnprintView:hover, .btnprintView:focus {background:url(../images/menu/btn.png) -127px -132px no-repeat;}


/* 모바일 이동버튼 */
#mGlobalPaging a {display:block; position:absolute; width:47px; height:149px; top:299px; z-index:100; background:url(../images/menu/mGlobalBtn.png); text-indent:-2000px; }
a#mPrev {left:0; background-position:0 0;}
a#mNext {right:0; background-position:-47px 0;}
#mGlobalPaging a#mPrev:hover, #mGlobalPaging a#mPrev:focus {background-position:0 -149px;}
#mGlobalPaging a#mNext:hover, #mGlobalPaging a#mNext:focus {background-position:47px -149px;}

/* 말풍선 */
#page_popBubble {display:block; overflow:hidden; position:absolute; bottom:36px; right:46px; width:61px; height:69px; z-index:1001; background:url(../images/menu/bubblePop.png) 0 0 no-repeat; text-indent:-9999px;}

.vodFullScreen video { width:100% !important; height:100% !important; }
.closeFullScreen { height:40px; width:100%; cursor:pointer; display:block; line-height:40px; background:#0596b3; color:#fff; text-align:center; font-size:15px;}