@charset 'utf-8';

@import url(../fonts/webfonts.css);

html,
body {
    min-height: 100%;
    font-family: 'Nanum Square','Nanum Gothic', sans-serif;
    font-weight: 300;
    font-size: 18px;
    letter-spacing:-1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    overflow-y: hidden;
/*     background-color:#999999; */
}

a{text-decoration:none;!important}
a:focus{outline:none;}
a:link, a:visited, a:hover, a:focus, a:active {text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
dl, dt, dd {list-style: none; padding: 0;}
ol {padding: 0;}
ul, li{padding: 0;}
/* #learning_content li:before { */
/*     content: url('../img/dot.png'); */
/* } */
/* ul. li:before { content:counter(item, disc) ' ' ; color:red; } */
/* .container{background-color:#999999;} */
/*  ul li { list-style:none; } */
/*  ul li:before { content:counter(item, disc) ' ' ; color:red; } */

/*하이픈 ul*/
ul.hyphen li{
   position:relative;
   list-style-type:none;
   margin-left : 17px;
   margin-right : 10px;
}
ul.hyphen li :after{
 	display:block;
 	content:'';
 	position:absolute;
 	top:.65em;
 	left:-1em;
 	width:8px;
 	height:1px;
 	background-color:#977955;
 }

/* loader */
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;/* Light grey */
  border-radius: 50%;
  border-top: 16px solid #3498db; /* Blue */
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.loading-modal {position: fixed;
                z-index: 999;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                background-color: Black;
                filter: alpha(opacity=70);
                opacity: 0.7;
                -moz-opacity: 0.7;    }

#progress_section{margin-left:19px;}
#attview{margin-right:10px;}
/*************************************************************************************/
/*좌측상단 주차 표시*/
.classcontents {
    margin:8px 0px 0px 5px;
    background-image: url('../img/skin/tit_contents.png');
    color: #ffffff;
    height:40px;
    width: 127px;
    line-height: 24px;
    font-family: 'Nanum Square', sans-serif;
    font-weight: 900;
    font-size: 18px;
    padding-top: 6px;
    float: left;
    text-align:center;
}

.classcontents_1{
    color: #000;
    font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 20px;
	clear:both;
	display:block;
	margin:20px auto 0px;
	width:200px;
	text-align:center;
}

/*좌측상단 과목명*/
/* .classtitle{ */
.Ntitle{
    margin:13px 0px 0px 0px;
/*     margin:18px 0px 0px 4px; */
/*     padding: 0px; */
    float: left;
/*     color: #e88400; */
/*     font-family: 'Nanum Square','Nanum Gothic', sans-serif; */
/*     font-weight: 700; */
/*     font-size: 20px; */
/*     letter-spacing:2px ; */
/*     line-height: 20px;  */
/*     text-shadow:0 0 5px white, 0 9px 36px #FFFFff, 0px 2px 1px #FFFFff, -2px 2px 3px #FFFFff, 1px 3px 3px #000000; */
}

/*차시명 이미지 2줄*/
.panel-group_n {float:left;width:650px;margin:150px 0px 0px -250px;display:block;overflow:hidden;}
.Ntitle_long{
    margin:1px 0px 0px 0px;
    float: left;
}
/*.Ntitle_1{
    padding-top: 15px;
    color: #e88400;
    font-family: 'Nanum Square','Nanum Gothic', sans-serif;
    font-weight: 700;
    font-size: 22px;
    width:100%;
    line-height: 22px;
    clear:both;
}
*/
.Ntitle_1{
    color: #fff;
    font-family: 'Nanum Square','Nanum Gothic', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.4;
	display:inline-block;
	clear:both;
	max-width:650px;
	text-align:center;
	margin:00px auto 0px;
	background-color:rgba(0,0,0,0.7);
	padding:1px 10px 2px;
}
.Ntitle_2{
    padding-top: 5px;
    color: #e88400;
    font-family: 'Nanum Square','Nanum Gothic', sans-serif;
    font-weight: 700;
    font-size: 22px;
    width:100%;
    line-height: 22px;
    float:left;
}

.subjectName{
	font-family: 'NanumSquare', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #666666;
    margin-top:190px;
	display:none;
}

.search_text{
	width:155px;
	height:30px;
	border:none;
	background: transparent;
	margin-left:14px;
	margin-top:4px;
	font-family:'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 15px;
	color:#f39f2c;
}

.subject{
	font-family: 'Nanum Square', sans-serif;
    font-weight: bold;
    font-size: 18px;
    width:100%;
 	line-height:27px;
    color:#ffee33;
    padding-left:89px;
    clear:both;
}
.title_icon{
	float:left;
    background: url('../img/skin/title_icon.png') no-repeat;
    height:27px;
    width: 22px;
}


.start{
	margin:-340px 0px 0px 0px;

}
.content-header{
/*         //height: 60px; */
/*         //background-color: #ff6a00; */
    }

.content-body{
/*         //padding: 20px 20px 20px 20px;  */
position:relative;
    }

.content-footer{
        position: absolute;
        height: 43px;
        bottom: 0px;
        width: 100%;
/*         background-image: url('../img/skin/menu_bg.png'); */
    }



.ex_frame {
    position: relative;
    width: 100%;
    background: #f3f3f3;
    overflow: hidden;
}

/*
#ex_container {position: relative; padding: 0 10px;}
*/

#ex_aside {
    position: absolute;
    width: 180px;
    height: 500px;
    top: 60px;
    left: -200px;
     z-index: 100;
    background-color: #ffffff;
    border:1px solid #36aecc;
    border-top-width:10px;
    border-right-width:10px;
    border-bottom-width:10px;
    border-top-color:#36aecc;
    border-right-color:#36aecc;
    border-bottom-color:#36aecc;
    z-index: 99999;
}

#ex_aside.slide {left: 0;}
#ex_aside,.sideBtn {
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
}

/*사이드 버튼*/
.sideBtn {position: fixed; width: 31px; height: 125px; top: 13%; left: 0; z-index: 99999; background-image:url('../img/menu_close.png');}
.sideBtn.active {left: 180px; background-image:url('../img/menu_open.png');}



/* 사이드바 스타일 */
.sidebar-nav {
    width: 170px;
    margin: 0;
/*     padding: 0; */
    list-style: none;
/*     border-right: 1px solid #616161;     */
    z-index: 99999;
    padding-top:10px;
}

.sidebar-nav li {
    text-indent: 0.8em;
    line-height: 2.3em;
    color: #5a5959;
    border-bottom:  0px solid #6c6c95;
}

.sidebar-nav li a {
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 15px;
    display: block;
    color: #6f6f6f;
    text-decoration: none;
}

.sidebar-nav li a:hover {
    color: #3496bb;
    background: rgba(255,255,255,0.2);
}
.sidebar-nav li a#quickMenu_click{color:#3496bb;}

.sidebar-nav > .sidebar-brand {
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
/*     background-color: #000; */
	width:144px;
	height:27px;
	margin-top:12px;
	margin-left:5px;
	margin-bottom:10px;
/* 	background: #36aecc; */
	background: #b7b7b7;
    border-radius:2em;
}
#sidebar-brand-color{background: #36aecc; color:#ffffff;}

.sidebar-nav sidebar-group {
    font-size: 1.1em;
    line-height: 2.5em;
    font-weight: bold;
}

.sidebar-nav > .sidebar-item {
    text-indent: 1em;
/*     font-size: 1.1em; */
    line-height: 25px;
    padding-left:10px;
}

.sidebar-tool {
    position: absolute;
    bottom: 0px;
    z-index:99;
    width: 100%;
    padding: 0 5px 0 5px;
}

#sidebar_bottom{margin-bottom:21px;}




/*footer*/
.page-nav {
/*     //background-color: #00ff90; */
	background:url('../img/skin/page_nav.png') no-repeat;
	width:175px;
	height:43px;
    text-align: right;
    padding: 4px;
    font-size: 1.2em;
    margin-left:-11px;
}
.search{float:left; width:211px; height:42px; background: url('../img/skin/search.png') no-repeat;  }
.search_click{float:left; width:35px; height:30px; background: url('../img/skin/search_click.png') no-repeat;  margin-left:175px; margin-top:-29px;}

.theprofessor{float:left; width:42px; height:42px; background: url('../img/skin/theProfessor.png') no-repeat; cursor:pointer; }
.theprofessor_over{float:left; width:75px; height:36px; background: url('../img/skin/theProfessor_Over.png') no-repeat; margin-top:-36px; margin-left:-20px;}

.theLearningGuide{float:left; width:42px; height:42px; background: url('../img/skin/theLearningGuide.png') no-repeat; cursor:pointer; }
.theLearningGuide_over{float:left; width:75px; height:36px; background: url('../img/skin/theLearningGuide_Over.png') no-repeat; margin-top:-36px; margin-left:-20px;}

.theLearningMap{float:left; width:42px; height:42px; background: url('../img/skin/theLearningMap.png') no-repeat; cursor:pointer; }
.theLearningMap_over{float:left; width:75px; height:36px; background: url('../img/skin/theLearningMap_Over.png') no-repeat; margin-top:-36px; margin-left:-20px;}

.theMemo{float:left;  width:42px; height:42px; background: url('../img/skin/theMemo.png') no-repeat; cursor:pointer; }
.theMemo_over{float:left;  width:75px; height:36px; background: url('../img/skin/theMemo_Over.png') no-repeat; margin-top:-36px; margin-left:-20px; }

.theDownload{ float:left; width:42px; height:42px; background: url('../img/skin/theDownload.png') no-repeat; cursor:pointer;  }
.theDownload_over{ float:left; width:75px; height:36px; background: url('../img/skin/theDownload_Over.png') no-repeat; margin-top:-36px; margin-left:-20px;  }

.theSubtitle{ float:left; width:42px; height:42px; background: url('../img/skin/theSubtitle.png') no-repeat; cursor:pointer;  }
.theSubtitle_over{ float:left; width:75px; height:36px; background: url('../img/skin/theSubtitle_Over.png') no-repeat; margin-top:-36px; margin-left:-20px;  }
.theSubtitle_txt{
	font-family: 'Nanum Square', sans-serif;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px ;
    color:#ffffff;
    margin-left:5px;
}
#sub_close{float:right; font-size:21px; font-weight:normal; line-height:1; color:#ffffff; opacity:1; margin-right:5px;}
#sub_close:hover, #sub_close:focus{color:#ffffff; text-decoration:none; opacity:1; cursor:pointer;}

.first_n {float:left;  color:#fff; margin-top: -2px; font-size:24px; margin-left:5px;}
.center_n, .last_n {color:#fff; margin-top: 2px;}
.left_arrow a {float:left; background:url('../img/skin/prev.png') no-repeat; width:65px; height:26px; margin-left:6px; margin-top:3px;}
.right_arrow a {float:left;  background:url('../img/skin/next.png') no-repeat;width:65px; height:26px;margin-left:7px; margin-top:3px;}
/* .left_arrow a:hover {} */
/* .right_arrow a:hover {} */


.go_next_page{position:absolute; top:-50px; right:5px; display:none;z-index: 99999;}

.go_end_page{position:absolute;display:none;z-index: 99999;}

.go_end {
        position: fixed;
        z-index: 900;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: rgba( 0, 0, 0, .5 );
}

.go_end_notice{
    position: relative;
    z-index: 999;
}

.te_career{height:380px; overflow-x:hidden; overflow-y:auto; }
/******************************************************/

.content-wrapper{margin:auto; min-height:620px; background:url('../img/skin/bg.png') no-repeat;}

.content-wrapper-1{margin:auto; min-height:620px; background:url(../img/skin/bg_1.png) no-repeat;	background-color:#999999;}
.content-wrapper-2{margin:auto; min-height:620px; background:url('../img/skin/bg_2.png') no-repeat; background-color:#999999;}
.content-wrapper-3{margin:auto; min-height:620px; background:url('../img/skin/bg_3.png') no-repeat; background-color:#999999;}
.content-wrapper-4{margin:auto; min-height:620px; background:url('../img/skin/bg_4.png') no-repeat; background-color:#999999;}
.content-wrapper-5{margin:auto; min-height:620px; background:url('../img/skin/bg_5.png') no-repeat; background-color:#999999;}
.content-wrapper-6{margin:auto; min-height:620px; background:url('../img/skin/bg_6.png') no-repeat; background-color:#999999;}
.content-wrapper-7{margin:auto; min-height:620px; background:url('../img/skin/bg_7.png') no-repeat; background-color:#999999;}
.content-wrapper-8{margin:auto; min-height:620px; background:url('../img/skin/bg_8.png') no-repeat; background-color:#999999;}
.content-wrapper-9{margin:auto; min-height:620px; background:url('../img/skin/bg_9.png') no-repeat; background-color:#999999;}

.content-wrapper-01{margin:auto; min-height:620px; background:url('../img/skin/bg_01.png');}
.content-wrapper-02{margin:auto; min-height:620px; background:url('../img/skin/bg_02.png');}
.content-wrapper-03{margin-top:3px; min-height:620px; background:url('../img/skin/bg_03.png');}
.content-wrapper-04{margin:auto; min-height:620px; background:url('../img/skin/bg_04.png');}
.content-wrapper-05{margin:auto; min-height:620px; background:url('../img/skin/bg_05.png');}
.content-wrapper-06{margin:auto; min-height:620px; background:url('../img/skin/bg_06.png');}
.content-wrapper-07{margin:auto; min-height:620px; background:url('../img/skin/bg_07.png');}
.content-wrapper-08{margin:auto; min-height:620px; background:url('../img/skin/bg_08.png');}
.content-wrapper-09{margin:auto; min-height:620px; background:url('../img/skin/bg_09.png');}


.skin02{margin: auto;min-height:500px; }
/* .skin03{margin-top:-23px; min-height: 540px;} */
.skin04{margin: auto; min-height: 485px;}
.skin05{margin-top:2px; min-height: 540px;}
.skin06{margin-top:3px; min-height: 485px;}
.skin07{margin-top:3px; min-height: 485px;}
.skin07_1{margin: auto; min-height: 620px;}
.skin08{margin-top:3px; min-height: 485px;}
.skin08_1{margin: auto; min-height: 500px;}
.skin09{margin: auto; min-height: 540px;}

/* .skin02{margin-top:-5px; min-height: 540px; background: url('../img/skin/skin02.png') no-repeat;} */
/* .skin03{margin-top:-23px; min-height: 540px; background: url('../img/skin/skin03.png') no-repeat;} */
/* .skin04{margin: auto; min-height: 542px; background: url('../img/skin/skin04.png') no-repeat;} */
/* .skin05{margin: auto; min-height: 540px; background: url('../img/skin/skin05.png') no-repeat;} */
/* .skin06{margin-top:2px; min-height: 542px; background: url('../img/skin/skin06.png') no-repeat;} */
/* .skin07{margin-top:2px; min-height: 542px; background: url('../img/skin/skin07.png') no-repeat;} */
/* .skin07_1{margin: auto; min-height: 620px; background: url('../img/skin/skin07_1.png') no-repeat;} */
/* .skin08{margin-top:3px; min-height: 540px; background: url('../img/skin/skin08.png') no-repeat;} */
/* .skin08_1{margin: auto; min-height: 500px; background: url('../img/skin/skin08_1.png') no-repeat;} */
/* .skin09{margin: auto; min-height: 540px; background: url('../img/skin/skin09.png') no-repeat;} */

.panel2 {margin-bottom: 20px;}
/* .progress-bar{border:2px solid #f7941d; } */
#title_name{margin-top:76px; min-height: 165px; background: url('../img/skin/title_name.png') no-repeat center;}
#subtxt{position:absolute; background :#464646; margin-top:-25px; margin-left:23px; width:950px; opacity:0.9; border-radius:5px; }


/*6.쉬어가기-s*/
 .b_title{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #ffffff;
    padding-left:43px;
    letter-spacing:-1px;
}

.explain1{
	width:95%;
	padding-right:20px;
	font-family: 'Nanum Barun Gothic', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #977955;
    margin-top:13px;
    margin-left:39px;
    letter-spacing:-1px;
}


/*2.오리엔테이션-s*/
.skin02 #jp_container_1{
	height:445px; width:780px;margin-top: 23px; margin-left:22px;
}
/*2.오리엔테이션-e*/

/*3.학습목표-s*/

#contents ul.contents02{list-style: none;}
#contents1{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #666666;
    letter-spacing:-1px;
	margin-top:50px;
	margin-left:78px;
/*     margin-top:45px; */
	width :97%;
}
#contents2{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #666666;
    letter-spacing:-1px;
    margin-left:78px;
    margin-top:36px;
    width :97%;
}

#contents1_body{padding:0}
#contents2_body{padding: 6px 0px;}

.contents_03{ overflow-y: auto;height: 120px; clear:both;}
.contents_03 ol.contents03_1{ margin-left:100px; margin-right:20px;}
.contents_03 ol.contents03_1 li{padding-left:8px;}

/*3.학습목표-e*/

/*4.생각해보기-s*/
a#note_saveBtn{float:left; background: url('../img/saveBtn.png') no-repeat; width:142px; height:51px; margin-top:10px;}

a#saveBtn2{float:left; background: url('../img/skin/memo_saveBtn.png') no-repeat; width:110px; height:42px; margin-top:0px;margin-left:40px;}

a#profBtn{float:right; background: url('../img/profBtn.png') no-repeat; width:164px; height:51px; margin-right:35px; }

/*쿠키쌓인다고 하여 없애기작업함 22.2.21*/
.sNoteBtn{margin-left: 350px; margin-top: 285px;height:62px;}
img#saveBtn{display: none;}
textarea#printArea{cursor:unset; }
.m_iframe:focus{outline: none; }

.prof{ background:url('../img/prof.png') no-repeat; width:95%; height:363px; margin-top:-54px; margin-left:110px;}
.profClose{margin-top:7px; margin-left:78%;}
.thinkQ{float:left; margin-left:43px;  min-height:57px;  background:url('../img/thinkQ.png') no-repeat;}
.think{
	float:left;
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 21px;
    color: #627079;
    letter-spacing:-1px;
    width:87%;
    margin:20px 70px;
/*     overflow-y:auto; */

}

#sNote{	width:708px; height:188px; border: 1px solid #c9c9c9; margin-top: 14px; margin-left:45px; border-radius:11px;}

.hclass{height:10px;}
.p_opinion{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #7e5f40;
    width:81%;
    line-height:26px;
 	padding-top:15px;
    padding-left:25px;
    padding-right:25px;
	letter-spacing:-1px;
	overflow-y:auto;
	height:310px;
	margin-top:5px;
}

/*한자 들어갈때*/
.p_opinion_1{
	font-family: 'Nanum Barun Gothic', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #7e5f40;
    width:81%;
    line-height:26px;
 	padding-top:15px;
    padding-left:25px;
    padding-right:25px;
	letter-spacing:-1px;
	overflow-y:auto;
	height:310px;
	margin-top:5px;
}
/*5.학습하기-s*/
/*.cc_Btn{background: url('../img/cc_btn.png') no-repeat;  float:left; width:40px; height:35px;margin-left:-8px; text-indent:-9999px;}*/
.cc_Btn{background: url('../img/cc_btn.png') no-repeat;  float:left; width:20px; height:18px;margin-left:5px; text-indent:-9999px;}

.learning_list{
	background: url('../img/learning_list.png') no-repeat;
	width:100px;
	height:40px;
	margin:12px -12px;
	text-indent: -9999px;
}

.lesson_list{
	overflow-y: scroll;
	margin-bottom: 0px;
	 width:338px;
	 height:117px;
	 float:left;
	 margin:20px 4px;
}
.skin05 #jp_container_1{
	width: 350px;
	height:260px;
	margin-top:26px;
	margin-left:-8px;
}
#popcorn-body05{padding-top:25px; margin-left:-13px;}
#popcorn-body05 .popcorn-container05{
	padding-top:10px;
	padding-left:10px;
	width:420px;
	height:430px;
	overflow-y:auto;
}

.border_box{background:#e0e0e0; border-radius:7px; margin-right:10px;}

a.ti1{text-decoration:none; color: #339999;}
a.ti1:hover{text-decoration:none; color: #339999; font-weight:bold;}
a.ti1:active{text-decoration:none; color: #339999; font-weight:bold;}
a.ti2{
	text-decoration:none;
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #757575;
    letter-spacing:-1px;
    margin-right:10px;
    margin-bottom:-4px;
}
a.ti2:hover{text-decoration:none; color: #757575;font-weight:bold;}
a.ti2:active{text-decoration:none; color: #757575;font-weight:bold;}

.lesson_list ol.lesson_num{
	margin-left:30px;
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #339999;
    letter-spacing:-1px;
     margin-right:10px;
};


/*5.학습하기-e*/

/*6.쉬어가기-s*/


.referTxt{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #977955;
/*     margin-left:160px; */
/*     margin-top:7px; */
    letter-spacing:-1px;

}

#contents_06{
    overflow-x: hidden;
    overflow-y: auto;
    height: 360px;
    margin-top: 30px;
}
/*6.쉬어가기-e*/




/*----------------quiz--------------------------*/
/*7.퀴즈-s*/

.c_info{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #6e6753;
    letter-spacing:-1px;

}

/*퀴즈 2줄*/
.c_info2{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #6e6753;
    letter-spacing:-1px;
}

/*퀴즈 3줄*/
.c_info3{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #6e6753;
    letter-spacing:-1px;
}

.sol_txt{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #666666;
    letter-spacing:-1px;
    margin-left:12px;
}
.exp_txt1{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #666666;
    letter-spacing:-1px;
    margin-left:12px;
    float:left;
    margin-right:17px;
}
.exp_txt2{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #666666;
    letter-spacing:-1px;
    margin-left:68px;
    list-style:none;
}
.solution{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #f8653f;
    letter-spacing:-1px;
    margin-left:13px;
}

/* .q_num{float:left; background: url('../img/quizImg2.png') no-repeat; width:728px; height:44px;} */

.img_o{background:url('../img/quiz_o.png') no-repeat; float:left; position:absolute; width:102px; height:91px; margin-top:-8px; margin-left:8px;}
.img_x{background:url('../img/quiz_x.png') no-repeat; float:left; position:absolute; width:102px; height:91px; margin-top:-8px; margin-left:8px;}

a#checkQuiz{float:left; background: url('../img/quizConfirm.png') no-repeat; width:145px; height:55px; margin-left:81%; margin-top:94px; text-indent:-9999px}
a#nextQuiz{float:left; background: url('../img/quizNext.png') no-repeat; width:145px; height:55px; margin-left:81%; margin-top:-6px; text-indent:-9999px}
a#resultQuiz{float:left; background: url('../img/resultQuiz.png') no-repeat; width:145px; height:55px; margin-left:81%; margin-top:-6px;text-indent:-9999px}
a#reQuiz{float:left; background: url('../img/quizRetry.png') no-repeat; width:150px; height:68px; margin-left:40%; margin-top:15px; text-indent:-9999px}

.first{background:url('../img/quizResult01.png') no-repeat; float:left; width:110px; height:138px; padding:70px 40px;}
.second{background:url('../img/quizResult02.png') no-repeat; float:left; width:110px; height:138px; padding:70px 40px; margin-left:10px}
.last{background:url('../img/quizResult03.png') no-repeat; float:left; width:110px; height:138px; padding:70px 40px; margin-left:10px}

.num1{background:url('../img/num1.png') no-repeat; height:100%; margin-left:23px; margin-top:5px;}
.num2{background:url('../img/num2.png') no-repeat; height:100%; margin-left:23px; margin-top:5px;}
.num3{background:url('../img/num3.png') no-repeat; height:100%; margin-left:23px; margin-top:5px;}
.r_item{margin-top:-10px;}
.result_o{background:url('../img/result_o.png') no-repeat; float:left; width:65px; height:58px; margin-left:-18px; margin-top:-10px;}
.result_x{background:url('../img/result_x.png') no-repeat; float:left; width:65px; height:58px; margin-left:-18px; margin-top:-10px;}

.box_h1 ul.r_item{list-style: none;}

#alertCheckPop{background:url('../img/alertCheck.png') no-repeat; width:275px; height:241px; margin-left:35%; margin-top:15%;}
#theQzPop{background:url('../img/alertRetry.png') no-repeat; width:275px; height:241px; margin-left:35%; margin-top:15%;}

ol.Benefits-type1{list-style: none; overflow-y:auto; overflow-x:hidden; height:160px; }

.Benefits-type1 li .qTxt {
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #666666;
	padding-left: 15px;
	cursor:pointer;
	margin-left:30px;
	letter-spacing:-1px;
	line-height:36px;
}
/* .Benefits-type1 .click .qTxt {font-weight: bold;} */

.cnums-container{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #666666;
    letter-spacing:-1px;
    margin-left:0px;
}


/*7.퀴즈-e*/
.q_no1 {background:url('../img/quizNo1.png') no-repeat; float:left; width: 99.5%; cursor:pointer;}
.q_no2 {background:url('../img/quizNo2.png') no-repeat; float:left; width: 99.5%; cursor:pointer;}
.q_no3 {background:url('../img/quizNo3.png') no-repeat; float:left; width: 99.5%; cursor:pointer;}
.q_no4 {background:url('../img/quizNo4.png') no-repeat; float:left; width: 99.5%; cursor:pointer;}

.q_no1:hover {background:url('../img/quizNoOver1.png') no-repeat; }
.q_no2:hover {background:url('../img/quizNoOver2.png') no-repeat; }
.q_no3:hover {background:url('../img/quizNoOver3.png') no-repeat; }
.q_no4:hover {background:url('../img/quizNoOver4.png') no-repeat; }

/* .sol_txt{float:left;} */
.explain{clear:both; margin-top:-7px;}

/* #solution1{background:url('../img/quizNoOver1.png') no-repeat; float:left; width: 34px; height: 33px; text-indent:-99999px;} */
/* #solution2{background:url('../img/quizNoOver2.png') no-repeat; float:left; width: 34px; height: 33px; text-indent:-99999px;} */
/* #solution3{background:url('../img/quizNoOver3.png') no-repeat; float:left; width: 34px; height: 33px; text-indent:-99999px;} */
/* #solution4{background:url('../img/quizNoOver4.png') no-repeat; float:left; width: 34px; height: 33px; text-indent:-99999px;} */

/*문항*/
.Benefits-type1 {margin: 30px 0 0 37px;}
.Benefits-type1 li {
    width: 99.5%;
    line-height: 180%;
    margin-top : 10px;
}
.Benefits-type1 li .bullet {
	float: left;
	width: 20px;
	padding-left: 6px;
	color: #fff;
	font-weight: bold;
}
/* .Benefits-type1 li .qTxt { */
/* 	padding-left: 15px; */
/* 	color: #434343; */
/* 	cursor:pointer; */
/* } */
.Benefits-type1 .click .qTxt {font-weight: bold; color:#f86a42;}
/* .Benefits-type1 .click .badge {background-color:#ff9900;} */
.Benefits-type1 .active_box {background-color: rgba(190,175,240,0.2);}
/* .Benefits-type1 > li > a {font-weight: ;} */

.Benefits-type1 .click .q_no1{background:url('../img/quizNoOver1.png') no-repeat;}
.Benefits-type1 .click .q_no2{background:url('../img/quizNoOver2.png') no-repeat;}
.Benefits-type1 .click .q_no3{background:url('../img/quizNoOver3.png') no-repeat;}
.Benefits-type1 .click .q_no4{background:url('../img/quizNoOver4.png') no-repeat;}


/*문제 및 정답 박스*/
/* .box_h1, .box_h2 { background-color:rgba(246,246,246,0.9); overflow-y: auto;  overflow-x: hidden; padding: 10px 15px 15px 15px; border: 1px solid #d0d0d0; height:100%; } */
.box_h1 {
/* 	overflow-y: auto;   */
/* 	overflow-x: hidden;  */
/* 	padding: 10px 15px 15px 25px;  */
	height:100%;
	}
.box_h2 {overflow-y: auto; overflow-x: hidden;   padding: 0px 15px 15px 25px; height:100px; }
.box_h1 { margin-bottom:24px; }

/*퀴즈 문제*/
.quiz .ctitle {display: block; padding: 22px 0 0 86px; font-weight: bold; overflow-y:auto; height:55px;}
/*퀴즈 문제 2줄*/
.quiz .ctitle2 {display: block; padding: 5px 10px 0 86px; font-weight: bold; height:55px;}
/*퀴즈 문제 3줄*/
.quiz .ctitle3 {display: block; padding: 0px 10px 0 86px; font-weight: bold; height:55px;}

/*퀴즈 숨김 텍스트*/
.addTxt {
    display: inline-block;
    text-align: left;
    width: 100%;
    border: #E8E8E8 solid 1px;
    padding: 5px 10px;
    background: #F9F9F9;
    border-radius: 10px;
    margin-bottom: 10px;
}
.addTxt.hide {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    margin: 0;
    padding: 0;
}



/*quiz result*/
.QuizEnd { text-align:center; margin-top: 0px; display:none;}

.QuizEnd .r1{ font-size: 24px; margin-top: 5px; color:#333333; padding-top:10px; }
.QuizEnd .r1 .impact{ font-size: 42px; color:#c86432; }

.QuizEnd .r2{
	font-family:'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 30px;
	margin-top: 40px;
	color:#666666;
	letter-spacing:-1px;
}
.QuizEnd .r2 .resultHigh { color:#dd2525; font-size:18px; }
.resultTN{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 30px;
	color:#00a651;
	letter-spacing:-1px;
}

.resultCN{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 30px;
	color:#f04b25;
	letter-spacing:-1px;
}

.QuizEnd .r3{ font-size: 14px; display:inline-block; padding-top: 16px; }
.QuizEnd .r3_con{ margin: 0 auto; width: 100%; text-align: center;  }
.QuizEnd .r3 ul li{
    float:left;
    width:120px;
    font-size: 36px;
}
/* .QuizEnd .r3 ul li .r_num{ float:left; width:100%; background:#f8f8f8; color:#000; border:#dbdbdb solid 1px; border-right: 0px;  border-left:none;  padding: 2px 0 3px 0; } */
.QuizEnd .r3 ul li .r_num{ float:left; width:100%; background:#f8f8sf8; color:#000; border-right: 0px;  padding: 2px 0 3px 0; }
.QuizEnd .r3 ul li .r_res{ float:left; width:100%; padding:20px 0 21px 0; color:#f02f44; border-top:none; border-right: 0px; border-left:none; background: url('../img/skin1/05_t3_m2.png') no-repeat center center; text-indent: -9999px;  }

.QuizEnd .r3 ul li .r_res.wro { background: url('../img/skin1/05_t3_m3.png') no-repeat center center;  }
/* .QuizEnd .r3 ul li.first { border-left:#dbdbdb solid 1px; } */
.QuizEnd .r3 ul li.last { }


/* .QuizEnd .r4{background:url('../img/quizRetry.png') no-repeat; width:110px; height:30px; clear:both; margin-top:10px; } */
.r6 {display: inline-block; float: left; width: 100%; height: 100%; }


.QuizEnd .r5{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 17px;
	color:#666666;
	margin-top : -20px;
}
/*하단 버튼*/
.cbt {display: inline-block; float: left; width: 100%; height: 100%; text-align:right; margin-top:10px;}

/*보기 번호*/
/* .q_num { */
/*     font-size: 24px; */
/* } */

/*퀴즈 제목*/
/* .q_title{ */
/* 	font-family: 'Nanum Square', sans-serif; */
/*     font-weight: 700; */
/*     font-size: 16px; */
/* 	color:#ffffff; */
/* 	background-color:#ffb623; */
/* } */
.q_exp{
    font-size: 12px;
    line-height: 36px;
}
/************************************************************************************/
/*float 청소*/
.clearboth{
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    clear: both;
}

/*콘텐츠 박스*/
.box_c1 {
    background-color:rgba(246,246,246,0.9);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 15px 15px 8px;
    border: 1px solid #d0d0d0;
    height:100%;
}


/*폰트 설정*/
.tit_font{
    font-size: 18px;
    font-weight: 600;
}
.tit_font8{
    font-size: 16px;
    font-weight: 400;
}
.fontweight100{font-weight: 100;}
.fontweight200{font-weight: 200;}
.fontweight300{font-weight: 300;}
.fontweight400{font-weight: 400;}
.fontweight500{font-weight: 500;}
.fontweight600{font-weight: 600;}
.fontweight700{font-weight: 700;}
.fontweight800{font-weight: 800;}
.fontweight900{font-weight: 900;}

.fonth1{font-size: 36px;}
.fonth2{font-size: 30px;}
.fonth3{font-size: 24px;}
.fonth4{font-size: 18px;}
.fonth5{font-size: 14px;}
.fonth6{font-size: 12px;}

.alignleft{text-align: left}
.aligncenter{text-align: center}
.alignright{text-align: right}
.alignjustify{text-align: justify}

.valigntop{vertical-align: top;}
.valignbottom{vertical-align: bottom;}
.valignmiddle{vertical-align: middle;}
.valigntextbottom{vertical-align: text-bottom;}

.height100{height:100%;}
.height100p{height:100px;}

/*색 설정*/
.colorblue{color: #0094ff;}
.colorred{color: #ff006e;}
.colorblack{color: #000;}
.colorwhite{color: #fff;}

.mousepointer{cursor:pointer;}

/*li 위아래 띄우기*/
.line_spance7{ margin-top: 7px;}
.line_spance8{ margin-top: 8px;}
#line_spance8{ margin-top: 8px;}

/*마진 없애기*/
.nomargin{
    margin: 0px;
}
.nopadding{
    padding: 0px;
}
/************************************************************************************/

/*8.학습정리-s*/
.referBtn{
		float:left;
		position: relative;
		width: 73px;
		height: 72px;
		background-color: transparent;
		margin-top:-39px;
		margin-left :628px;
		cursor:pointer;
		display:none;
	}
.printBtn{
		float:left;
		position: relative;
		width: 73px;
		height: 72px;
		background-color: transparent;
		margin-top:-72px;
		margin-left :704px;
		cursor:pointer;
	}
.refer_img{position: relative; margin-top: -473px; margin-left:440px; }

.refer_txt{
    position:absolute;
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #78563a;
    letter-spacing:0px;
    margin-top:-310px;
    margin-left:440px;
    letter-spacing:-1px;
}

.closeact{
		position: relative;
		width: 33px;
		height: 33px;
		background-color: transparent;
		margin-top:-112px;
		margin-left :850px;
		cursor:pointer;
		text-indent:-99999px;
}

#learning_content{
	width:95%;
	height:350px;
	overflow:auto;
	overflow-x:hidden;
	margin:20px 0px 20px 40px;
}
#contents_06 ul.outside {
	list-style-image:url('../img/dot.png');
	list-style-position : outside;
	padding-right:10px;
}

#learning_content ul.outside {
	list-style-image:url('../img/dot.png');
	list-style-position : outside;
	padding-right:10px;
}
/* .dot{background:url('../img/dot.png'); float:left; width:21; height:24px; } */
.term8_1{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #ffffff;
    letter-spacing:0px;
    width:90%;
    padding-left:45px;
    margin-top:9px;
    letter-spacing:-1px;
}

.explain8_1, .explain8_2 {
	font-family: 'Nanum Square', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #977955;
    letter-spacing:0px;
    padding-left:18px;
/*     margin-top:11px; */
    letter-spacing:-1px;
}
.explain_num_1{
	font-family: 'Nanum Square',sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #977955;
    letter-spacing:-1px;
    margin-top:6px;
    letter-spacing:-1px;
/* 	margin-left :4px;  */
}

.explain_num_2{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #977955;
    letter-spacing:-1px;
    margin-top:29px;
    letter-spacing:-1px;
/* 	margin-left :4px;  */
}

.explain_child_1{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #977955;
    letter-spacing:-1px;
    margin-top:8px;
    letter-spacing:-1px;
    margin:10px 0px 5px;
}

.explain_grandchild_1{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #977955;
    letter-spacing:-1px;
/*     margin-top:6px; */
    letter-spacing:-1px;
    margin:0 0 5px 10px;
}

 #refer_txt ul.refer_outside {
	list-style-image:url('../img/refer_list.png');
	list-style-position : outside;
/* 	list-style-type: disc; */
	overflow-y : auto;
	overflow-x : hidden;
	width:405px;
	height:170px;
	padding-left :70px;
	padding-right:10px;
}

#pageNo08{width:100%; margin-top:35px;}
a.prevBtn{float:left; background: url('../img/prevBtn.png') no-repeat; width:75px; height:40px; margin-left:20px; margin-top:4px; text-indent: -9999px;}
a.nextBtn{float:left; background: url('../img/nextBtn.png') no-repeat; width:75px; height:40px; margin-left:5px; margin-top:4px; text-indent: -9999px;}

/*8.학습정리-e*/

/*9.차시예고-S*/
.thisTime1{
	font-family: 'Nanum Pen Script', sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #999999;
    letter-spacing:0px;
    padding-left:65px;
    padding-top:52px;
}
.thisTime2{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 23px;
    color: #999999;
    letter-spacing:-2px;
    padding-left:65px;
}

.nextTime1{
	font-family: 'Nanum Pen Script', sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #ff9900;
    letter-spacing:0px;
    padding-left:65px;
    padding-top:7px;

}

.nextTime2{
	font-family: 'Nanum Square', sans-serif;
    font-weight: 700;
    font-size: 23px;
    color: #666666;
    letter-spacing:-2px;
    padding-left:65px;
}

.thisTime_img{background: url('../img/thisTime_img.png') no-repeat; width:490px; height:145px; margin-left:25px; margin-top:30px; }
.thisTime_img_on_1{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -10px 0px; width:60px; height:70px; margin-top:-145px; margin-left:35px; }
.thisTime_img_on_2{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -69px 0px; width:60px; height:70px; margin-top:-145px; margin-left:94px; }
.thisTime_img_on_3{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -127px 0px; width:60px; height:70px; margin-top:-145px; margin-left:152px; }
.thisTime_img_on_4{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -185px 0px; width:60px; height:70px; margin-top:-145px; margin-left:210px; }
.thisTime_img_on_5{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -243px 0px; width:60px; height:70px; margin-top:-145px; margin-left:268px; }
.thisTime_img_on_6{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -301px 0px; width:60px; height:70px; margin-top:-145px; margin-left:326px; }
.thisTime_img_on_7{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -359px 0px; width:60px; height:70px; margin-top:-145px; margin-left:384px; }
.thisTime_img_on_9{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -10px -82px; width:90px; height:70px; margin-top:-63px; margin-left:35px; }
.thisTime_img_on_10{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -97px -82px; width:60px; height:70px; margin-top:-63px; margin-left:122px; }
.thisTime_img_on_11{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -156px -82px; width:60px; height:70px; margin-top:-63px; margin-left:181px; }
.thisTime_img_on_12{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -215px -82px; width:60px; height:70px; margin-top:-63px; margin-left:240px; }
.thisTime_img_on_13{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -274px -82px; width:60px; height:70px; margin-top:-63px; margin-left:299px; }
.thisTime_img_on_14{background: url('../img/thisTime_img_on.png') no-repeat ;background-position: -333px -82px; width:60px; height:70px; margin-top:-63px; margin-left:358px; }
/*9.차시예고-e*/

.referTxt{margin-left:0px; }
/*작아졌을때*/
@media (max-width: 765px) {
	html,body{overflow-y: auto; background-color:#fff4b8; heigth:100%}

	 #progress_section{margin-left:2px;}
/* 	.progress-bar{border:2px solid #f7941d; } */
	.content-wrapper-1{
/*         min-height: fill-available; */
        min-height: 620px;
/*         background-color: rgba(0,0,0,0.8); *
/*         background-color:#fff4b8; */
        background-image: url('');
        background-color:#fff4b8;
    }

/*     .content-wrapper-1{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;} */
    .content-wrapper-2{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;}
	.content-wrapper-3{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;}
	.content-wrapper-4{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;}
	.content-wrapper-5{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;}
	.content-wrapper-6{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;}
	.content-wrapper-7{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;}
	.content-wrapper-8{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;}
	.content-wrapper-9{margin: auto; min-height: 620px; background : url(); background-color:#fff4b8;}


    .content-footer{position: fixed;}
    #contents{padding-left:30px;}

/* 	.skin02{margin: auto; min-height: 540px; background : url();} */
/* 	.skin03{margin: auto; min-height: 540px; background : url();} */
/* 	.skin04{margin: auto; min-height: 540px; background : url();} */
/* 	.skin05{margin: auto; min-height: 540px; background : url();} */
/* 	.skin06{margin: auto; min-height: 540px; background : url();} */
/* 	.skin07{margin: auto; min-height: 540px; background : url();} */
/* 	.skin08{margin: auto; min-height: 540px; background : url();} */

	.subject{padding-left:30px;}

	/*1.인트로*/
	.subjectName{margin-top:1px;}
	.classcontents_1{width:100%; margin-top:0px; margin-left:0px; color:#e88400; background-image:url();}
	.Ntitle_1{width:100%; margin-left:0px; padding-top:0px; }


	/*2.오리엔테이션*/
	.skin02 #jp_container_1{width:100%; height:100%; margin-left:27px;}
	.skin02 .jp-progress{width:30px;}
	.skin02 .jp-volume-bar{width:30px;}

	/*3. 학습목표*/
	#contents1{margin:0px 20px 0px 20px;}
	#contents2{margin:10px 20px 0px 20px;}
	#contents1_body{padding: 6px 6px;}
	#contents2_body{padding: 6px 6px;}
	.contents_03{height: 150px;}

	/*4.생각해보기*/
	#sNote{width:100%; margin-left:0px;}
	.p_opinion{padding-top:0px; width:100%; }
	.p_opinion_1{padding-top:0px; width:100%; }
	.think{width:70%; overflow-y:hidden; height:100%;}
	.thinkQ{margin-left:0px;}
	.profClose{margin-left:90%}
	#learning_panel_body{padding:0px 10px;}

	/*5.학습하기*/
	.skin05 #jp_container_1{width:100%; height:100%; margin-left:22px; margin-top:0px;}
	#popcorn-body05{padding-top:5px; padding-left:0px;}
	#popcorn-body05 .popcorn-container05{padding-top:10px; width:100%;}

    /*6.쉬어가기*/
    #contents_06{ margin-top:0px;}
	.b_title{color: #977955; }
	.term8_1{color: #000000;}
	.explain1{margin-left:18px; }

	/*7.퀴즈*/
	.c_info{overflow-y:hidden;height:100%;}
	.c_info2{overflow-y:hidden;height:100%;}
	.c_info3{overflow-y:hidden;height:100%;}

	.img_o{margin-left:-8px;}
	ol.Benefits-type1{overflow-y:hidden;height:100%;}
	.box_h2{overflow-y:hidden;height:100%; }
	.img_x{margin-left:-10px;}
	.num1, .num2, .num3 {margin-left:0px};
/* 	a#checkQuiz{margin-top:0px;} */
	a#nextQuiz{margin-top:0px;}
	a#resultQuiz{margin-top:0px;}

	.quiz .ctitle{overflow-y:hidden; height:100%;}
	.quiz .ctitle2{overflow-y:hidden; height:100%;}
	.quiz .ctitle3{overflow-y:hidden; height:100%;}

	/*8.학습정리*/
	#pageNo08{margin-left:-20%;}
	#learning_content{width:88%;}
	.term8_1{ color: #977955;}

	.referBtn{width: 0px; height: 0px; margin-top:0px; margin-left:0px;}
	.printBtn{width: 0px; height: 0px; margin-top:0px; margin-left:0px;}

	/*9.차시예고*/
	.thisTime1{padding-top:0px; padding-left:0px;}
	.thisTime2{padding-left:0px;}
	.nextTime1{padding-left:0px;}
	.nextTime2{padding-left:0px;}


	/*******************************/
	.prof{background : url(); width: 100%;  height: 100%; margin-top: 0px;    margin-left: 0px;}


	a#checkQuiz{margin-left:34%; margin-top:10px;}
	a#nextQuiz{margin-left:34%;}
	a#resultQuiz{margin-left:34%;}
	a#reQuiz{margin-left:34%;}

	#alertCheckPop{margin-left:10%;}
	#theQzPop{margin-left:10%;}



	.panel {
     	  width:90%;
       	  margin:0px 20px 0px 20px;
		  background-color: #fffef9;
		  border: 1px solid transparent;
		  border-radius: 4px;
		  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	}

}
/*작아졌을때end*/