/****************************************
 사이트명		: 미술과문화의이해 (by LALENA.NET)
 최근 수정인	: Author-lalena
 최근 작성일	: 2010-11-01
******************************************/

/* 네비게이션 */
#container {width:900px; height:700px; background:url('../../source/images/lecture01/class00.jpg') left top no-repeat;}
#containerClass {width:900px; height:700px; background:url('../../source/images/lecture01/class.jpg') left top no-repeat;}
#containerClass_cham {width:900px; height:700px; background:url('../../source/images/lecture01/class02.jpg') left top no-repeat;}
#header {float:left; width:900px; height:40px; background:url('../../source/img/bg_header.gif') left top no-repeat;position:absolute; left:0; top:0; z-index:10000;}
#gnb li {float:left; font-size:1px; line-height:1px;}
#gnb li img {display:block;margin:0; padding:0; vertical-align:middle;}
#contents01 {float:left; width:900px; height:612px; background:url('../../source/images/lecture01/pp01.gif') 92px 125px no-repeat;}
#contents02 {float:left; width:900px; height:612px; background:url('../../source/images/lecture02/pp01.gif') 92px 125px no-repeat;}
#contents03 {float:left; width:900px; height:612px; background:url('../../source/images/lecture03/pp01.gif') 92px 125px no-repeat;}
#contents04 {float:left; width:900px; height:612px; background:url('../../source/images/lecture04/pp01.gif') 92px 125px no-repeat;}
#contents05 {float:left; width:900px; height:612px; background:url('../../source/images/lecture05/pp01.gif') 92px 125px no-repeat;}
#contents06 {float:left; width:900px; height:612px; background:url('../../source/images/lecture06/pp01.gif') 92px 125px no-repeat;}
#contents07 {float:left; width:900px; height:612px; background:url('../../source/images/lecture07/pp01.gif') 92px 125px no-repeat;}
#contents08 {float:left; width:900px; height:612px; background:url('../../source/images/lecture08/pp01.gif') 92px 125px no-repeat;}
#contents09 {float:left; width:900px; height:612px; background:url('../../source/images/lecture09/pp01.gif') 92px 125px no-repeat;}
#contents10 {float:left; width:900px; height:612px; background:url('../../source/images/lecture10/pp01.gif') 92px 125px no-repeat;}
#contents11 {float:left; width:900px; height:612px; background:url('../../source/images/lecture11/pp01.gif') 92px 125px no-repeat;}
#contents12 {float:left; width:900px; height:612px; background:url('../../source/images/lecture12/pp01.gif') 92px 125px no-repeat;}
#contents13 {float:left; width:900px; height:612px; background:url('../../source/images/lecture13/pp01.gif') 92px 125px no-repeat;}
#content {float:left; width:900px; height:612px;}
#footer {clear:both; overflow:hidden; width:898px; height:48px; margin:0; background:url('../../source/images/lecture01/bottom_img01_01.gif') left top no-repeat; position:relative;}
#footerClass {clear:both; overflow:hidden; width:898px; height:48px; margin:0; position:absolute; top:652px; left:0;}

/* common */
.gnbLeftPadd {padding:0 0 0 122px;}

/* lecture intro class01 */
#popup01 {position:absolute; left:170px; top:112px; width:556px; height:386px; z-index:6; visibility:hidden;}
#class01_01_download {position:absolute; left:607px; top:545px; width:212px; height:68px; z-index:4;}
#click01 {position:absolute;left:157px;top:270px;width:493px;height:91px;z-index:5;}
#click02 {position:absolute;left:157px;top:433px;width:493px;height:91px;z-index:15;}
#voice_text {position:absolute;left:0px;top:448px;width:711px;height:120px;z-index:10;}
#voice_text01{position:absolute;left:125px;top:545px;width:480px;height:120px;z-index:20; font-size:12px; line-height:17px;}
#voice_text02{position:absolute;left:520px;top:516px;width:101px;height:30px;z-index:30;}

/* lecture intro class02 */
#submenu01 {position:absolute;left:285px;top:40px;width:382px;height:27px;z-index:6;}
#submenu01 li img {display:block;} 
#submenu02 li img {display:block;margin:0; padding:0; vertical-align:middle;}
#submenu01 li {float:left; font-size:1px; line-height:1px;}
#submenu02 li {float:left; font-size:1px; line-height:1px;}
#submenu04 {position:absolute;left:600px;top:40px;width:304px;height:27px;z-index:6;}
#submenu04 li img {display:block;} 
#submenu04 li {float:left; font-size:1px; line-height:1px;}
#submenu03 li img {display:block;}
#submenu03 li {float:left; font-size:1px; line-height:1px;}

/* lecture intro class03 */
#class03_02 {position:absolute;left:22px;top:77px;width:844px;height:565px;z-index:3;}
.class03_02Left {float:left;width:379px;height:462px;}
.class03_02Right {float:left;background:url(../../source/images/lecture01/pp04_02.gif) right top no-repeat;width:463px; height:462px;z-index:5;}
.class03_02Right p {padding:20px 0;}
.textbox01 {background-color:#EFEFEF;width:350px; height:260px;}
.textbox02 {background-color:#EFEFEF;width:350px; height:260px;}
.textbox03 {background-color:#EFEFEF;width:270px; height:160px;}
.textbox05 {background-color:#EFEFEF;width:315px; height:285px;}
.textbox06 {background-color:#ffffff;width:315px; height:285px;}

#btn01 {position:absolute;left:581px;top:471px;width:166px;height:50px;z-index:4;}
#btn02 {position:absolute;left:601px;top:551px;width:166px;height:50px;z-index:4;}
#btn03 {position:absolute;left:705px;top:563px;width:166px;height:50px;z-index:4;}

/* lecture intro class04 */
#class03_01 {position:absolute;left:20px;top:77px;width:873px;height:568px;z-index:3;}
.lalenaclass_04 {oveflow:hidden; padding:175px 0 0 21px;}
.lalenaclass_042 {position:absolute; left:400px; top:175px; width:413px; height:400px;  z-index:100; background:url(../../source/images/lecture01/pp05_03.gif) right top no-repeat; padding:65px 0 0 50px;}
.lalenaclass_042 .style1 {width:280px; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:solid 1px #525152;}
.lalenaclass_042 .style4 {background:url(../../source/images/lecture01/bb.gif) left 3px no-repeat; padding-left:9px;}
.lalenaclass_042 div {width:280px;}
.lalenaclass_042 .lalenatxtlist li {width:280px; text-indent:-2px; padding:0 0 15px 12px; background:url(../../source/images/lecture01/bb.gif) left 4px no-repeat; line-height:20px;}

.lalenaclass_0042 {position:absolute; left:400px; top:175px; width:413px; height:400px;  z-index:100; background:url(../../source/images/lecture01/pp05_03.gif) right top no-repeat; padding:65px 0 0 50px;}
.lalenaclass_0042 .lalenatxtlist li {width:280px; text-indent:-2px; padding:0 0 15px 12px; background:url(../../source/images/lecture01/bb.gif) left 4px no-repeat; line-height:20px;}

#pagenumber {position:absolute;left:200px;top:385px;width:141px;height:13px;z-index:999;}
#pagenumber ul li {float:left;}
#pagenumber .pagenumberbtn {width:40px; height:13px;}
#pagenumber .pagenumbertxt1 {width:16px; height:13px; text-align:center;}
#pagenumber .pagenumbertxt2 {width:11px; height:13px; text-align:center;}
#chronicle_view {position:absolute;left:80px;top:108px;width:711px;height:495px;z-index:9999;visibility: hidden;}
#chronicle_view1 {position:absolute;left:780px;top:77px;width:80px;height:80px;z-index:3;}

/* lecture intro class05 */
#class04_02 {position:absolute;left:18px;top:159px;width:856px;height:438px;z-index:6; background:url(../../source/images/lecture01/pp07_01.gif) left top no-repeat;}
.class05_txt {width:600px; height:110px; margin:23px 0 0 135px;}
.class05_txt li {float:left; width:300px; height:20px; color:#fff;}
.class05_txt li label {padding:0 0 0 7px;}
#popupClass05_1 {position:absolute;left:143px;top:562px;width:600px;height:20px;z-index:6; text-align:center;}
#click03 {position:absolute;left:148px;top:551px;width:615px;height:56px;z-index:7;}
#word {position:absolute;left:194px;top:392px;width:498px;height:43px;z-index:6;}
#popup04{position:absolute;left:57px;top:244px;width:221px;height:156px;z-index:9;visibility: hidden;}
#popup05{position:absolute;left:314px;top:227px;width:254px;height:156px;z-index:9;visibility: hidden;}
#popup06{position:absolute;left:570px;top:214px;width:221px;height:156px;z-index:9;visibility: hidden;}

/* lecture intro class06 */
#submenu02 {position:absolute;left:402px;top:40px;width:350px;height:30px;z-index:10;}
#class05_01 {position:absolute;left:20px;top:77px;width:863px;height:101px;z-index:3;}
#text {position:absolute;left:175px;top:462px;width:561px;height:134px;z-index:6;}
.class06_list li {background:url(../../source/images/lecture01/pp08_05.gif) left 3px no-repeat; padding:0 0 7px 12px; font-size:11px; color:##212421;}
.class06_table {background:url(../../source/images/lecture01/class03.jpg) left top no-repeat;}


/* lecture intro class08 */
#text04 {position:absolute;left:228px;top:189px;width:548px;height:377px;z-index:7;}


/* lecture intro class11 */
#class10_02 {position:absolute;left:23px;top:166px;width:839px;height:500px;z-index:6; background:url(../../source/images/lecture01/pp17_02.jpg) left 62px no-repeat;}
.class11_Ul {padding:0 0 0 150px;}
.class11_Ul,
.class11_Ul2 {float:left; width:300px; font-size:13px; margin:30px 0 0 0;}
.class11_Ul li,
.class11_Ul2 li {padding:0 0 15px 10px; background:url(../../source/images/lecture01/bb.gif) left 3px no-repeat;}

/* lecture quiz class21 */
#class20_02 {position:absolute;left:21px;top:194px;width:871px;height:446px;z-index:6; background:url(../../source/images/lecture13/pp32_02_3.jpg) 451px top no-repeat;}
#submenu03 {position:absolute;left:572px;top:40px;width:251px;height:30px;z-index:10;}
.class21_quizImg {float:left; width:451px;}
.class21_quizQ {float:left; width:370px; padding:10px 0 20px 50px;}
.class21_quizL {float:left; width:250px; padding:0px 0 0 50px; line-height:14px; font-size:12px; margin-top:-10px;}

/* lecture quiz class22 */
.class22Bg {position:absolute;left:0;top:0;width:871px;height:593px;z-index:1; background:url(../../source/images/lecture01/class01.jpg) left 3px no-repeat;}
.class22Bg_1 {position:absolute;left:0;top:0;width:871px;height:593px;z-index:1; background:url(../../source/images/lecture13/class01_1.jpg) left 3px no-repeat;}
.class22Bg_2 {position:absolute;left:0;top:0;width:871px;height:593px;z-index:1; background:url(../../source/images/lecture13/class01_2.jpg) left 3px no-repeat;}
#confirmPop {position:absolute; width:300; height:121px; z-index:5; visibility: hidden; top:50%; left: 50%; margin:-60px 0px 0px -150px; background:url(../../source/img/bg.gif) left top no-repeat;}
#menuu0 {position:absolute; left:100px; top:155px; z-index:2; display:none;}
#menuu1 {position:absolute; left:100px; top:155px; z-index:2; display:none;}
#menun0 {position:absolute; left:100px; top:155px; z-index:2; display:none;}

/* 페이징 */
#botten01 {position:absolute; left:689px; top:0; width:130px; height:48px;}
#botten01 img {vertical-align:middle;}
.paging {color:#745932; font-weight: bold; font-size:15px; font-family:"돋움","Tahoma";}

/* 폰트 */
.style1 {font-size: 14px;font-weight: bold;}
.style1_1 {font-size: 13px;font-weight: bold;}
.style4 {font-size: 12px}
.style8 {color: #FFFFFF; font-size: 12px; text-align:left;}