@charset "utf-8";
.background-scale{
	width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center left;
	overflow: hidden;
	/* -webkit-animation: mainScale 6s 1 ease-in-out normal;
	-moz-animation: mainScale 6s 1 ease-in-out normal;
	-ms-animation: mainScale 6s 1 ease-in-out normal;
	animation: mainScale 6s 1 ease-in-out normal; */
}

/***************
Animation
****************/
@keyframes mainScale {
    0%{
        transform:scale(1.1);
    }
    100%{
        transform:scale(1.0);
    }
}
/*Sfari, Chrome*/
@-webkit-keyframes mainScale {
    0%{
        transform:scale(1.1);
    }courser
    100%{
        transform:scale(1.0);
    }
}
/*Firefox*/
@-moz-keyframes mainScale {
    0%{
        transform:scale(1.1);
    }
    100%{
        transform:scale(1.0);
    }
}
/*ie*/
@-ms-keyframes mainScale {
    0%{
        transform:scale(1.1) rotate(.001deg);
    }
    100%{
        transform:scale(1.0) rotate(.001deg);
    }
}

@keyframes main_text {
    0%{
        opacity:0; transform:translateY(50px);
    }
    100%{
        opacity:1; transform:translateY(0);
    }
}


.main_slide .bx-wrapper {border:none; margin-bottom:0;}
.main_slide .bx-wrapper .bx-pager-item {margin-top:15px; margin-right:20px;}
.main_slide .bx-controls-direction.bx-pager {top:8px; right:20px; width:auto; bottom:0;}
.main_slide .bx-controls-direction .bx-controls-direction {z-index:9999;}
.main_slide .bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -20px !important; outline: 0; width: 61px !important; height: 40px !important; text-indent: -9999px; z-index: 9999; display:block;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff !important; border:1px solid #fff; z-index:9999;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a { background: #fff !important; border:1px solid #fff; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition:all 0.2s ease-in-out; z-index:9999; position:relative !important;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active::after {content:''; border:1px solid #ddd; border-radius:100%; width:30px; height:30px; position:absolute; top:-13px; left:-12.5px;}

.w_50p.fr.h_100p .bx-wrapper {border:none; margin-bottom:0;}
.w_50p.fr.h_100p .bx-wrapper .bx-pager-item {margin-top:15px; margin-right:20px;}
.w_50p.fr.h_100p .bx-controls-direction.bx-pager {top:8px; right:20px; width:auto; bottom:0; display:none !important;}
.w_50p.fr.h_100p .bx-controls-direction .bx-controls-direction {z-index:9999; display:none !important;}
.w_50p.fr.h_100p .bx-wrapper .bx-controls-direction a { display:none !important;position: absolute; top: 50%; margin-top: -20px !important; outline: 0; width: 61px !important; height: 40px !important; text-indent: -9999px; z-index: 9999; display:block;}
.w_50p.fr.h_100p .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff !important; border:1px solid #fff; z-index:9999;}
.w_50p.fr.h_100p .bx-wrapper .bx-pager.bx-default-pager a { display:none !important; background: #fff !important; border:1px solid #fff; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition:all 0.2s ease-in-out; z-index:9999; position:relative !important;}
.w_50p.fr.h_100p .bx-wrapper .bx-pager.bx-default-pager a.active::after {content:''; border:2px solid #ddd; border-radius:100%; width:12px; height:12px; position:absolute; top:-5px; left:-4.5px;}

.visual {height:100%; z-index:0 !important;}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6 {height:100%; z-index:0 !important; width:100% !important;}


.visual1 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}
.visual2 {background:url(../../img/00_main/visual02.jpg) center center no-repeat; background-size:cover;}
.visual3 {background:url(../../img/00_main/visual03.jpg) center center no-repeat; background-size:cover;}
.visual4 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}
.visual5 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}
.visual6 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}
.visual7 {background:url(../../img/00_main/visual01.jpg) center center no-repeat; background-size:cover;}

.slide_wrap p, .slide_wrap .pdiv {opacity:0; transform:translateY(50px);}
.slide_wrap p, .slide_wrap .pdiv2 {opacity:0; transform:translateY(50px);}
.slide_wrap p, .slide_wrap .pdiv3 {opacity:0; transform:translateY(50px);}

.slide_wrap .active-slide p {animation:main_text 1s 1 ease-in-out normal; animation-delay:0.3s; animation-fill-mode:forwards;}
.slide_wrap .active-slide .pdiv  {animation:main_text 1s 1 ease-in-out normal; animation-delay:0.8s; animation-fill-mode:forwards;}
.slide_wrap .active-slide .pdiv2  {animation:main_text 1s 1 ease-in-out normal; animation-delay:1.1s; animation-fill-mode:forwards;}
.slide_wrap .active-slide .pdiv3  {animation:main_text 1s 1 ease-in-out normal; animation-delay:1.4s; animation-fill-mode:forwards;}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {bottom:40px !important;}
#anchor_menu {position:fixed; top:50%; left:50px; z-index:30; text-align:left; transform:translateY(calc(-50% + 30px));}
#anchor_menu li {position:relative;}
#anchor_menu li a {display:inline-block; color:#fff; opacity:1;  margin-top:42px;}
#anchor_menu li a::before {content:''; position:absolute; top:20px; left:0; width:3px; height:50px; background:#fff;}

#anchor_menu li.active a {opacity:1;}
#anchor_menu li.active a::before {background:#7d010b;}
/*
*/

#anchor_menu li a span {margin-left:20px; line-height:1em; color:#fff; padding:7px 0; border-radius:20px; white-space:nowrap;}
#anchor_menu li.active a span {display:block; color:#fff; font-weight:bold; background:#fff; padding:7px 15px; color:#333;}

a.button_cont {background:#4F69C0; color:#fff; display:inline-block; padding:15px 40px;}
.sub_title {display:inline-block; background:#4F69C0; padding:5px 25px; border-radius:15px;}
.title {font-size:60px;}
.title.another_size {font-size:100px;}
.num_deco {position:absolute; top:-180px; left:160px; font-size:200px; color:#fff; opacity:0.2; font-weight:bold;}
#section03 .num_deco {right:auto; left:92px; top:-90px;}
#section04 .num_deco {right:auto; left:148px; top:-80px;}
#section05 .num_deco {right:auto; left:100px; top:-66px;}

.content {font-size:18px;}

.main_button1 {display:inline-block; line-height:1em; color:#333; border:2px solid #333; padding:15px 40px; border-radius:30px; transition:all 0.3s ease-in-out;}
.main_button1:hover {background:#fff; border:2px solid #fff; color:#df3c57;}

.main_title::after {content:url("../../img/layout/quick_btn.png"); margin-left:20px;}
.section { background-size:cover;}

.img_view {display:inline-block; width:72px; height:68px;}
.img_view .hover_off {opacity:1; transition:opacity 0.3s ease-in-out;}
.img_view .hover_active {opacity:0; transition:opacity 0.3s ease-in-out;}

.hover_shadow:hover .img_view .hover_off {opacity:0;}
.hover_shadow:hover .img_view .hover_active {opacity:1;}
.hover_fc_df3c57 {color:#333;}
.hover_shadow:hover .hover_fc_df3c57 {color:#df3c57;}
#section01 .main1_pager::before {content:""; background:black; width:25%; height:2px; position:absolute; top:0; left:0; }
#section01 .main1_pager_w::before {content:""; background:white; width:25%; height:2px; position:absolute; top:0; left:0; }
#section01 .main1_pager.list_2::before {left:25%;}
#section01 .main1_pager.list_3::before {left:50%;}
#section01 .main1_pager.list_4::before {left:75%;}


.main01 { height:495px;}
.main01 > div {position:absolute; top:50%; right:0; transform:translateY(-50%); }

.main02 > ul > li {height:455px; overflow:hidden;}
.main02 img {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; min-width:640px; height:auto;}
.main02 > ul > li p {transition:all 0.3s ease-in-out; }
.main02 > ul > li:hover p {display:block;}
.main02 > ul > li:hover .bg_b { opacity:1;}
.bg_b { transition:all 0.3s ease-in-out; }

/* .slide1::after {content:url("/img/board/slide_next.png"); position:absolute; top:50%; right:-30px; transform:translateY(-50%);}
.slide1::before {content:url("/img/board/slide_next.png"); position:absolute; top:50%; left:-30px; transform:translateY(-50%);}
.slide1 > div {height:480px; overflow:hidden;} */

.main03_active_line::after {content:""; width:250px; height:1px; background:black; display:inline-block; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.main03_active p {color:#333; font-weight:bold;}
.main03_active span {color:#333;}

.main03_list_m li > div::before {content:""; width:1px; height:30px; background:black; display:inline-block; position:absolute; top:-30px; right:50%; transform:translateX(-50%);}

.main04 ul li {background:#fff; height:60px;}
.main04 ul li:hover {box-shadow:5px 5px 5px rgba(0,0,0,0.1);}

.fp-table {display:table; width:100%;}
.fp-tableCell {display:table-cell; width:100%; margin:0 auto; vertical-align:middle}



#section02 .main_hover_wrap {width:33.33333333%; float:left; height:100%; transition:width 0.3s ease-in-out;}
#section02 .main_hover_wrap.hover_on {width:50%;}
#section02 .main_hover_wrap.non_hover {width:25%;}
#section02 .main_hover_wrap.main2_1 {background:url(../../img/00_main/main2_1.jpg) center center no-repeat; background-size:cover;}
#section02 .main_hover_wrap.main2_2 {background:url(../../img/00_main/main2_2.jpg) center center no-repeat; background-size:cover;}
#section02 .main_hover_wrap.main2_3 {background:url(../../img/00_main/main2_3.jpg) center center no-repeat; background-size:cover;}

.contact_us_button {color:#fff !important; background:transparent; display:inline-block; width:300px; height:60px; line-height:58px; border:1px solid #fff; transition:color 0.3s, background 0.3s ease-in-out;}
.contact_us_button:hover {color:#333 !important; background:#fff;}


.chatbox {transform: translateY(0);}

@keyframes motion {
	0% {transform: translateY(0);}
	100% {transform: translateY(10px);}
}

.main_button {width:130px; height:45px; background:transparent; border:1px solid #666; color:#333 !important; font-size:18px; transition:all 0.3s ease-in-out; text-align:center; display:inline-block; line-height:43px; border-radius:40px; font-weight: bold;}
.main_button:hover {border:1px solid #333 !important; color:#fff !important; background:#333;}

.main_button2 {width:130px; height:45px; border-radius:40px; background:transparent; border:1px solid #fff; color:#fff !important; font-size:20px; transition:all 0.3s ease-in-out; text-align:center; display:inline-block; line-height:43px; font-weight: bold;}
.main_button2:hover {background:#fff; color:#333 !important;}

.text_line {width:40px; height:5px; background:#009cff;}

.main_button3 {width:300px; height:60px; border-radius:60px; background:#fff; border:1px solid #009cff; color:#009cff !important; font-size:20px; transition:all 0.3s ease-in-out; text-align:center; display:inline-block; line-height:60px;}
.main_button4 {width:180px; height:60px; border-radius:60px; background:#fff; border:1px solid #009cff; color:#009cff !important; font-size:20px; transition:all 0.3s ease-in-out; text-align:center; display:inline-block; line-height:60px;}

.main_img1 {border-radius:15px; box-shadow:0 0 20px rgba(0,0,0,0.2);}

@media(max-width:767px)
{
	.visual {z-index:0 !important;}
	.slide1,
	.slide2,
	.slide3,
	.slide4,
	.slide5,
	.slide6 {z-index:0 !important; width:100% !important;}

	.dpt {display:table !Important;}

	.sponser_wrap {height:110px;}
	.sponser_wrap .ab {opacity:1;}

	#fullpage {overflow:hidden; width:100%;}

	.main_button {font-size:16px; color:#fff !Important; background:#333 !Important;}
	.main_button2 {font-size:16px; color:#333 !Important; background:#fff !Important;}
	.main_button3 {width:100%;}

	#section06 {width:100%;}
	#section07 {width:100%;}
	#section08 {width:100%;}
	#section09 {width:100%;}
	#section10 {width:100%;}

	.main_slide > div > div {width:130px;}
	#section01 h1 {padding-bottom:20px;}
	video.w_100p {width:auto !important;}
	.title {font-size:30px;}
	.content {font-size:14px;}
	.title {font-size:36px;}

	#section04 img.another-size {width:200px !important; height:auto !important; margin:auto;}
	#section04 .bx-wrapper {widtH:219px !important; margin:auto !important;}

	.title.another_size {font-size:40px;}

	.flR {float:none;}
	.flL {float:none;}

	h2.fc_white.fwn {margin-bottom:30px;}
	.container {width:100%;}

	.sub_title {font-size:12px; padding:5px 15px;}

	.mgt_50 {margin-top:30px;}
	.dptc {display:table-cell;}
	.section { background-size:auto; background-attachment:scroll;}

	#section02 {overflow:hidden;}

	.w_65p {width:100% !important;}
	.w_100 {width:80px;}

	.w_25p_m20.fl {width:calc(50% - 5px); margin-right:10px;}
	.w_25p_m20.fl:nth-child(2n) {margin-right:0;}
	.w_25p_m20.fl:nth-child(2n+1) {clear:both;}
	.w_25p_m20.fl:nth-child(3n+1) {clear:none;}

	.hover_shadow {opacity:1;}
	.hover_shadow .img_view .hover_off {opacity:0;}
	.hover_shadow .img_view .hover_active {opacity:1;}
	.img_view {width:50px !important; height:47px !important;}
	.mpdtb_50 {padding-top:50px !Important; padding-bottom:50px !Important;}

	.fs20 {font-size:16px;}
	#section02 h3 {font-size:15px;}

	.main_table_list:nth-child(n+4) {display:none;}

	.mfs18 {font-size:18px !important;}

	.slide1 > div {overflow:hidden;}
}