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



/* layout */


#header_main {position:fixed; top:0; left:0; width:100%; z-index:1000;}
#header_main .top_menu {width:100%; padding:0 50px; margin:0 auto; box-sizing:border-box;}
#footer_main {position:absolute; bottom:0; width:100%; background:#282828; z-index:1001; overflow:hidden;}
#footer_main .copyright {width:100%; padding:20px 0; margin:0 auto; margin-left:20px; font-size:12px; color:#fff;}



.main_menu {position:absolute; top:60px; left:0; z-index:100;}
.main_menu_icon {float:left; width:64px; height:64px; background:url(/special/kfuture/english/images/main/menu_icon.gif) repeat;}
.main_menu_text {float:left; height:64px; background:url(/special/kfuture/english/images/main/menu_bg.png) repeat; padding-right:20px;}
.main_menu_text_logo {color:#FFF; font-size:11px; margin-top:11px; margin-left:20px;}
.main_menu_text_title {color:#FFF; font-size:24px; margin-left:20px;}


@media all and (max-height:700px){
	.main_menu_text {display:none;}
}

.main_gnb {position:absolute; width:792px; left:-792px; height:100%; z-index:1005; background-color:#fff5e5;}

.main_gnb ul {clear:both; margin-left:100px; margin-right:100px;}
.main_gnb ul a {font-size:25px; color:#222222;}
.main_gnb ul a:hover {color:#9347ad; text-decoration:none;}
.main_gnb ul ul {clear:both; margin-left:40px; margin-top:10px;}
.main_gnb ul ul a {font-size:18px; color:#6a685e;}
.main_gnb ul ul a:hover {color:#9347ad; text-decoration:none;}

.main_gnb ul li {margin-top:15px; border-bottom:1px solid #d9d9cf; padding-bottom:15px;}
.main_gnb ul li li {margin-top:5px; border-bottom:0; padding:0;}


.menu_close {float:right; width:40px; height:40px; margin:20px 20px 10px 0;}
.menu_close a {display:block; width:40px; height:40px; background:url(/special/kfuture/english/images/main/menu_close.png) center center no-repeat;}
.menu_close a:hover {background:url(/special/kfuture/english/images/main/menu_close_on.png) center center no-repeat;}


.gnb_share_main {display:block; position:absolute; top:70px; right:10px; z-index:101;}
.gnb_share_main span {display:none;}
.gnb_share_main a.btn_facebook {display:block; float:left; width:45px; height:45px; background:url(/special/kfuture/english/images/btn_gnb_facebook.png) no-repeat;}
.gnb_share_main a.btn_twitter {display:block; float:left; width:45px; height:45px; margin-left:5px; background:url(/special/kfuture/english/images/btn_gnb_twitter.png) no-repeat;}



.page_nav {position:absolute; top:50%; right:20px; margin-top:-38px; z-index:102;}
.page_nav a {display:block; width:12px; height:12px; margin:4px 0 4px 0; background:url(/special/kfuture/english/images/main/nav_mark.png) center center no-repeat;}
.page_nav a:hover {background:url(/special/kfuture/english/images/main/nav_mark_on.png) center center no-repeat;}
.page_nav a.curr {background:url(/special/kfuture/english/images/main/nav_mark_on.png) center center no-repeat;}

.main_section_cont {position:relative; width:100%; height:100%; margin-bottom:-20px; overflow:hidden;}
.main_section_01 {position:absolute; top:0;left:0; width:102%; height:100%; margin-left:-2px; background:url(/special/kfuture/english/images/main/back_01.jpg) center center no-repeat; background-size:cover;}
.main_section_02 {position:absolute; top:100%;left:0; width:102%; height:100%; margin-left:-2px; background:url(/special/kfuture/english/images/main/back_02.jpg) center center no-repeat; background-size:cover;}
.main_section_03 {position:absolute; top:100%;left:0; width:102%; height:100%; margin-left:-2px; background:url(/special/kfuture/english/images/main/back_03.jpg) center center no-repeat; background-size:cover;}
.main_section_04 {position:absolute; top:100%;left:0; width:102%; height:100%; margin-left:-2px; background:url(/special/kfuture/english/images/main/back_04.jpg) center center no-repeat; background-size:cover;}
.main_section_05 {position:absolute; top:100%;left:0; width:102%; height:100%; margin-left:-2px; background:url(/special/kfuture/english/images/main/back_05.jpg) center center no-repeat; background-size:cover;}

.contents_area_01 {position:relative; width:100%; height:100%;}
.contents_area_02 {position:relative; width:100%; height:100%;}
.contents_area_03 {position:relative; width:100%; height:100%;}
.contents_area_04 {position:relative; width:100%; height:100%;}
.contents_area_05 {position:relative; width:100%; height:100%;}




.section_01_bg {position:absolute; top:50%; left:50%; width:782px; height:262px; margin-top:-132px; margin-left:-392px; border:1px solid #a69a8b; background:url(/special/kfuture/english/images/main/section_01_bg.png) repeat;}
.section_01_txt01 {left:50%; margin-top:37px; font-size:25px; text-align:center; color:#FFF;}
.section_01_txt02 {margin-top:8px; width:782px; font-size:50px; text-align:center; color:#f2bcb8;}
.section_01_txt03 {margin-top:8px; font-size:18px; text-align:center; color:#FFF;}
.section_01_img01 {position:absolute; top:50%; left:50%; margin-top:172px; margin-left:-33px;}

.section_01_source {position:absolute; bottom:30px; right:60px; font-size:14px; color:#FFF; text-shadow:1px 1px 2px #000000;}

.section_02_txt01 {position:absolute; top:50%; margin-top:-240px; width:100%; text-align:center; font-size:80px; color:#ffffff;}
.section_02_txt02 {position:absolute; top:50%; margin-top:-143px; width:100%; text-align:center; font-size:16px; color:#FFF;}

.section_02_box01 {position:absolute; top:50%; left:50%; margin-top:-84px; margin-left:-290px; width:280px; height:280px; background-color:#1f1f1f;}
.section_02_box02 {position:absolute; top:50%; left:50%; margin-top:-84px; margin-left:10px; width:280px; height:280px; background-color:#1f1f1f;}

.section_02_box01_area {position:relative; top:0; left:0; width:280px; height:280px; cursor:pointer; overflow:hidden;}
.section_02_img01 {opacity:0.3; position:absolute; top:0; left:0;}
.section_02_txt03 {position:absolute; color:#FFF; top:0; left:0; margin-top:129px; width:280px; display:table-cell; text-align:center; vertical-align:middle;}
.section_02_txt03 span img{padding:2px 0 0 4px;}

.section_02_box02_area {position:relative; top:0; left:0; width:280px; height:280px; cursor:pointer; overflow:hidden;}
.section_02_img02 {opacity:0.3; position:absolute; top:0; left:0;}
.section_02_txt04 {position:absolute; color:#FFF; top:0; left:0; margin-top:129px; width:280px; display:table-cell; text-align:center; vertical-align:middle;}
.section_02_txt04 span img{padding:2px 0 0 4px;}

.section_03_txt01 {position:absolute; top:50%; margin-top:-260px; width:100%; text-align:center; font-size:48px; color:#ffffff;}
.section_03_box01 {position:absolute; top:50%; left:50%; margin-top:-171px; margin-left:-500px; width:500px; height:250px; background-color:#FFF; background:url(/special/kfuture/english/images/main/section_03_img01.gif) center center no-repeat;}
.section_03_box01 a {display:block; height:250px;}
.section_03_box01 a:hover div {text-decoration:underline;}
.section_03_box02 {position:absolute; top:50%; left:50%; margin-top:-171px; margin-left:0; width:500px; height:250px; background-color:#f8edd1; background:url(/special/kfuture/english/images/main/section_03_img02.gif) center center no-repeat;}
.section_03_box02 a {display:block; height:250px;}
.section_03_box02 a:hover div {text-decoration:underline;}
.section_03_box03 {position:absolute; top:50%; left:50%; margin-top:79px; margin-left:-500px; width:250px; height:250px; background-color:#b29f7f; background:url(/special/kfuture/english/images/main/section_03_img03.png) center center no-repeat;}
.section_03_box03 a {display:block; height:250px;}
.section_03_box03 a:hover div {text-decoration:underline;}
.section_03_box04 {position:absolute; top:50%; left:50%; margin-top:79px; margin-left:-250px; width:250px; height:250px; background-color:#9f8d76; background:url(/special/kfuture/english/images/main/section_03_img04.gif) center center no-repeat;}
.section_03_box04 a {display:block; height:250px;}
.section_03_box05 {position:absolute; top:50%; left:50%; margin-top:79px; margin-left:0; width:250px; height:250px; background-color:#f4d05e;}
.section_03_box05 a {display:block; height:250px;}
.section_03_box05 a:hover div {text-decoration:underline;}
.section_03_box06 {position:absolute; top:50%; left:50%; margin-top:79px; margin-left:250px; width:250px; height:250px; background-color:#413b23;}
.section_03_box06 a {display:block; height:250px;}
.section_03_box06 a:hover div {text-decoration:underline;}


.section_03_box01_txt01 {position:absolute; top:68px; left:301px; font-size:21px; font-weight:bold; color:#333333;}
.section_03_box01_txt02 {position:absolute; top:153px; left:301px; font-size:14px; color:#666666;}
.section_03_box01_txt02 a {color:#666666; text-decoration:none;}
.section_03_box01_txt02 a:hover {color:#9347ad; text-decoration:underline;}
.section_03_box02_txt01 {margin-top:79px; width:250px; text-align:center; font-size:21px; font-weight:bold; color:#333333;}
.section_03_box02_txt02 {position:absolute; top:153px; left:83px; font-size:14px; color:#666666;}
.section_03_box02_txt02 a {color:#666666; text-decoration:none;}
.section_03_box02_txt02 a:hover {color:#9347ad; text-decoration:underline;}
.section_03_box03_txt01 {margin-top:78px; text-align:center; font-size:21px; font-weight:bold; color:#ffffff;}
.section_03_box03_txt02 {position:absolute; top:153px; left:34px; font-size:14px; color:#ffffff;}
.section_03_box03_txt02 a {color:#666666; text-decoration:none;}
.section_03_box03_txt02 a:hover {color:#9347ad; text-decoration:underline;}

.section_03_box04_mark {position:absolute; top:50%; left:50%; margin-top:-24px; margin-left:-24px; width:48px; height:48px;}
a .section_03_box04_mark {display:block; width:48px; height:48px; background:url(/special/kfuture/english/images/main/mark_02.png) center center no-repeat;}
a:hover .section_03_box04_mark {width:48px; height:48px; background:url(/special/kfuture/english/images/main/mark_02_over.png) center center no-repeat;}


.section_03_box05_txt01 {margin-top:79px; text-align:center; font-size:21px; font-weight:bold; color:#333333;}
.section_03_box05_txt02 {position:absolute; top:153px; left:83px; font-size:14px; color:#666666;}
.section_03_box05_txt02 a {color:#666666; text-decoration:none;}
.section_03_box05_txt02 a:hover {color:#9347ad; text-decoration:underline;}
.section_03_box06_txt01 {margin-top:65px; text-align:center; font-size:21px; font-weight:bold; color:#ffffff; text-align:center;}
.section_03_box06_txt02 {position:absolute; top:153px; left:83px; font-size:14px; color:#ffffff;}
.section_03_box06_txt02 a {color:#666666; text-decoration:none;}
.section_03_box06_txt02 a:hover {color:#9347ad; text-decoration:underline;}





.section_04_txt01 {position:absolute; top:50%; margin-top:-265px; width:100%; text-align:center; font-size:60px; color:#333333;}

.section_04_box01 {position:absolute; top:50%; left:50%; margin-top:-171px; margin-left:-500px; width:250px; height:250px; background:url(/special/kfuture/english/images/main/section_04_bg_01.png) repeat;}
.section_04_box01 a {display:block; height:250px;}
.section_04_box01 a:hover div {text-decoration:underline;}
.section_04_box02 {position:absolute; top:50%; left:50%; margin-top:-171px; margin-left:-250px; width:250px; height:250px; background:url(/special/kfuture/english/images/main/section_04_img01.gif) center center no-repeat;}
.section_04_box03 {position:absolute; top:50%; left:50%; margin-top:79px; margin-left:0; width:250px; height:250px; background:url(/special/kfuture/english/images/main/section_04_bg_02.png) repeat;}
.section_04_box03 a {display:block; height:250px;}
.section_04_box03 a:hover div {text-decoration:underline;}
.section_04_box04 {position:absolute; top:50%; left:50%; margin-top:-171px; margin-left:250px; width:250px; height:250px; background-color:#ffffff;}
.section_04_box04 a {display:block; height:250px;}
.section_04_box04 a:hover div {text-decoration:underline;}




.section_04_box01_txt01 {margin-top:66px; text-align:center; font-size:21px; font-weight:bold; color:#333333; text-align:center;}
.section_04_box01_txt02 {position:absolute; top:153px; left:50%; margin-left:-43px; font-size:14px; color:#666666;}
.section_04_box01_txt02 a {color:#666666; text-decoration:none;}
.section_04_box01_txt02 a:hover {color:#9347ad; text-decoration:underline;}



.section_04_box03_txt01 {margin-top:78px; text-align:center; font-size:21px; font-weight:bold; color:#333333; text-align:center;}
.section_04_box03_txt02 {position:absolute; top:153px; left:50%; margin-left:-43px; font-size:14px; color:#ffffff;}
.section_04_box03_txt02 a {color:#ffffff; text-decoration:none;}
.section_04_box03_txt02 a:hover {color:#9347ad; text-decoration:underline;}


.section_04_box04_txt01 {margin-top:63px; text-align:center; font-size:21px; font-weight:bold; color:#333333; text-align:center;}
.section_04_box04_txt02 {position:absolute; top:153px; left:50%; margin-left:-43px; font-size:14px; color:#666666;}
.section_04_box04_txt02 a {color:#666666; text-decoration:none;}
.section_04_box04_txt02 a:hover {color:#9347ad; text-decoration:underline;}


.section_05_box01 {position:absolute; top:50%; left:50%; margin-top:-250px; margin-left:-500px; width:1000px; height:250px; background:url(/special/kfuture/english/images/main/section_05_img05.gif) center center no-repeat;}
.section_05_box01 a:hover {text-decoration:none;}
.section_05_box01_con {text-align:center; font-size:48px; font-weight:bold; color:#333333; text-decoration:none; padding-top:95px;}
.section_05_box01_event {position:absolute; top:50%; left:0; margin-top:-42px; width:180px; height:83px; background-color:#FFF; font-size:40px; color:#222222; line-height:84px; font-weight:normal;}


.section_05_box02 {position:absolute; top:50%; left:50%; margin-top:0; margin-left:-500px; width:500px; height:250px;}
.section_05_box03 {position:absolute; top:50%; left:50%; margin-top:0; margin-left:0; width:500px; height:250px;}



.preloader_area {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#FFF; z-index:1006;}


.section_arrow_02 {position:absolute; top:50%; width:100%; height:66px; margin-top:230px; background:url(/special/kfuture/english/images/main/arrow_down_main.png) center center no-repeat;}
.section_arrow_03 {position:absolute; top:50%; width:100%; height:66px; margin-top:330px; background:url(/special/kfuture/english/images/main/arrow_down_main.png) center center no-repeat;}
.section_arrow_04 {position:absolute; top:50%; width:100%; height:66px; margin-top:330px; background:url(/special/kfuture/english/images/main/arrow_down_main.png) center center no-repeat;}

/* //layout */