html {
	width: 100%; height: 100%; overflow: hidden;
}
body {
	width: 100%; height: 100%; overflow: hidden;
	background-position: 50% 50%; margin: 0px; background-image: url("../images/bg.png"); background-attachment: fixed; background-repeat: no-repeat; background-color: rgb(255, 255, 255);
}
a {
	border: 0px currentColor;
}
img {
	border: 0px currentColor;
}
div {
	text-decoration: none;
}
ul {
	list-style: none;
}
#n04_line img {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1;
}
#wrap {
	width: 100%; height: 100%; position: relative;  
}
#pages {
	width: 100%; height: 100%; position: relative;
}
#pages #facebook_link {
	right: 100px; bottom: 100px; position: absolute;
}
#top {
	position:absolute; top:0; left:0; width:100%; height:49px; padding-top:13px; z-index:5000;  background-image: url("../images/top_bg.png");
}
#topmenu {
	padding: 0px 0px 0px 0px; left: 50%; width: 968px; margin-left: -484px;
	position: absolute; cursor: pointer;
}
.logo {float:left;}
#gnb{float: right; width:702px; height:50px;}
#gnb li{float:left; width:138px; height:36px; text-align:center; }
#gnb li.bar {float:left; width:2px; height:36px; background:url('../images/sub/menu.png'); background-position:-138px 0px;}
/* MENU */
.hid	 {position:absolute; visibility:hidden; font-size:0; height:0px;}
.menu1					{width:138px; height:36px; background:url('../images/sub/menu.png'); background-position:0 0px; }
.menu1:hover		{background-position:0 -36px; }
.menu2					{width:138px; height:36px; background:url('../images/sub/menu.png'); background-position:-140px 0px; }
.menu2:hover		{background-position:-140px -36px; }
.menu3					{width:138px; height:36px; background:url('../images/sub/menu.png'); background-position:-280px 0px; }
.menu3:hover		{background-position:-280px -36px; }
.menu4					{width:138px; height:36px; background:url('../images/sub/menu.png'); background-position:-420px 0px; }
.menu4:hover		{background-position:-420px -36px; }
.menu5					{width:138px; height:36px; background:url('../images/sub/menu.png'); background-position:-560px 0px; }
.menu5:hover		{background-position:-560px -36px; }

#footer {
	width: 100%; height: 170px; display: none; position: relative; background-color: rgb(255, 255, 255);
}
#footer #fblike {
	left: 100px; top: 10px; position: absolute;
}
#footer #logo_smart {
	left: 10px; position: absolute;
}
#footer #copyrignt {
	right: 10px; position: absolute;
}
#logo {
	padding: 0px 0px 0px 0px; left: 50%; width: 968px; margin-left: -484px;
	position: absolute; cursor: pointer;
}
#copy {
	left: 50%; width: 1008px; height: 170px; margin-left: -504px;
	position: absolute; cursor: pointer;
}
#copy1 {
	left: 50%; width: 1008px; height: 170px; margin-left: -504px; bottom: -36px;
	position: absolute; 
}


#container {
	left: 50%; width: 950px; height: 100%; margin-left: -475px; position: relative;
}
#navi_container {
	top: 0px; width: 600px; height: 80px; right: 0px; position: absolute; z-index: 100;
}
#navi {
	top: 0px; width: 425px; height: 57px; right: 0px; position: absolute; background-image: url("../images/navi_bg.png");
}
#subnavi {
	top: 57px; width: 600px; height: 24px; right: 0px; overflow: hidden; position: absolute;
}
#empty {
	height: 30px;
}
#subnavi01 {
	width: 556px; height: 24px; right: 22px; background-image: url("../images/navi01_sub_bg.png");
}
#subnavi02 {
	width: 243px; height: 24px; right: 84px; background-image: url("../images/navi02_sub_bg.png");
}
#subnavi03 {
	width: 241px; height: 24px; right: 0px; background-image: url("../images/navi03_sub_bg.png");
}
#subnavi01_01 {
	width: 153px; height: 24px;
}
#subnavi01_02 {
	width: 155px; height: 24px;
}
#subnavi01_03 {
	width: 133px; height: 24px;
}
#subnavi01_04 {
	width: 118px; height: 24px;
}
#subnavi02_01 {
	width: 105px; height: 24px;
}
#subnavi02_02 {
	width: 139px; height: 24px;
}
#subnavi03_01 {
	width: 91px; height: 24px;
}
#subnavi03_02 {
	width: 151px; height: 24px;
}
.navi_item {
	margin-right: -1px; float: left; position: relative;
}
.navi_item img {
	display: none;
}
.btn_on {
	display: none;
}
.subnavi_items {
	top: -30px; position: absolute;
}
.subnavi_item {
	margin-right: -1px; float: left;
}
#arrow_right {
	top: 40%; width: 49px; height: 49px; margin-top: -25px; position: absolute; z-index: 100; cursor: pointer;
}
#arrow_left {
	top: 40%; width: 49px; height: 49px; margin-top: -25px; position: absolute; z-index: 100; cursor: pointer;
}
#arrow_right {
	background-image: url("../images/arrow_right.png");
}
#arrow_left {
	background-image: url("../images/arrow_left.png");
}
#arrow_right img {
	display: none;
}
#arrow_left img {
	display: none;
}
.obj {
	position: absolute;
}
.page {
	top: 40%; width: 1008px; height: 480px; margin-top: -300px; position: absolute; z-index: 10;
}
.index_arrow_right {
	right: -200px;
}
.index_arrow_left {
	left: -200px;
}
.tab_arrow_right {
	right: -50px;
}
.tab_arrow_left {
	left: -50px;
}
#n04_line {
	margin: -750px 0px 0px -1500px; left: 50%; top: 50%; display: none;
}

#index_more_btn01 {
	background-image: url("../images/index_more01_off.png");
}
#index_more_btn02 {
	background-image: url("../images/index_more01_off.png");
}
#index_more_btn03 {
	background-image: url("../images/index_more01_off.png");
}
#index_more_btn04 {
	background-image: url("../images/index_more01_off.png");
}

#mini_btn {
	top: 50%; left: 50%; width: 1008px; height: 170px; margin-top: 100px;
	bottom: -100px; margin-left: -504px; position: absolute; cursor: pointer;
}
.mini_btn_item {
	background-position: 50% 50%; margin: 8px; width: 18px; height: 18px; float: left; background-image: url("../images/index_mini_btn_circle.png"); background-repeat: no-repeat;
}
.mini_btn_item img {
	display: none;
}

.index_more_btn {
	width: 66px; height: 20px; margin-top: 10px;
}
.index_more_btn img {
	display: none;
}
.n01_tab2 {
	left: 550px; top: 45px;
}
.n01_tab1 {
	left: 235px; top: 70px;
}
.n01_text {
	left: -20px; top: 180px;
}
.n01_tab2_right {
	left: 930px; top: 45px;
}
.n01_tab1_right {
	left: 0px; top: 70px;
}
.n01_text_right {
	left: 500px; top: 120px;
}
.n01_tab2_left {
	left: 705px; top: 45px;
}
.n01_tab1_left {
	left: 305px; top: 70px;
}
.n01_text_left {
	left: -520px; top: 120px;
}
.n02_tab1 {
	left: 260px; top: 117px;
}
.n02_icon1 {
	left: 280px; top: 135px;
}
.n02_icon2 {
	left: 480px; top: 55px;
}
.n02_text1 {
	left: -20px; top: 180px;
}
.n02_graph {
	left: 240px; top: 280px;
}
.n02_tab1_right {
	left: 0px; top: 117px;
}
.n02_icon1_right {
	left: 480px; top: 135px;
}
.n02_icon2_right {
	left: 680px; top: 55px;
}
.n02_text1_right {
	left: 350px; top: 120px;
}
.n02_graph_right {
	left: 0px; top: 280px;
}
.n02_tab1_left {
	left: 300px; top: 117px;
}
.n02_icon1_left {
	left: -280px; top: 135px;
}
.n02_icon2_left {
	left: 80px; top: 55px;
}
.n02_text1_left {
	left: -500px; top: 120px;
}
.n02_graph_left {
	left: 140px; top: 280px;
}
.n03_pi {
	left: 180px; top: 50px;
}
.n03_book {
	left: 170px; top: 150px;
}
.n03_abc {
	left: 90px; top: 295px;
}
.n03_tab {
	left: 300px; top: 105px;
}
.n03_v2 {
	left: 235px; top: 452px;
}
.n03_text {
	left: -20px; top: 180px;
}
#n03_tab {
	cursor: pointer;
}
#n03_youtube {
	left: 45px; top: 46px; position: absolute;
}
.n03_pi_right {
	left: 180px; top: 50px;
}
.n03_book_right {
	left: 370px; top: 150px;
}
.n03_abc_right {
	left: 290px; top: 295px;
}
.n03_tab_right {
	left: 0px; top: 105px;
}
.n03_v2_right {
	left: 515px; top: 452px;
}
.n03_text_right {
	left: 430px; top: 120px;
}
.n03_pi_left {
	left: -20px; top: 50px;
}
.n03_book_left {
	left: -30px; top: 150px;
}
.n03_abc_left {
	left: -110px; top: 295px;
}
.n03_tab_left {
	left: 450px; top: 105px;
}
.n03_v2_left {
	left: 115px; top: 452px;
}
.n03_text_left {
	left: -370px; top: 120px;
}
.n04_box5 {
	left: 60px; top: -10px;
}
.n04_box4 {
	left: 970px; top: 130px;
}
.n04_box3 {
	left: -50px; top: 200px;
}
.n04_box2 {
	left: -60px; top: 460px;
}
.n04_box1 {
	left: 760px; top: 330px;
}
.n04_tab {
	left: 370px; top: 80px;
}
.n04_text {
	left: -20px; top: 180px;
}
.n04_line {
	left: -230px; top: -50px;
}
.n04_box5_right {
	left: 360px; top: -10px;
}
.n04_box4_right {
	left: 970px; top: 130px;
}
.n04_box3_right {
	left: -50px; top: 200px;
}
.n04_box2_right {
	left: -60px; top: 460px;
}
.n04_box1_right {
	left: 760px; top: 330px;
}
.n04_tab_right {
	left: 0px; top: 80px;
}
.n04_text_right {
	left: 800px; top: 100px;
}
.n04_line_right {
	left: -550px; top: -200px;
}
.n04_box5_left {
	left: 360px; top: -10px;
}
.n04_box4_left {
	left: 950px; top: 130px;
}
.n04_box3_left {
	left: -50px; top: 200px;
}
.n04_box2_left {
	left: -60px; top: 460px;
}
.n04_box1_left {
	left: 760px; top: 330px;
}
.n04_tab_left {
	left: 300px; top: 80px;
}
.n04_text_left {
	left: 400px; top: 100px;
}
.n04_line_left {
	left: -550px; top: -200px;
}
.n05_tab1 {
	left: 235px; top: 70px;
}
.n05_text {
	left: -20px; top: 180px;
}
.n05_tab2_right {
	left: 930px; top: 45px;
}
.n05_tab_right {
	left: 0px; top: 70px;
}
.n05_text_right {
	left: 500px; top: 120px;
}
.n05_tab2_left {
	left: 705px; top: 45px;
}
.n05_tab1_left {
	left: 305px; top: 70px;
}
.n05_text_left {
	left: -520px; top: 120px;
}


#tab_navi {
	margin: 0px auto 20px; width: 660px; height: 125px; position: relative;
}
#tab_container {
	width: 100%; height: 400px; position: relative;
}
#tab_sub {
	width: 100%; height: 500px; position: relative; z-index: 10;
}
#tab_sub_large_contents {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 100; background-color: rgb(255, 255, 255);
}
#tab_sub_large_content_xbtn {
	left: 50%; top: 50%; margin-top: -300px; margin-left: 350px; position: absolute; cursor: pointer;
}
.tab_gallery_container {
	left: 320px; top: 30px; position: absolute;
}
.tab_gallery_item {
	margin: 20px; width: 150px; height: 150px; float: left;
}
.tab_gallery_item img {
	display: none;
}
.tab_sub_large_item {
	position: absolute;
}
.tab_submenu_item {
	margin-right: -1px; float: left;
}
.tab_navi_item {
	padding: 0px 20px; width: 125px; height: 125px; float: left; cursor: pointer;
}
.tab_sub_item {
	top: -20px; width: 950px; height: 500px; display: none; position: absolute;
}
.tab_sub_large_item {
	left: 50%; top: 50%; margin-top: -350px; margin-left: -400px; display: none;
}

#app_navi {
	margin: 0px auto; width: 347px; height: 22px; background-image: url("../images/app_navi_bg.png");
}
#app_kids_titles {
	height: 170px; margin-top: 30px; position: relative;
}
#app_kids_title_text {
	left: 0px; position: absolute;
}
#app_kids_title_img {
	right: 0px; position: absolute;
}
#app_kids_contents {
	padding: 0px 0px 30px;
}
#app_kids_btn {
	width: 127px; height: 24px; margin-top: 10px; cursor: pointer; background-image: url("../images/app_kids_contents_btn_off.png");
}
#app_kids_btn img {
	opacity: 0;
}
.app_kids_item img {
	padding-right: 8px;
}
.app_navi_item {
	margin-right: -1px; float: left; cursor: pointer;
}
.line {
	margin: 30px 0px; width: 100%; height: 1px; background-color: rgb(224, 224, 224);
}
#app_hub_titles {
	height: 170px; margin-top: 30px; position: relative;
}
#app_hub_title_text {
	left: 0px; position: absolute;
}
#app_hub_title_img {
	right: 0px; position: absolute;
}
#app_hub_btn {
	width: 127px; height: 24px; margin-top: 10px; cursor: pointer; background-image: url("../images/app_hub_view_btn_off.png");
}
#app_hub_btn img {
	opacity: 0;
}
.app_hub_sub01_item {
	
}
.app_hub_sub01_item img {
	padding-right: 14px;
}
.app_hub_sub02_content_item {
	margin: 0px 0px 20px;
}
.app_hub_sub_title_text {
	margin: 60px 0px 30px;
}
.app_hub_sub_content {
	margin-left: 73px;
}
#clip_menu {
	width: 120px;
}
#clip_menu_container {
	height: 395px; overflow: hidden; position: relative;
}
#clip_menu_wrap {
	left: 0px; top: 0px; overflow: hidden; position: absolute;
}
.clip_menu_item {
	margin: 10px 0px; width: 120px; height: 73px;
}
.clip_menu_item img {
	display: none;
}
#clip_menu01 {
	background-image: url("../images/clip_menu01_off.png");
}
#clip_menu02 {
	background-image: url("../images/clip_menu02_off.png");
}
#clip_menu03 {
	background-image: url("../images/clip_menu03_off.png");
}
#clip_menu04 {
	background-image: url("../images/clip_menu04_off.png");
}
#clip_menu05 {
	background-image: url("../images/clip_menu05_off.png");
}
#clip_menu06 {
	background-image: url("../images/clip_menu06_off.png");
}
#clip_menu07 {
	background-image: url("../images/clip_menu07_off.png");
}
#clip_menu08 {
	background-image: url("../images/clip_menu08_off.png");
}
#clip_share {
	padding: 30px 0px 10px; width: 764px; height: 18px; text-align: right; margin-left: 130px;
}
#clip_share div {
	margin-left: 5px; float: right; cursor: pointer;
}
#clip_youtube {
	left: 130px; top: 0px; position: absolute;
}
#clip_content {
	position: relative;
}
#clip_arrow_up {
	text-align: center; margin-bottom: 5px; cursor: pointer;
}
#clip_arrow_down {
	text-align: center; margin-top: 5px; cursor: pointer;
}
#event_caution_pop {
	left: 270px; top: 310px; display: none; position: absolute; cursor: pointer;
}
#event_caution_btn {
	margin: 10px 0px 20px; width: 112px; height: 20px; cursor: pointer;
}
#event_menu {
	margin: 0px auto; width: 347px; height: 22px; background-image: url("../images/event_submenu_bg.png");
}
.event_menu_item {
	margin-right: -1px; float: left;
}
#event_title {
	padding: 30px 0px 0px; position: relative;
}
#event_title_img {
	right: 0px; bottom: 0px; position: absolute;
}
#event_share {
	margin: 0px auto; width: 173px; height: 32px; background-image: url("../images/event_share_bg.png");
}
#event_share div {
	float: left;
}
#event_select {
	height: 600px; position: relative;
}
#event_checkbox01 {
	left: 199px; top: 355px;
}
#event_checkbox02 {
	left: 303px; top: 355px;
}
#event_close_btn {
	left: 375px; top: 15px; width: 40px; height: 40px; position: absolute; cursor: pointer;
}
.event_select_item {
	margin: 15px; float: left; cursor: pointer;
}
.event_submit {
	margin: 15px; text-align: center;
}
.event_checkbox_item {
	width: 13px; height: 13px; position: absolute; cursor: pointer;
}
.event_hub_select_title {
	margin: 0px 0px 5px;
}
#event_popup_container {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
#event_popup_back {
	width: 100%; height: 100%; background-color: rgb(0, 0, 0);
}
#event_loading {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#event_loading img {
	margin: -25px 0px 0px -50px; left: 50%; top: 50%; position: absolute;
}
#event_popup {
	margin: -350px 0px 0px -210px; left: 50%; top: 50%; width: 436px; height: 684px; display: none; position: absolute; background-image: url("../images/event_popup_bg.png");
}
#username {
	left: 96px; top: 76px; width: 250px; height: 23px;
}
#phone1 {
	left: 96px; top: 110px; width: 70px; height: 23px;
}
#phone2 {
	left: 185px; top: 110px; width: 70px; height: 23px;
}
#phone3 {
	left: 274px; top: 110px; width: 70px; height: 23px;
}
#event_btn_container {
	left: 120px; top: 625px; position: absolute;
}
.event_input_text {
	border: 1px solid rgb(204, 204, 204); position: absolute;
}
.event_btn_item {
	margin: 5px; float: left;
}
#event2_youtube {
	position: relative;
}
#event2_youtube_content {
	width: 640px; height: 390px; background-color: black;
}
#event2_youtube_menu {
	left: 650px; top: 0px; position: absolute;
}
.event2_youtube_menu_item {
	margin-bottom: 6px;
}
#event2_caution_pop {
	left: 270px; top: 510px; display: none; position: absolute; cursor: pointer;
}
#event2_caution_btn {
	margin: 10px 0px 0px 10px; width: 112px; height: 20px; cursor: pointer;
}
#event2_title_youtube {
	left: 555px; top: 110px; position: absolute;
}
#event2_title {
	margin-top: 50px; margin-bottom: 50px;
}
#event2_select {
	margin: 20px 0px; width: 950px; height: 389px; text-align: center;
}
#event2_select_items {
	margin: 0px auto; width: 914px; height: 389px; cursor: pointer;
}
#event2_teacher {
	margin: 0px 0px 0px 20px;
}
#event2_info {
	margin: 30px 0px; padding: 0px 0px 0px 24px; width: 914px; position: relative;
}
#event2_submit {
	padding: 20px 0px 0px; width: 950px; text-align: center; margin-top: 22px;
}
#event2_popup_container {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
#event2_popup_back {
	width: 100%; height: 100%; background-color: rgb(0, 0, 0);
}
#event2_popup {
	margin: -350px 0px 0px -210px; left: 50%; top: 50%; width: 438px; height: 716px; position: absolute; background-image: url("../images/event2_popup_bg.png");
}
#event2_close_btn {
	left: 375px; top: 15px; width: 40px; height: 40px; position: absolute; cursor: pointer;
}
#event2_btn_container {
	left: 120px; top: 645px; position: absolute;
}
#event2_checkbox01 {
	left: 199px; top: 382px;
}
#event2_checkbox02 {
	left: 303px; top: 382px;
}
#age {
	left: 96px; top: 145px; width: 70px; height: 23px; position: relative;
}
.event2_select_item {
	margin-right: 8px; float: left;
}
#page01 {
	margin-top: -1500px;
}
#page02 {
	margin-left: 150%;
}
#page03 {
	margin-left: 250%;
}
#page04 {
	margin-left: -150%;
}
#page05 {
	margin-left: -250%;
}
#goldrush {
	top: 57px; right: 55px; position: absolute; z-index: 80;
}