/* 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 { margin: 0; padding: 0; border: 0;}

html, body { height:100%; color:#545861; background: url("../images/bg_body.jpg") repeat center transparent; }
body { color:#65778c; font-size:12px; font-family:'맑은 고딕','Dotum','Gulim'; line-height:20px; word-break:keep-all; word-wrap:break-word; white-space:normal; }
html,body { height:100%; }
select, input, textarea { font-size: 100%; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
em {font-style:normal;}

a:link { color:#545861; text-decoration:none; }
a:visited { color:#545861; text-decoration:none; }
a:hover { color:#545861; text-decoration:none; }
a:active { color:#545861; text-decoration:none; }
a:focus { color:#545861; text-decoration:none; }
a, img {selector-dummy: expression(this.hideFocus=true);}

ol, ul { list-style: none; }
hr { clear: both; display: none; }
legend, caption { width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }
.hidden { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; padding: 0; font-size: 0; line-height: 0; }
button {background:none; border:none; padding:0; margin:0; cursor:pointer;}
button.btn_img img, .btn.btn_img img {vertical-align:middle;}

select, input { margin:0; padding:0; font-size:12px; vertical-align:middle; }
input.itext, input.ipw { border:1px solid #e3e3e3; padding:3px 5px 2px; padding:5px 5px 0\9; height:17px; }
:root input.itext, :root input.ipw { padding:4px 5px 1px\9; }
select { border:1px solid #e9e9e9; padding:2px 3px; height:24px; line-height:18px; }
select option { padding:2px 3px; }
input.radio { width:13px; height:13px; margin-top:-4px; margin-bottom:-1px; _margin-top:-3px; }
input.checkbox { width:13px; height:13px; margin-top:-4px; margin-bottom:-1px; _margin-top:-3px; }
input.file { width:500px; padding:3px 5px 2px; height:24px; border:1px solid #e3e3e3; vertical-align:top; }
textarea { color:#545861; padding:5px; border:1px solid #e3e3e3; }
label { margin:0 20px 0 4px; }
.fl { float:left; }
.fr { float:right; }

.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/

/**********************
	Header
***********************/
#header { height: 750px; }
#index { margin: 0 auto; position: relative; width: 100%; }
body:first-of-type .bg_l { left: -496px; }
body:first-of-type .bg_r { left: 50%; }
.bg_l { background: url("../images/bg_l.png") no-repeat scroll 100% 0 transparent; height: 785px; margin-right: 496px; overflow: hidden; position: absolute; right: 50%; top: 0; width: 50%; z-index: 999;}
.bg_r { background: url("../images/bg_r.png") no-repeat scroll 496px 0 transparent; height: 785px; overflow: hidden; position: absolute; right: 0; top: 0; width: 50%; z-index: 999;}
#main { background: url("../images/bg_header.png") no-repeat scroll 50% 0 transparent; height: 785px; position: relative; width: 992px; margin: 0 auto; z-index: 999; } 
.bg_edge { width: 134px; height: 88px; background: url("../images/bg_edge.png") no-repeat scroll 100% 0 transparent; position: absolute; left: 445px; bottom: -73px; }
.gnb { width: 700px; height: 500px; position: absolute; left: 150px; top: 80px; }
.gnb li { width: 210px; height: 210px; float: left; padding: 11px; }
.show { border-width: 0; display: inline; } 
.hide { border-width: 0; display: none; } 
.roll_over:hover { position: relative; } 
.roll_over:hover .show { display: none; } 
.roll_over:hover .hide { display: inline; }

#container { width: 100%; }
#container:after{display:block;clear:both;content:''}
.container { width: 960px; margin: 0 auto; }
	.snb { width:160px; float:left; } 
	.content { width: 800px; height: 500px; float: right; }
	.logo { width: 130px; height: 102px; }
#footer { width: 100%; }

/* Menu */
#menu { width: 100%; clear: both; }
.jcarousel-skin-tango .jcarousel-container { width: 100%; color:#333;font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:12px; line-height:16px; }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100%; padding: 0px 50px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; height: 187px; }
.jcarousel-skin-tango .jcarousel-item { text-align: center; height: 187px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 1px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }

/** *  Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 10px; right: 20px; width: 15px; height: 98px; cursor: pointer; background: transparent url(http://sanedu.com/images/teacher/right_arrow.jpg) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(http://sanedu.com/images/teacher/left_arrow.jpg); }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus { }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 10px; left: 20px; width: 15px; height: 98px; cursor: pointer; background: transparent url(http://sanedu.com/images/teacher/left_arrow.jpg) no-repeat 0 0;  }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(http://sanedu.com/images/teacher/right_arrow.jpg); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0;}
.thumbnail-text { color: #333333; font-family: '돋움',dotum; font-size: 12px; font-weight: bold; height: 15px; padding-top: 5px; }
.thumbnail-text2 { color: #CCCCCC; display: block; font-family: '돋움',dotum; font-size: 11px; text-align: center; height: 12px; font-weight: normal; }

/**********************
	About us
***********************/
#shybana { width: 100%; background: url("../images/bg_aboutus.png") no-repeat center -300px transparent; }
.shybana { width: 1000px; height: 900px; margin: 0 auto; position: relative;   }
	.sub_logo { width: 170px; height: 112px; z-index: 997;  position: absolute; left: 0px; top: 50px;}
	.about_fan { width: 695px; height: 740px; position: absolute; right: -50px; top: -180px; z-index: 930; }
	.about_patch { background: url("../images/aboutus07.png") no-repeat scroll 50% 0 transparent; width: 256px; height: 259px; z-index: 955; position: absolute; left: 290px; bottom: 0px; }
	.about_pot { background: url("../images/aboutus04.png") no-repeat scroll 50% 0 transparent; width: 359px; height: 455px;  z-index: 925; position: absolute; left: 120px; top: 0px; }
	.about_doroo { background: url("../images/aboutus03.png") no-repeat scroll 50% 0 transparent; width: 587px; height: 631px; z-index: 965; position: absolute; left: -200px; top: 200px; }
	.about_napkin { background: url("../images/aboutus02.png") no-repeat scroll center transparent; width: 503px; height: 507px; z-index: 850; position: absolute; left: -250px; top: -100px; }
	.about_thread { background: url("../images/aboutus05.png") no-repeat scroll 50% 0 transparent; width: 293px; height: 207px; z-index: 999; position: absolute; right: 0px; bottom: 0px; }

/**********************
	Menu Pan
***********************/
.menupan_bg { background: url("../images/bg_menu.png") repeat scroll 50% 0 transparent; width: 100%; margin: 0 auto; position: relative; background-color: #000; }
.menupan_jusa { z-index: 800; position: absolute; left: -50px; bottom: 100px;}
.menu_logo { width: 170px; height: 112px; z-index: 997;  position: absolute; left: 0px; top: 50px;}
.menupan { width: 1000px; height: 900px; margin: 0 auto; position: relative;  }
.menu_category { width: 650px; position: absolute; left: 300px; top: 100px; }
.menu_category li { float: left; padding: 10px 5px; }
.menupan_map { background: url("../images/menu02.png") no-repeat top transparent; width: 585px; height: 400px; position: absolute; right: 0px; bottom: 0px; z-index: 600;}
.menu01 {  position: absolute; left: -100px; top: 0px; width: 800px; z-index: 800;}
.menu02 {  position: absolute; right: -250px; top: 260px; width: 800px;  z-index: 800;}
.menu03 {  position: absolute; left: -100px; top: 520px; width: 800px;   z-index: 800;}

/**********************
	Events
***********************/
#event { width: 100%; }
.event { width: 1023px; height: 1218px; background: url("../images/bg_event.png") no-repeat transparent; margin: 0 auto; position: relative; margin-top: 50px;}
	.event_logo { width: 170px; height: 112px; z-index: 997;  position: absolute; left: 20px; top: 0px;}
	.book01 { width: 251px; height: 339px; position: absolute; left: 90px; top: 50px;}
	.book02 { width: 261px; height: 299px; position: absolute; left: 380px; top: 90px;}
	.book03 { width: 253px; height: 339px; position: absolute; left: 695px; top: 50px;}
	.book04 { width: 238px; height: 318px; position: absolute; left: 90px; top: 450px;}
	.book05 { width: 239px; height: 320px; position: absolute; left: 400px; top: 450px;}
	.book06 { width: 222px; height: 254px; position: absolute; left: 710px; top: 500px;}
	.book07 { width: 253px; height: 300px; position: absolute; left: 80px; top: 830px;}
	.book08 { width: 253px; height: 300px; position: absolute; left: 390px; top: 834px; z-index: 999;}

/**********************
	Soulfood
***********************/
#soulfood { width: 100%; }
.soulfood { width: 1000px; height: 900px; margin: 0 auto; position: relative; }
	.soul_logo { width: 170px; height: 112px; z-index: 997;  position: absolute; left: 0px; top: 50px; }
	.soulfood_board { width: 600px; height: 600px; z-index:900; position: absolute; right: -100px; bottom: 0px;}
	.souflood_fith { width: 996px; height: 413px; z-index:850; position: absolute; left: 0px; bottom: 0px; }
	.soulfood_fan { width: 647px; height: 749px;  z-index:860; position: absolute; left: -350px; top: 100px; }
	.soulfood_kitchen { width: 513px;  height: 632px; z-index:700; position: absolute; left: -100px; bottom: 0px; }
	.soulfood_napkin { width: 847px; height: 423px; z-index:800; position: absolute; left: 0px; bottom: 0px; }
	.soulfood_text {  width: 720px; height: 685px; z-index:750; position: absolute; left: 200px; top: 50px; }

/**********************
	Location
***********************/
#location { width: 100%; background: url("../images/bg_location.png") no-repeat left transparent; position: relative; }
.location { width: 1000px; height: 900px; margin: 0 auto; position: relative; }
.location_namecard {  width: 205px; height: 119px; z-index:800; position: absolute; left: 200px; top: 160px;}
.location01 {  width: 456px; height: 146px; z-index:800; position: absolute; right: 0px; top: 0px;}
.location02 {  width: 395px; height: 515px; z-index:800; position: absolute; right: -250px; bottom: 0px;}
.location03 {  width: 482px; height: 606px; z-index:900; position: absolute; left: 300px; top: 150px;}
.location04 {  width: 553px; height: 605px; z-index:800; position: absolute; left: 300px; top: 150px;}


/**********************
	Footer
***********************/
#footer { width: 100%; height: 120px; z-index:999; position: absolute; } 
.footer { width: 1000px; height: 100px; margin: 0 auto; padding-top: 20px; }


 #pop{
  width:300px; height:400px; background:#3d3d3d; color:#fff;  
  position:absolute; top:100px; left:300px; text-align:center; 
  border:2px solid #000; z-index: 999;
   }



 #pop2{
  width:300px; height:400px;  color:#fff;  
  position:absolute; top:10px; left:30%; text-align:center; 
z-index: 999;
   }