@charset "utf-8";
@import "font/webfonts.css";

html body{position:absolute;width:100%;height:100%;margin:0px;padding:0px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;word-break:keep-all;overflow:hidden;background-color:#666;}
div, ul, li, p, input, textarea, table, tr, td{margin:0; padding:0;}
dl, dt, dd, ul, ol, li{list-style:none;}
button{padding:0px;cursor:pointer;border:none;outline:none;background-color:transparent;}
textarea{margin:0px;background:transparent;border:none;outline:none;resize:none;}
sup{vertical-align:top;position:relative;top:-0.5em;font-size: 10px;}
table{width:100%;border-collapse:separate;border-spacing:1px;background-color:#000;}
th,td{padding:5px 10px;}
th{color:#fff;font-family:"cafe24sa";font-size:20px;font-weight:100;letter-spacing:-1px;text-align:center;vertical-align:middle;background-color:#314bff;}
td{color:#000;font-family:"cafe24sa";font-size:19px;line-height:23px;letter-spacing:-1px;text-align:center;vertical-align:middle;background-color:#fff;}
.table-none-border{border-collapse:separate;border-spacing:2px;background-color:transparent;}
.table-none-border td{padding:0px;background-color:transparent;}
.td-header{color:#fff;font-family:"OMB";font-size:22px;letter-spacing:-1px;text-align:center;vertical-align:middle;background-color:#314bff;}
.td-align-left{text-align:left;}
.td-align-right{text-align:right;}
.td-valign-top{vertical-align:top;}
.td-bg-color-blue{background-color:#6074ff;color:#fff;}

#container{position:absolute;top:0px;left:0px;width:100%;height:100%;}
#wrap{position:absolute;top:0px;left:0px;width:1000px;height:650px;overflow:hidden;}
.container-local{display:flex;align-items:center;justify-content:center;}

.eng-txt{letter-spacing:0px;}
.trans-math{padding:0px 3px;font-family:"math";font-size:110%;}

/*----------------------------------------------------------------------------------
  headerUI
---------------------------------------------------------------------------------- */
#headerUI{position:absolute;top:0px;left:0px;width:1000px;height:58px;margin:0px;padding:0px;background:url(../img/headerUI/headerBG.png) no-repeat;}
.header-wrap{width:980px;height:58px;padding:0px 20px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;}
.header-chapter-num{color:#95c0ff;font-family:"gmsm";font-size:23px;line-height:22px;letter-spacing:-1px;}
.header-chapter-bar{width:2px; height:20px; margin:0px 10px; margin-top: -5px; background-color:#95c0ff;}
.header-chapter-title{color:#fff;font-family:"gmsm";font-size:23px;line-height:22px;letter-spacing:-1px;}

/*----------------------------------------------------------------------------------
  mediaUI
---------------------------------------------------------------------------------- */
#mediaUI{position:absolute;top:58px;left:0px;width:1000px;height:562px;margin:0px;padding:0px;}
#learningVideo{position:absolute;top:0px;left:0px;width:100%;height:100%;margin:0px;padding:0px;}

/*----------------------------------------------------------------------------------
  contentUI
---------------------------------------------------------------------------------- */
#contentUI{position:absolute;top:0px;left:0px;width:1000px;height:612px;margin:0px;padding:0px;}
.contents-stage{position:absolute;top:58px;left:0px;width:1000px;height:562px;margin:0px;}
.syncObj{display:none;}

/* ���� ���� */
#course-reference{position:absolute;bottom:5px;left:0px;width:auto;height:auto;padding:0px 15px;}
.course-reference-wrap{width:auto;height:auto;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;}
.course-reference-tag{padding:6px 6px 0px 6px;color:#fff;font-family:"gmsm";font-size:19px;line-height:18px;letter-spacing:-1px;background-color:#000;border:2px solid #000;}
.course-reference-info{padding:3px 6px;color:#000;background-color:#fff;border:2px solid #000;}
.course-reference-info-wrap{padding:2px 0px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.course-reference-info-bullet{width:4px;height:4px;margin:7px 3px 0px 0px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#314bff;}
.course-reference-info-txt{color:#000;font-family:"scd4";font-size:16px;line-height:20px;letter-spacing:-1px;flex:1;}

/* ��ȣ�ۿ� ���� ��� : ��â */
.alert{background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center; z-index: 1}
.alert-wrap{width:248px;height:248px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#dd606d; /*box-shadow:2px 2px 5px rgba(0,0,0,0.3);*/}
.alert-icon{width:248px;height:121px;}
.alert-txt{color:#38002b;font-family:"SJG";font-size:32px;line-height:36px;text-align:center;letter-spacing:-1;}
.alert-ex-txt{margin-top:5px;color:#ffffff;font-family:"OMB";font-size:18px;line-height:20px;text-align:center;letter-spacing:-1;}
.alert-think-custom{align-items:flex-start;justify-content:left;}
.alert-think-custom .alert-wrap{position:absolute; left:373px; top:158px;}
.alert-think-custom .alert-icon{width:248px;height:77px; background:gray}
/* ��ȣ�ۿ� ���� ��� : ��ư */
.app-btn{height:34px;padding:0px 10px 0px 10px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center; background-color: #3e7cd6;}

.app-btn-name{color:#fff;font-family:"OMB";font-size:18px;line-height:18px;letter-spacing:-1px;}
.app-btn-icon{width:28px;height:34px;}

/*������ ����*/
.contents-page-title-wrap{
	position:absolute;top:10px;left:20px;width:auto;height:34px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;overflow:hidden;

}
.contents-page-title-wrap-quiz{position:absolute;top:60px;}
.contents-page-title-wrap-think{position:absolute;top:60px;}
.contents-page-title{width:auto;height:34px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;}
#contents-page-title-flow{background-color:#000;}
#contents-page-title-index{background-color:#5b2327;}
.contents-page-title-flow-bullet{width:4px;height:4px;margin:0px 6.5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;}
.contents-page-title-flow-title{padding-right:6.5px;color:#fff;font-family:"gmsm";font-size:20px;line-height:38px;letter-spacing:-1px; padding:0 8px;}
.contents-page-title-index-title{color:#fff;font-family:"gmsm";font-size:18px;line-height:39px;letter-spacing:-1px; padding:0 12px;}

/* �н���ǥ */
#learning
{
	position:absolute;
	left:50px;

}
#learning-bg{background:url(../img/contentUI/goal/goalBG.png) no-repeat;}
.learning-wrap{position:absolute;top:30px;width:1000px;height:560px;display:flex;align-items:center;justify-content:center;}
.learning-con-wrap{position:relative;width:860px;height:auto;}
.learning-con-icon{position:absolute;}
#learning-con-icon-contents{background:url(../img/contentUI/goal/img1.png) no-repeat; width:170px; height:100px; top:25px;left:25px; z-index: 1;}
#learning-con-icon-contents-con:after
{
	content:'';
	position:absolute;
	left:0px;
	top: 0px;
	width: 910px;
	height: 223px;
	background: url(../img/contentUI/goal/img3.png) no-repeat;
	
}
#learning-con-icon-goal{background:url(../img/contentUI/goal/img2.png) no-repeat; width:170px; height:100px; top:25px;left:25px; z-index: 1;}
#learning-con-icon-goal-con:after
{
	content:'';
	position:absolute;
	left:0px;
	top: 0px;
	width: 910px;
	height: 223px;
	background: url(../img/contentUI/goal/img4.png) no-repeat;
	
}
.learning-con-title{
	position:absolute;top:-36px;left:45px;width:auto;height:40px;color:#fff;font-family:"scd9";font-size:32px;line-height:32px;letter-spacing:-2px;display:flex;align-items:center;justify-content:center;
	text-shadow:4px 0px #000000, 3.87px 0.98px #000000, 3.51px 1.91px #000000, 2.92px 2.72px #000000, 2.16px 3.36px #000000, 1.26px 3.79px #000000, 0.28px 3.98px #000000, -0.71px 3.93px #000000, -1.66px 3.63px #000000, -2.51px 3.11px #000000, -3.2px 2.39px #000000, -3.69px 1.52px #000000, -3.95px 0.56px #000000, -3.97px -0.43px #000000, -3.74px -1.4px #000000, -3.28px -2.28px #000000, -2.61px -3.02px #000000, -1.78px -3.57px #000000, -0.84px -3.91px #000000, 0.15px -3.99px #000000, 1.13px -3.83px #000000, 2.04px -3.43px #000000, 2.83px -2.82px #000000, 3.44px -2.03px #000000, 3.84px -1.11px #000000, 3.99px -0.13px #000000;
}
.learning-con-title-sub{position:absolute;top:0px;left:0px;width:750px;height:30px;padding-left:50px;color:#fff;font-family:"scd4";font-size:16px;line-height:16px;display:flex;align-items:center;justify-content:flex-start;background-color:#000;}
.learning-con{width:680px; height:auto; padding:30px 10px 10px 10px; margin-left: 180px;}
.learning-con-txt-wrap{padding:5px 0px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start; z-index: 1;}
.learning-con-txt-bullet{background:url(../img/contentUI/goal/goal-bullet.png) no-repeat; width:24px; height:20px; z-index: 1;}
.learning-con-txt{color:#000;font-family:"NSacB";font-size:20px;line-height:20px;letter-spacing:-0.5px; z-index: 1;}
.learning-goal-txt{color:#000;font-family:"NSacB";font-size:20px;line-height:24px;letter-spacing:-0.5px; z-index: 1;}
.learning-blank{width:auto;height:80px;}

/* �������� */
#oxBG{background:url(../img/contentUI/ox/oxBG.png) no-repeat; background-color:#ffffff;}
#ox-quiz{position:absolute;top:0px;left:0px;width:1000px;height:562px;}
.ox-quiz-wrap{width:1000px;height:562px;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
.ox-tag-wrap{width:100%;height:160px;padding-bottom:0px;display:flex;align-items:center;justify-content:center;}
.ox-tag{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-start;}
.ox-tag-title{padding-top:65px;color:#000;font-family:"OMB";font-size:33px;letter-spacing:-1px;}
.ox-tag-title-main{padding-top:0px;color:#000;font-family:"OMB";font-size:62px;letter-spacing:-1px; margin-top: -10px;}
.ox-tag-title-sub{color:#95c0ff;font-family:"gmsb";font-size:22px;letter-spacing:-1px; margin-top: 115px; margin-left: 0px;}

.ox-tag-icon{width:75px;height:75px;background:url(../img/contentUI/ox/tag-icon.png) no-repeat;}
.ox-tag-icon2{width:347px;height:86px;background:url(../img/contentUI/ox/tag-icon.png) no-repeat;}
.ox-question-wrap{width:1000px; height:100px; padding:0px 0px; display:flex; align-items:center; justify-content:center;}
.ox-question-txt{color:#000;font-family:"NSacEB";font-size:26px;line-height:28px;letter-spacing:-0.5px; text-align:center;}
.ox-select-wrap{width:1000px;height:180px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;flex:0.9;}
.ox-select{width:180px;height:180px;margin:10px 10px;display:flex;align-items:center;justify-content:center;}
.ox-select-txto{width:210px;height:210px;background:url(../img/contentUI/ox/select-o.png) no-repeat;}
.ox-select-txtx{width:210px;height:210px;background:url(../img/contentUI/ox/select-x.png) no-repeat;}

.ox-result-wrap{width:1000px;height:120px;}
.ox-result{width:1000px;height:120px; display:none; background-color: rgba(31,67,102,0.7); margin-top: -30px;}
.ox-result-correct{width:65px; height:100px; padding:14px 20px; display:flex; margin-left: 70px; align-items:center; justify-content:flex-start; display:inline-block; vertical-align:top; float:left;}
.ox-result-correct-txt{background:url(../img/contentUI/ox/ox-result-correct.png) no-repeat;}
.ox-result-correct-txt .ox-result-correct-txt-on{width:50px;height:50px;background:url(../img/contentUI/ox/result-correct-ox.png) no-repeat; display:block; margin: 24px 7px;}
.ox-result-explain-option{display:inline-block;  float:left; vertical-align:top; margin-left:15px; margin-top: 15px; width: 65px; height: 35px; background:url(../img/contentUI/ox/ox-result-explain-option.png) no-repeat;}
.ox-result-explain{width:600px;height:90px;display:inline-block; vertical-align:top; margin-left:15px; margin-top: 20px; float:left;}
.ox-result-explain-txt{max-width:600px;color:#fff;font-family:"NSacB";font-size:20px;line-height:24px;letter-spacing:-0.5px; display:block; margin-top: 0px;}
.ox-btn-wrap{position:absolute; bottom:54px; right:0px; width:130px; height:50px; display:flex; align-items:center; justify-content:flex-end;}
#ox-next-icon{background:url(../img/contentUI/ox/next.png) no-repeat; }
#ox-next .app-btn-name{padding-right:5px; line-height:36px;}


.ox-select-wrap .ox-select
{
	width:180px;
}

/* ���� ���� */
.think-bg{background:url(../img/contentUI/think/thinkBG.png) no-repeat;}
/*#think{position:absolute;top:153px;left:0px;width:1000px;height:409px;background:url(../img/contentUI/think/inputBG.png) no-repeat;}*/
.think-tag{position:absolute;top:120px;left:190px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.think-tag-title{width:58px; height:56px; background:url(../img/contentUI/think/think_question_icon.png) no-repeat;}
.think-tag-icon{width:75px;height:75px;background:url(../img/contentUI/think/tag-icon.png) no-repeat;}
.think-question{position:absolute;top:125px;left:260px;width:600px;height:400px;}
.think-question-txt{width:600px;height:auto;color:#000;font-family: "";font-size:20px;line-height:24px;letter-spacing:-1px;word-break: keep-all;}
.think-question-blank{width:auto;height:10px;}
.think-txt-impact{font-family:"scd8";color:#314bff;}

#think-input{position:absolute; top:245px; left:150px; width:693px; height:200px; padding-left:5px; border:solid 0px #828282;}
.think-input{position:absolute; top:245px; left:150px; width:693px; height:200px; padding-left:5px; border:solid 0px #828282;}

#myInput{width:660px; height:200px; margin:0; color:#333; font-family:"OBR"; font-size:18px; line-height:20px; letter-spacing:-0.5px; overflow:hidden; margin-top:10px; margin-left: 10px;}
.myInput{width:660px; height:200px; margin:0; color:#333; font-family:"OBR"; font-size:14px; line-height:18px; letter-spacing:-0.5px; overflow:hidden; margin-top:10px; margin-left: 10px;}

.textarea-clone{position:absolute;top:-9999px;left:-9999px;width:355px; min-height:200px;visibility:hidden;word-wrap:break-word;white-space:pre-wrap;color:#000;font-family:"cafe24sa";font-size:20px;line-height:24px;letter-spacing:-1px;}
.think-btn-wrap{position:absolute; bottom:-10px; left:450px; height:60px; display:flex; width:398px;}
.think-btn{margin:0px 5px;}
.think-btn:not(.think-save){display: none;}
.think-btn.show{display: flex;}
.think-btn-wrap .think-btn:first-child{margin-left: 0px;}
.think-expert{margin:0px; right:0px; position:absolute;}
.think-save-icon{background:url(../img/contentUI/think/save.png) no-repeat;}
.think-other-icon{background:url(../img/contentUI/think/other.png) no-repeat;}
.think-expert-icon{background:url(../img/contentUI/think/expert.png) no-repeat;}
.expert{background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center; z-index: 2}
.expert-wrap{position:relative;width:853px;height:463px;background:url(../img/contentUI/think/expertBG.png) no-repeat; box-shadow:2px 2px 5px rgba(0,0,0,0.3); margin-top: 40px;}
.expert-con-wrap{position:absolute;top:0px;left:347px;width:506px;height:450px;}
.expert-tag-wrap{position:absolute;top:0px;left:0px;width:100%;height:115px;padding-bottom:5px;display:flex;align-items:flex-end;justify-content:center;}
.expert-tag{margin-left:37.5px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.expert-tag-title{padding-top:50px;color:#000;font-family:"gmsb";font-size:40px;letter-spacing:-1px;}
.expert-tag-icon{width:75px;height:75px;background:url(../img/contentUI/think/tag-icon.png) no-repeat;}
.expert-opinion-wrap{position:absolute;top:120px;left:10px;width:480px;height:330px;padding:0px 0px;}
.expert-opinion{width:480px;height:330px;}
.expert-opinion-scroll{width:480px;height:330px; overflow-y: auto;}
.expert-opinion-scroll img{max-width: 100%;}
.expert-opinion-txt{width:480px;height:auto;color:#000;font-family: "cafe24sa";font-size:20px;line-height:24px;letter-spacing:-1px;}
.expert-close{position:absolute;top:25px;right:28px;width:33px;height:31px;}
.expert-close-icon{width:33px;height:31px;margin:0px;background:url(../img/contentUI/think/close.png) no-repeat;}
.expert-rank{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.expert-rank0{padding:0px 0px 7px 5px;}
.expert-rank0-txt{color:#000;font-family:"cafe24sa";font-size:30px;line-height:24px;letter-spacing:-1px;text-align:left;}
.expert-rank1{padding:0px 0px 2px 5px;}
.expert-rank1-bullet{width:8px;height:8px;margin-top:7px;background-color:#314bff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.expert-rank1-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:20px;line-height:24px;letter-spacing:-1px;text-align:left;}
.expert-rank2{padding:0px 0px 2px 15px;}
.expert-rank2-bullet{width:10px;height:3px;margin-top:10px;background-color:#314bff;}
.expert-rank2-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:18px;line-height:22px;letter-spacing:-1px;text-align:left;}
.expert-rank3{padding:0px 0px 2px 25px;}
.expert-rank3-bullet{margin-top:5px;color:#314bff;font-family:"cafe24sa";font-size:10px;line-height:10px;letter-spacing:-1px;}
.expert-rank3-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:16px;line-height:20px;letter-spacing:-1px;text-align:left;}
.expert-rank-txt-impact{font-family:"scd8";color:#314bff;}
.expert-rank-txt{flex:1;}

/* Think Question Tab */

.tab-wrapper {position: absolute;top:153px;right:38px;color : white;}
.tab-wrapper .tab {width: 30px;height: 30px;text-align: center;font-weight: bold;font-size: 20px;line-height: 30px;background: #5b2327;color:#fff;cursor: pointer;}
.tab-wrapper .tab  + .tab{margin-top:2px;}
.tab-wrapper .tab.active, .tab-wrapper .tab.active:hover {background: #dd606d;}
.tab-item {width:100%;height: 100%;display: none;}
.tab-item.active {display: block;}
.tab-item .expert {width: 100%;height:100%;position: absolute;top: 0px;left: 0px;width: 1000px;height: 562px;margin: 0px;}
.think-question {overflow-y: auto;}
.think-question img {max-width: 100%;}

/* ����� */
#quiz-bg{background:url(../img/contentUI/quiz/quizBG.png) no-repeat;}
#quiz-start{position:absolute;top:0px;left:0px;width:1000px;height:562px;}
.quiz-start-wrap{width:1000px;height:570px; display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:flex-start;background:url(../img/contentUI/quiz/startBG.png) no-repeat;}
.quiz-start-tag{/* padding-top:100px; *//* display:flex; *//* flex-wrap:nowrap; *//* flex-direction:row; *//* align-items:flex-start; *//* justify-content:center; */position: absolute;left: 328px;top: 168px;}
.quiz-start-tag-title{padding-top:50px;color:#000;font-family:"gmsb";font-size:96px;line-height:60px;letter-spacing:-1px;text-align:center;}
/*.quiz-start-tag-icon{width:80px;height:80px;margin-right:-40px;background:url(../img/contentUI/quiz/start-icon.png) no-repeat;}*/
.quiz-start-tag-icon{font-family:"gmsl";font-size:78px;line-height:84px;letter-spacing:-1px;text-align:right;}
.quiz-start-btn-guide{color:#000;font-family:"gmsm";font-size:24px;letter-spacing:-1px; text-align:center; position:absolute; top:363px;}
#quiz-start-icon{background:url(../img/contentUI/quiz/start.png) no-repeat;}
#quiz{position:absolute;top:0px;left:0px;width:1000px;height:562px; background-color:#ffffff; background:url(../img/contentUI/quiz/quiz.png) no-repeat;}
.quiz-num-wrap{position:absolute;top:0px;left:0px;width:232px; /*height:*/}
.quiz-tag{position:absolute;top:66px;left:10px;width:75px;height:25px;color:#000;font-family:"gmsb";font-size:24px;letter-spacing:-1px;text-align:center;}
.quiz-num{position:absolute; top:65px; left:0px; width:190px;}
.quiz-num-txt{position:relative; display:block; top:45px;right:55px; height:94px; color:#2158a7;font-family:"SJG";font-size:50px;text-align:right;}
.quiz-num-txt-cur{font-size:30px; font-family:"gmsb";}
.quiz-num-mark{position:absolute;top: 25px;right: 50px;width:100px;height:100px;}
.quiz-wrap{position:absolute; top:130px; left:0px; width:1000px; height:430px; display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; justify-content:flex-start; padding-top:0px;}
.quiz-question-wrap{width:750px;height:80px; padding:0px 0px; flex-wrap:wrap; flex-direction:none; align-items:flex-start;justify-content:center; padding-left:150px;}
.quiz-question-txt{color:#000000; font-family:"NSacEB"; font-size:20px; line-height:24px; letter-spacing:-0.5px;}
.quiz-txt-impact{color:#a10006;font-family:"scd8";}
.quiz-question-rubric{width:740px;height:auto;padding:0px 10px;margin-top:5px;border-top:1px dotted #000;display:none;}
.quiz-question-rubric-txt{width:740px;height:auto;padding-top:5px;color:#000;font-family:"cafe24sa";font-size:16px;line-height:20px;letter-spacing:-1px;}
.quiz-obj-wrap{width:750px;height:auto; flex:1;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start; padding-top:20px; padding-left:140px;}
.quiz-img-wrap{width:auto;height:auto;}
.quiz-select-wrap{width:auto;height:auto;flex:1;margin-top: 0px;}
.quiz-select-btn{margin:0px 5px 5px 0px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.quiz-select-num{width:25px;height:25px;background-color:#dddddd;color:#000000;font-family:"OMB";font-size:15px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; display:flex;flex-direction:row;align-items:center;justify-content:center; line-height:27px; display:block; text-align:center;}
.quiz-select-txt{max-width:670px;margin:3px 0px 0px 6px;color:#000000;font-family: "OMR";font-size:18px;line-height:20px;letter-spacing:-1px;text-align:left;}
.quiz-result-wrap{width:840px;height:125px; padding-left:75px;}
.quiz-result{width:840px;height:140px;padding:0px 0px;display:none;}
.quiz-result-correct{width:840px;height:40px;padding:0px 0px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start; padding-top:0px;}
.quiz-result-correct-txt{width:65px; height:35px; background:url(../img/contentUI/ox/ox-result-correct.png) no-repeat;}
.quiz-correct-num{margin-left:10px;}
.quiz-result-explain{width:840px;height:90px;padding-left:20px; padding-top:5px;}
.quiz-result-explain-txt{max-width:840px;color:#000;font-family: "NSacB";font-size:18px;line-height:24px;letter-spacing:-0.5px;}
.quiz-btn-wrap{position:absolute;bottom:120px;right:80px;width:130px;height:50px;display:flex;align-items:center;justify-content:flex-end;}
#quiz-score{background:url(../img/contentUI/quiz/quizBG.png) no-repeat;}
.quiz-score-wrap{position:absolute;top:0px;left:0px;width:1000px;height:562px;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:center; background:url(../img/contentUI/quiz/scoreBG.png) no-repeat}
.quiz-score-tag{width:100%;height:150px; display:none;}
.quiz-score-tag-txt{width:100%;height:auto;padding-top:30px;color:#000;font-family:"gmsb";font-size:50px;line-height:50px;letter-spacing:-1px;text-align:center;}
.quiz-score-txt-wrap{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center; position:absolute; top:137px;}
.quiz-score-txt{margin:0px 3px;color:#1763ad;font-family:"gmsb";font-size:34px;line-height:45px;letter-spacing:-1px;text-align:center;}
.quiz-score-impact{color:#f26c4f;font-family:"gmsb";font-size:34px;}
.quiz-score-mark-wrap{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;}
.quiz-score-mark{width:113px; height:167px; margin:0px 22px; display:flex; flex-direction:column; align-items:center;justify-content:flex-start;}
.quiz-score-mark-num{color:#000;font-family:"gmsb";font-size:37px;line-height:37px;letter-spacing:-1px;border-bottom:2px solid #000; margin-top: 15px;}
.quiz-score-mark-icon{padding-top:3px;height:80px;color:#ddd;font-family:"gmsb";font-size:100px;letter-spacing:-1px;}
.quiz-score-mark-on{border:0px;}
.quiz-score-mark-on .quiz-score-mark-num{color:#000;border-bottom:2px solid #000;}
.quiz-score-mark-on .quiz-score-mark-icon{color:#314bff;}
.quiz-score-btn-wrap{width:100%;height:70px;padding-top:425px;display:flex;align-items:center;justify-content:center;}
#quiz-retry-icon{background:url(../img/contentUI/quiz/retry.png) no-repeat;}


#quiz-start-btn
{
	width:615px;
	height:77px;
	background:url(../img/contentUI/think/start_btn01.png) no-repeat;
	position:absolute;
	top:360px;
	left:370px;
}
#quiz-btn
{
	width:166px;
	height:40px;
	position:absolute;
	top:330px;
	left:800px;
}



.app-btn-left-bg
{
	position:relative;
	top:0px;
	left:-10px;
	width:0px;
	height:34px;
}
#quiz-next-btn .app-btn-icon{width:22px;height:34px;}
#quiz-next-btn .app-btn-name{line-height:36px;  padding-left: 10px;}
#quiz-next-btn {align-items:flex-start; overflow:hidden;}
/*.alert-wrap-build
{
	position:absolute;
	top:118px;
	left:497px;
}*/
.quiz-score-txt:nth-child(4){margin-right: 0px;}
.quiz-score-txt:nth-child(5){margin-left: 0px;}
.quiz-score-mark-wrap
{
	position:absolute;
	top:270px;
}
#score-mark-icon-o
{
	margin-top: 10px;
	display:block;
	position:relative;
	width:100px;
	height:100px;
	background:url(../img/contentUI/quiz/result_o.png) no-repeat;
}
#score-mark-icon-x
{
	margin-top: 10px;
	display:block;
	position:relative;
	width:100px;
	height:100px;
	background:url(../img/contentUI/quiz/result_x.png) no-repeat;
}
#quiz-retry-btn{padding:0px; width:120px; overflow:hidden;}
#quiz-retry-btn .app-btn-name{line-height:39px;}
/* �����ϱ� */
#summary{background:url(../img/contentUI/summary/summaryBG.png) no-repeat;}
.summary-subject-wrap{position:absolute;top:0px;left:0px;width:840px;height:60px;padding:93px 80px 0px 80px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.summary-subject-num{width:100px;height:60px;overflow:hidden;}
.summary-subject-num-txt{width:100px;color:#314bff;font-family:"gmsb";font-size:70px;letter-spacing:-1px;text-align:center;}
.summary-subject-title{height:60px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;}
.summary-subject-title-txt{padding-top:22px;color:#000;font-family:"gmsb";font-size:40px;letter-spacing:-1px;}
.summary-con{position:absolute;top:0px;left:0px;width:1000px;height:562px;}
.summary-rank{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.summary-rank-img{width:100%;height:auto;display:flex;align-items:center;justify-content:center;}
.summary-rank-txt{flex:1;}
.summary-rank1{padding:0px 0px 5px 0px;}
.summary-rank1-bullet{width:10px;height:10px;margin-top:9px;background-color:#314bff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.summary-rank1-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:24px;line-height:28px;letter-spacing:-1px;text-align:left;}
.summary-rank2{padding:0px 0px 5px 15px;}
.summary-rank2-bullet{width:10px;height:3px;margin-top:10px;background-color:#314bff;}
.summary-rank2-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:22px;line-height:26px;letter-spacing:-1px;text-align:left;}
.summary-rank3{padding:0px 0px 3px 25px;}
.summary-rank3-bullet{margin-top:7px;color:#314bff;font-family:"cafe24sa";font-size:8px;line-height:8px;letter-spacing:-1px;}
.summary-rank3-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:20px;line-height:24px;letter-spacing:-1px;text-align:left;}
.summary-rank4{padding:0px 0px 3px 35px;}
.summary-rank4-bullet{margin-top:7px;color:#314bff;font-family:"cafe24sa";font-size:8px;line-height:8px;letter-spacing:-1px;}
.summary-rank4-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:20px;line-height:24px;letter-spacing:-1px;text-align:left;}
.summary-rank5{padding:0px 0px 3px 45px;}
.summary-rank5-bullet{width:4px;height:4px;margin-top:8px;background-color:#314bff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.summary-rank5-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:18px;line-height:22px;letter-spacing:-1px;text-align:left;}
.summary-rank-txt-impact{font-family:"scd8";color:#314bff;}
.summary-page-btn-wrap{position:absolute;bottom:0px;left:0px;width:100%;height:50px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;}
.summary-split{margin:0px 4px;}
.summary-page-num{color:#000;font-family:"ggl";font-size:20px;line-height:20px;text-align:center;}
.summary-page-btn{width:22px;height:21px;margin:0px 5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
#summary-prev{background:url(../img/contentUI/summary/prev.png) no-repeat;}
#summary-next{background:url(../img/contentUI/summary/next.png) no-repeat;}

/* ���� ���� : table */
.summary-rank-table1{padding:0px 5px;}
.summary-rank-table2{padding:0px 15px;}
.summary-rank-table3{padding:0px 25px;}
.summary-rank-table4{padding:0px 35px;}
.summary-rank-table5{padding:0px 45px;}
.summary-rank1-td-bullet{width:4px;height:4px;margin-top:7.5px;background-color:#314bff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.summary-rank1-td-txt{margin-left:5px;color:#000;font-family:"cafe24sa";font-size:19px;line-height:23px;letter-spacing:-1px;text-align:left;}

/*----------------------------------------------------------------------------------
  indexUI
---------------------------------------------------------------------------------- */
#indexUI{position:absolute;top:58px;left:0px; z-index:1;}
#index-wrap{position:absolute;top:0px;left:-262px;width:302px;height:562px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;z-index: 0}
#index-box{width:260px;height:562px;background-color:#fff;}
#index-con{width:240px;margin-left:10px;}
.index-btn{width:240px;background-color:rgba(0,0,0,0);display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.sco-btn{margin-top:12px;}
.sco-icon{width:22px;height:22px;margin-right:5px;background:url(../img/indexUI/sco-icon.png) no-repeat;}
.sco-txt{padding-top:3px;max-width:210px;color:#3c95d5;font-family:"OMT";font-size:17px;line-height:19px;letter-spacing:-1px;text-align:left;}
.sco-line{width:220px;margin:5px 10px;border-bottom:1px dotted #999;}
.sub-btn{margin-top:4px;}
.sub-icon{width:22px;height:22px;margin:0px 5px 0px 15px;background:url(../img/indexUI/sub-icon.png) no-repeat;}
.sub-txt{margin-top:6px;color:#666;font-family:"OMT";font-size:16px;line-height:15px;letter-spacing:-1px;}
#index-bar{width:2px;height:562px;background-color:#142742;}
#open-index{width:40px;height:50px;margin:0px;padding:0px;background:url(../img/indexUI/open.png) no-repeat;background-color:#142742; border-radius:0% 50% 50% 0%;}

/*----------------------------------------------------------------------------------
  captionUI
---------------------------------------------------------------------------------- */
#captionUI{position:absolute;left:0px;top:650px;width:1000px;height:60px;background-color:rgba(0,0,0,0.7);display:none;}
#close-caption{position:absolute;top:5px;right:5px;width:20px;height:20px;margin:0px;padding:0px;background-color:rgba(0,0,0,0);}
#close-caption-icon{width:20px;height:20px;margin:0px;background:url(../img/captionUI/close.png) no-repeat;}
#caption-txt-box{position:absolute;top:10px;left:160px;width:680px;height:100px;}
#caption-txt{width:680px;height:100px;color:#fff;font-family:"OMR";font-size:16px;line-height:20px; text-align: center;}

/*----------------------------------------------------------------------------------
  balloonUI
---------------------------------------------------------------------------------- */
#balloonUI{position:absolute;bottom:-12px;right:135px;width:85px;height:84px;display:none;}
.balloon{width:220px;height:40px;}
.balloon-next{background:url(../img/balloonUI/nextPage.png) no-repeat;}
.balloon-sco{background:url(../img/balloonUI/nextSco.png) no-repeat;}
.balloon-end{background:url(../img/balloonUI/endPage.png) no-repeat;}

/*----------------------------------------------------------------------------------
  navigationUI
---------------------------------------------------------------------------------- */
#navigationUI{position:absolute;bottom:0px;left:0px;width:1000px;height:30px;background-color:#333;}
.navigation-wrap{position:absolute;bottom:0px;left:10px;width:990px;height:30px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;}
.add-menu{padding:0px 7px;color:#bbb;font-family:"cafe24sa";font-size:14px;line-height:0px;letter-spacing:-.5px;}
.navi-split{width:1px;height:14px;margin:0px 5px;background-color:#999;}
.seek{
	width:340px;height:7px;margin:0px 10px 0px 24px;background-color:#555;
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
	cursor:pointer;border:none;outline:none;overflow:hidden;
}
.seek .ui-slider-range{top:0px;left:0px;height:7px;background-color:#00a2ff;cursor:pointer;border:none;outline:none;}
.seek .ui-slider-handle{width:10px;height:7px;cursor:pointer;border:none;outline:none;}
.timer{margin-left:3px; color:#bbb; font-family:"cafe24sa"; font-size:13px; line-height:0px; letter-spacing:-.5px;}
.navi-btn{width:28px; height:25px; padding:0px; margin:0px;}
#play{margin-left:16px; background:url(../img/navigationUI/play-pause.png) no-repeat;}
#replay{margin-left:5px; background:url(../img/navigationUI/replay.png) no-repeat;}
#caption{margin-left:7px; background:url(../img/navigationUI/caption.png) no-repeat;}
#volume{margin-left:7px; background:url(../img/navigationUI/volume.png) no-repeat;}
.volume-gauge{
	margin-left: 2px;
	width:50px;height:7px;background-color:#555;
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
	cursor:pointer;border:none;outline:none;overflow:hidden;
}
.volume-gauge .ui-slider-range{height:7px;margin:0px;background-color:#00a2ff;cursor:pointer;border:none;outline:none;}
.volume-gauge .ui-slider-handle{width:15px;height:10px;margin:0px;cursor:pointer;border:none;outline:none;}
.page-wrap{margin-left:auto;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;}
#prev{background:url(../img/navigationUI/prev.png) no-repeat; height:18px; margin-right:0px;}
#next{background:url(../img/navigationUI/next.png) no-repeat; height:18px; margin-left:0px;}
.page-txt{color:#bbb; font-family:"cafe24sa"; font-size:15px; line-height:1px; padding-top: 4px; letter-spacing:-.5px;}
#current-page{color:#00a2ff;}
.page-txt-slash{margin:0px 7px;}

/*----------------------------------------------------------------------------------
  toolUI
---------------------------------------------------------------------------------- */
#toolUI{position:absolute;top:0px;left:0px;width:1000px;height:650px;margin:0px;padding:0px;background:url(../img/toolUI/toolBG.png) no-repeat;display:none; z-index:9;}
.tool-course-title{width:1000px;height:200px;}

/*.tool-title-wrap{width:auto;height:60px;padding:0px 15px 0px 10px;border-bottom:5px solid #314bff;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;}*/
.tool-title-wrap
{
	position:absolute;
	left:656px;
	top:168px;
}
.tool-title-txt{color:#51e4f1; font-family:"cafe24sa";font-size:21px;line-height:19px;letter-spacing:-1px;}
.tool-con-wrap{width:1000px;height:390px; padding:0px 0px; top:200px; position:absolute;}
.tool-con{width:1000px;height:390px;}
#tool-close{position:absolute;top:5px;right:5px;width:40px;height:40px;}
#tool-close-icon{width:40px;height:40px;margin:0px;background:url(../img/toolUI/close.png) no-repeat;}

/* �������� */
.course-index-wrap{width:974px;height:320px;padding-top:14px;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-start;}
.course-index{width:460px;margin-bottom:5px;padding-bottom:6px;border-bottom:2px solid #fff;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;}
.course-index-txt{color:#fff;font-family:"OMR";font-size:17px;line-height:20px;letter-spacing:-0.8px;text-align:left;  max-width:275px;}
.course-index-bar{width:2px;height:15px;margin:0px 5px 0px 10px;background-color:#dd606d;}

/* ������ */
.tool-help-tab{width:954px;height:40px; padding-left:24px; display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
.tool-help-tab-btn{width:auto; width:236px; height:39px;margin:0px 5px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex:1;}
.tool-help-tab-btn-txt{padding-top:5px;color:#000;font-family:"cafe24sa";font-size:18px;line-height:18px;text-align:center;letter-spacing:-1px;}
.tool-help-con-wrap{width:974px;height:390px; padding-top:10px;}
.tool-help-con{width:974px;height:390px;}
.tool-help-wrap{width:974px;height:380px;}
.tool-help-tab-rank{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.tool-help-tab-rank-img{width:100%;height:auto;display:flex;align-items:center;justify-content:center;}
.tool-help-tab-rank-txt{flex:1;}
.tool-help-tab-rank1{padding:0px 0px 5px 10px;}
.tool-help-tab-rank1-bullet{width:8px;height:8px;margin-top:10px;background-color:#5b2327;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.tool-help-tab-rank1-txt{margin-left:5px;color:#fff;font-family: "cafe24sa";font-size:22px;line-height:26px;letter-spacing:-1px;text-align:left;}
.tool-help-tab-rank2{padding:0px 0px 5px 25px;}
.tool-help-tab-rank2-bullet{width:9px;height:2px;margin-top:11px;background-color:#5b2327;}
.tool-help-tab-rank2-txt{margin-left:5px;color:#fafafa;font-family:"cafe24saLight";font-size:20px;line-height:24px;letter-spacing:-1px;text-align:left;}
.tool-help-tab-rank3{padding:10px 0px;}
.tool-help-tab-rank3-bullet{width:28px;height:28px;background-color:#314bff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;color:#fff;font-family:"cafe24sa";font-size:15px;line-height:5px;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;}
.tool-help-tab-rank3-txt{margin:5px 0px 0px 5px;;color:#fff;font-family:"cafe24sa";font-size:18px;line-height:18px;letter-spacing:-1px;text-align:left;}
.tool-help-tab-rank4{padding:0px 0px 3px 10px;}
.tool-help-tab-rank4-bullet{width:8px;height:8px;margin-top:8px;background-color:#314bff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.tool-help-tab-rank4-txt{margin-left:5px;color:#fff;font-family:"cafe24sa";font-size:20px;line-height:24px;letter-spacing:-1px;text-align:left;}
.tool-help-tab-rank5{padding:0px 0px 3px 25px;}
.tool-help-tab-rank5-bullet{width:10px;height:3px;margin-top:9px;background-color:#314bff;}
.tool-help-tab-rank5-txt{margin-left:5px;color:#fff;font-family:"cafe24sa";font-size:18px;line-height:22px;letter-spacing:-1px;text-align:left;}
.tool-help-tab-rank-txt-impact{color:#314bff;}
.tool-guide-img{position:relative;width:473px;height:390px;background:url(../img/toolUI/tool-ui.png) no-repeat;}
.tool-guide-num{position:absolute;width:30px;height:30px;color:#fff;font-family:"cafe24sa";font-size:18px;line-height:18px;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;}
.tool-help-table-wrap{width:974px;height:390px;}
.tool-help-tab-rank-num-wrap{margin-bottom:3px;}
.tool-help-tab-rank-num{width:30px;height:30px;color:#fff;font-family:"cafe24sa";font-size:18px;line-height:18px;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;background-color:#314bff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.tool-help-tab-rank-num-txt{margin:4px 0px 0px 6px;color:#fff;font-family:"cafe24sa";font-size:20px;line-height:20px;letter-spacing:-1px;text-align:left;}
.tool-help-tab-rank2-table-bullet{width:10px;height:3px;margin-top:9px;background-color:#314bff;}
.tool-help-tab-rank2-table-txt{margin-left:5px;color:#fff;font-family:"cafe24sa";font-size:18px;line-height:22px;letter-spacing:-1px;text-align:left;}

/* ���� �ٿ�ε� */
.tool-down-con-wrap{width:974px;height:360px;margin:10px 13px 0px 13px;}
.tool-down-con{width:974px;height:360px;}
.tool-down-btn{margin-left:auto;}
.tool-down-btn-wrap{width:auto;height:27px;padding:0px 10px 0px 2px;background-color:#dd606d;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;}
.tool-down-btn-icon{width:39px;height:27px;background:url(../img/toolUI/tool-down-icon.png) no-repeat;}
.tool-down-btn-txt{color:#fff;font-family:"cafe24sa";font-size:16px;line-height:16px;letter-spacing:-1px; padding-right:3px;}

/* ����Ұ� */
.tool-profile-con-wrap{width:974px;height:370px;margin:0px 13px;}
.tool-profile-con{width:974px;height:370px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:center;}
.tool-profile-wrap{width:500px;height:auto;}
.tool-profile-name-wrap{width:500px;height:auto;padding:10px 0px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;}
.tool-profile-name{color:#fff;font-family:"scd8";font-size:30px;line-height:30px;letter-spacing:-1px;}
.tool-profile-position{padding:8px 0px 0px 5px;color:#fff;font-family:"cafe24sa";font-size:22px;line-height:22px;letter-spacing:-1px;}
.tool-profile-job{width:500px;height:auto;padding-bottom:10px;color:#fff;font-family:"scd4";font-size:18px;line-height:18px;letter-spacing:-1px;}
.tool-profile-img{width:1000px;height:443px;background:url(../img/toolUI/2_1.png) no-repeat;}
.tool-profile-tag-wrap{width:500px;height:auto;padding:5px 0px 10px 0px;}
.tool-profile-tag-bar{width:500px;height:20px;border-bottom:1px dashed #fff;}
.tool-profile-tag{width:100px;height:30px;padding:0px 15px;margin-top:-15px;background-color:#314bff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;display:flex;align-items:center;justify-content:center;}
.tool-profile-tag-txt{color:#fff;font-family:"cafe24sa";font-size:20px;line-height:20px;letter-spacing:-1px;}

/*----------------------------------------------------------------------------------
  mobileUI
---------------------------------------------------------------------------------- */
#mobileUI{position:absolute;top:0px;left:0px;width:100%;height:100%;display:none; z-index:1;}
#mediaPlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;}
.play-icon{width:280px;height:280px;background:url(../img/mobileUI/play.png) no-repeat;}
.play-txt{color:#ddd;font-family:"esaL";font-size:20px;line-height:36px;text-align:center;letter-spacing:-1px;}
.play-txt-guide{font-size:24px;}
.play-txt-guide-impact{font-family:"esaB";font-size:30px;color:#dd606d;}

/*----------------------------------------------------------------------------------
  loadingUI
---------------------------------------------------------------------------------- */
#loadingUI{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
#loading-center{position:relative;width:100%;height:100%;}
#loading-center-absolute{position:absolute;left:50%;top:50%;height:200px;width:200px;margin-top:-100px;margin-left:-100px;	}
.object{
    -moz-border-radius:50% 50% 50% 50%;
	-webkit-border-radius:50% 50% 50% 50%;
	border-radius:50% 50% 50% 50%;
	position:absolute;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	-webkit-animation:animate 2s infinite;
	animation:animate 2s infinite;
}
#object_one{left:75px;top:75px;width:50px;height:50px;}
#object_two{left:65px;top:65px;width:70px;height:70px;-webkit-animation-delay:0.1s;animation-delay:0.1s;}
#object_three{left:55px;top:55px;width:90px;height:90px;-webkit-animation-delay:0.2s;animation-delay:0.2s;}
#object_four{left:45px;top:45px;width:110px;height:110px;-webkit-animation-delay:0.3s;animation-delay:0.3s;}


.contents-page-print
{
	position:absolute;
	right:8px;
	top:76px;
	cursor:pointer;
}
.contents-page-print .app-btn-name{padding-right:10px; position:relative; margin-top: 3px;}
.contents-page-print .app-btn-icon{background:url(../img/print/print-icon.png) no-repeat;}



@-webkit-keyframes animate{
	50%{
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	100%{
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}

@keyframes animate{
	50%{
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	100%{
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}