@charset "utf-8";
/* CSS Document */

/* 인트로 페이지 팝업 */
.introPopupBtn a{position:absolute; left:877px; top:548px; width:242px; height:48px; background-image:url('../../img/page/profile/profile_btn.png'); }
.introPopupBtn a:hover{background-image:url('../../img/page/profile/profile_btn_over.png'); }
.introPop{position:absolute; left:0px; top:0px; width:1120px; height:630px; display:none;}
.introPopTeacher{position:absolute; left:0px; top:0px; width:1120px; height:630px; background-image:url('../../img/page/profile/profile.png');}
.introPopClose a{position:absolute; left:924px; top:75px; width:38px; height:38px; background-image:url('../../img/page/profile/profile_close.png'); }
.introPopClose a:hover{background-image:url('../../img/page/profile/profile_close_over.png'); }

.example a{position:absolute; left:250px; top:395px; width:96px; height:29px; background-image:url('../../img/page/example/example_btn.png'); }
.example a:hover{background-image:url('../../img/page/example/example_btn_over.png'); }

/* 정리하기 */
#s_print a{position:absolute; left:1030px; top:78px; width:32px; height:32px; background: url(../../img/page/summary/printbtn.png); background-position:0px 0px; z-index:101;}
#s_print a:hover{background: url(../../img/page/summary/printbtn_over.png);}

#s_down a{position:absolute; left:1070px; top:78px; width:32px; height:32px; background: url(../../img/page/summary/down.png); background-position:0px 0px; z-index:101;}
#s_down a:hover{background: url(../../img/page/summary/down_over.png);}

#s_back a{position:absolute; top:3px; width:9px; height:15px; background: url(../../img/page/summary/prev.png); background-position:0px 0px; z-index:101;}
#s_back a:hover{background: url(../../img/page/summary/prev_over.png);}

#s_next a{position:absolute; top:3px; width:9px; height:15px; background: url(../../img/page/summary/next.png); background-position:0px 0px; z-index:101;}
#s_next a:hover{background: url(../../img/page/summary/next_over.png);}

#p_back a{position:absolute; left:35px; top:325px; width:24px; height:59px; background: url(../../img/page/summary/prev.png); background-position:0px 0px; z-index:101;}
#p_back a:hover{background: url(../../img/page/summary/prev_over.png);}

#p_next a{position:absolute; left:1068px; top:325px; width:24px; height:59px; background: url(../../img/page/summary/next.png); background-position:0px 0px; z-index:101;}
#p_next a:hover{background: url(../../img/page/summary/next_over.png);}

.s_pop2Close a{position:absolute; left:1050px; top:20px; width:44px; height:44px; background-image:url('../../img/page/summary/pop_close.png');z-index:103;}
.s_pop2Close a:hover{background-image:url('../../img/page/summary/pop_close_over.png'); }

#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11{
position:absolute;
left:0px;
top:0px;
z-index:100;

}

#summary_btn a{
position:absolute; left:1007px; top:218px; width:91px; height:111px; background: url(../../img/page/summary/s_btn.png);  z-index:1000;
}
#summary_btn a:hover{
 background: url(../../img/page/summary/s_btn_over.png);
}

#buttom_icon ul {
  list-style : none;
  margin:0px;
  padding:0px;
}

#buttom_icon ul li {
  float : left;
  margin:0px;
  padding:0px;
  width:12px;
  height:12px;
  padding:5px; /* 메뉴 간의 간격을 10px로 지정합니다.*/
}


#buttom_icon{
	position:absolute;
	z-index:101;
	left:62%;
	transform: translateX(-50%);
	top:533px;
}

.b_btn a{position:absolute;width:9px; height:10px; background: url(../../img/page/summary/s.png);  }
#b_btn1 a {background: url(../../img/page/summary/s_over.png);}

#trainingBg{position:absolute; left:0px; top:0px; width:1120px; height:630px; background-image:url('../../img/bg/bg_training.png');}
#trainingTitle{position:absolute; left:60px; top:100px; width:610px; height:65px; background-repeat:no-repeat}
#trainingBtn{position:absolute; left:105px; top:210px; width:410px; height:65px;}
#button1 a{position:absolute; left:0px; top:0px; width:181px; height:220px; background-image:url('../../img/page/training/button_01.png');}
#button1 a:hover{background: url('../../img/page/training/button_over_01.png');}
#button2 a{position:absolute; left:210px; top:0px; width:181px; height:220px; background-image:url('../../img/page/training/button_02.png');}
#button2 a:hover{background: url('../../img/page/training/button_over_02.png');}

/* 수강화면 css 수정 */
.outroImg.tween{width: 100%; height: 100%; }
.outroImg.tween img{width: 100%; height: 100%; object-fit: cover;}
#objective .arrange{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}