@charset "utf-8";
/* base */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;}
body{line-height:1;}
dl,ul,ol,li{list-style:none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
address,caption,cite,code,dfn,em,strong,th,va{font-style:normal;}
legend,caption{visibility:hidden; height:0; width:0; font-size:0;}
hr {display: none;}

/* remember to define focus styles! */
:focus{outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* common */
*{margin:0;padding:0;}
html, body{width:100%;_height:100%;}
body, th, td{font-size:12px;line-height:1;font-family:"돋움",Dotum,"굴림",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,Helvetica,UnDotum,sans-serif; color:#959595;}
input, select{vertical-align:middle;}
input, select, textarea {font-size : 100%;}
textarea{overflow:auto;}
a{color:#828282;text-decoration:none;}
a:link, a:hover, a:active, a:focus{color:#828282;text-decoration:none;}
.input_radio, .input_check {width:13px;height:13px;}
.input_txt, .input_file {height:18px;padding:0 4px;background:none repeat scroll 0 0 #FFFFFF;border-color:#DCDCDC;border-style:solid;border-width:1px;color:#666666;font-size:12px;}
.clear{clear:both;}
.blind{display:block;overflow:hidden;*position:absolute;top:0;left:0;width:0;height:0;border:0;background:none;font-size:0;line-height:0;}

/* common */
* {
	font-family:NanumGothic, 나눔고딕, ng, arial;
}
@font-face {
	font-family:ng;
	src:url(../css/font/NanumGothic.eot);
	src:local(※), url(../css/font/NanumGothic.ttf) format('truetype'), url(../css/font/NanumGothic.otf) format('opentype');
}
body input {
	font-family:NanumGothic, 나눔고딕, ng, arial;
}



/****************************
layout
*****************************/

body{}
#mWrapper{width:1000px;height:650px;background:url(../image/bg.jpg) no-repeat 0 0;position:relative;}

#mWrapper h1{position:absolute; width:340px; height:252px; top:37px ; left:46px;background:url(../image/bi.png) no-repeat 0 0;}

#mWrapper .bg1{width:1000px;height:650px;background:url(../image/bg1.png) no-repeat 0 0;position: absolute; top:0; left:0}
#mWrapper .bg2{width:1000px;height:650px;background:url(../image/bg2.png) no-repeat 0 0;position:absolute; top:0; left:0; border:0px solid red}

#mWrapper .close a{position:absolute;top:6px;right:6px;width:17px;height:17px;background:url(../image/close.gif) no-repeat 0 0; cursor:pointer;}
#mWrapper .close a:hover{background-position:0 -18px;}


#mWrapper #start1{ position:absolute; width:111px; height:100px; top:333px ; left:578px;}
#mWrapper #start1 a{display:block;  width:111px; height:100px; background:url(../image/btn1.png) no-repeat 0 0; cursor:pointer;}
#mWrapper #start1 a:hover{background:url(../image/btn1_on.png) no-repeat 0 0}


#mWrapper #start2{ position:absolute; width:111px; height:100px; top:480px ; left:578px;}
#mWrapper #start2 a{display:block;  width:111px; height:100px; background:url(../image/btn2.png) no-repeat 0 0; cursor:pointer;}
#mWrapper #start2 a:hover{background:url(../image/btn2_on.png) no-repeat 0 0}


#mWrapper #book{ position:absolute; width:331px; height:364px; top:286px ; left:0px; background:url(../image/book.png) no-repeat 0 0}


#mWrapper #tea{ position:absolute; width:330px; height:545px; top:105px ; left:670px;background:url(../image/tea.png) no-repeat 0 0; border:0px solid red}


#mWrapper #txt{ position:absolute; width:540px; height:110px; top:33px ; left:375px;background:url(../image/txt.png) no-repeat 0 0}

#mWrapper #tea_txt{ position:absolute; width:236px; height:115px; top:481px ; left:635px;background:url(../image/tea_txt.png) no-repeat 0 0}

#mWrapper #adobe{ position:absolute; width:95px; height:25px; top:614px ; left:855px;}
#mWrapper #adobe a{display:block;  width:95px; height:25px; background:url(../image/btn_adobe.png) no-repeat 0 0; cursor:pointer;}

#mWrapper #sound_on{position:absolute; width:45px; height:18px; top:627px ; left:331px;}
#mWrapper #sound_on a{ display:block; width:45px; height:18px; background:url(../image/icon_soundon.png) no-repeat 0 0; cursor:pointer;}
#mWrapper #sound_on a:hover{ background:url(../image/icon_soundoff.png) no-repeat 0 0}

#mWrapper #sound_off{position:absolute; width:45px; height:18px; top:627px ; left:331px;}
#mWrapper #sound_off a{ display:block;width:45px; height:18px; background:url(../image/icon_soundoff.png) no-repeat 0 0; cursor:pointer;}
#mWrapper #sound_off a:hover{background:url(../image/icon_soundon.png) no-repeat 0 0}

#mWrapper #copy{ position:absolute; width:300px; height:20px; top:628px ; left:8px;background:url(../image/copy.png) no-repeat 0 0}