@import url('basic.css');
	@import url('common.css');
	@import url('others.css');
	.home {
	width:100%;
	overflow-x:hidden;
}
.home.main {
	background:url(../images/main/main_bg.jpg) no-repeat center 0;
}
.wrapper {
	width:100%;
	max-width:1200px;
	min-width:320px;
	margin:0 auto;
	position:relative;
}
#header {
	position:static;
	transition:all 0.3s ease;
	z-index:500;
	background:#fff;
	height:50px;
}
#header.on {
	position:fixed;
	height:59px;
	background-color:rgba(47,52,62,0.9);
	top:0;
	left:0;
	width:100%;
	-webkit-box-shadow:0 1px 15px rgba(0,0,0,0.15);
	-moz-box-shadow:0 1px 15px rgba(0,0,0,0.15);
	box-shadow:0 1px 15px rgba(0,0,0,0.15);
}
#header.on .gnb_wrap .sns_box {
	display:none;
}
#header.on .gnb_wrap .logo_box {
	margin-top:10px;
}
#header.on .gnb_wrap .logo_box img {
	width:180px;
}
#header.on .gnb_wrap .gnb_box {
	float:right;
	position:relative;
	margin-top:0;
}
#header.on .gnb_wrap .gnb_box .depth01 > a {
	height:58px;
	line-height:50px;
	color:#fff;
}
#header.on .gnb_wrap .gnb_box .depth01 > a:after {
	display:none;
}
#header.on .gnb_wrap .gnb_box .depth01 > a:hover,#header.on .gnb_wrap .gnb_box .depth01 > a:focus,#header.on .gnb_wrap .gnb_box .depth01 > a.active {
	background:#;
	color:#fff;
}
#header.on .gnb_wrap .gnb_box .depth01 .depth02 {
	top:58px;
}
#header.on .gnb_wrap .gnb_box .depth01 .depth02 li:first-child a {
	border-top:0;
}
#header.on .gnb_wrap .gnb_box .depth01 .depth02 li a {
	background:#8e94a0;
	color:#fff;
	border:0;
}
#header.on .gnb_wrap .gnb_box .depth01 .depth02 li a:hover,#header.on .gnb_wrap .gnb_box .depth01 .depth02 li a:focus {
	color:#ef4230;
}
#header.on .gnb_wrap .gnb_box .depth01 .depth02 .depth03 li:first-child a {
	border-top:0;
}
#header.on .gnb_wrap .gnb_box .depth01 .depth02 .depth03 li a {
	font-size:14px;
	color:#fff;
	background:#636b7c;
	border-top:1px solid #eee;
}
#header.on .gnb_wrap .gnb_box .depth01 .depth02 .depth03 li a:hover,#header.on .gnb_wrap .gnb_box .depth01 .depth02 .depth03 li a:focus {
	text-decoration:underline !important;
	background:#4b5262;
	color:#fff;
}
#header.on .gnb_wrap .search_wrap {
	top:10px;
}
.gnb_wrap .sns_box {
	position:absolute;
	bottom:-30px;
	left:0;
	width:180px;
	height:30px;
	text-align:center;
	padding:0 20px;
	background:#fff;
	z-index:1;
}
.gnb_wrap .sns_box a {
	display:inline-block;
	vertical-align:middle;
	margin:2px 10px;
	width:18px;
	height:19px;
	font-size:0;
	background:url(../images/icon/socail_i2.png) no-repeat 0 0;
}
.gnb_wrap .sns_box a.sns_01 {
	background-position:0 0;
}
.gnb_wrap .sns_box a.sns_02 {
	background-position:-40px 0;
}
.gnb_wrap .sns_box a.sns_03 {
	background-position:-85px 0;
}
.gnb_wrap .logo_box {
	float:left;
	margin-top:10px;
	width:21%;
	margin-right:4%;
	margin-left:4%;
	transition:all 0.3s ease;
}
.gnb_wrap .logo_box img {
	transition:all 0.3s ease;
	width:242px;
}
.gnb_wrap .search_wrap {
	position:absolute;
	top:30px;
	right:0;
	transition:all 0.3s ease;
}
.gnb_wrap .search_wrap .btn_search {
	margin-top:10px;
	float:left;
	background:url(../images/icon/find_i.png) no-repeat 0 0;
	width:27px;
	corsur:pointer;
}
.gnb_wrap .search_wrap .text_wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	display:none;
	padding:40px 0 40px;
	background:#666;
	text-align:center;
	box-sizing:border-box;
	z-index:9999;
}
.gnb_wrap .search_wrap .text_wrap .wrapper {
	padding-right:50px;
}
.gnb_wrap .search_wrap .text_wrap .btn_close {
	display:inline-block;
	margin-top:30px;
	color:#fff;
}
.gnb_wrap .search_wrap .text_wrap .text {
	width:100%;
	box-sizing:border-box;
	background:#fff;
	height:40px;
	line-height:40px;
	border:1px solid #ccc;
	padding:5px;
}
.gnb_wrap .search_wrap .search_btn_inner {
	position:absolute;
	top:0;
	right:10px;
	display:block;
	font-size:25px;
	color:#fff;
}
.gnb_wrap .gnb_box {
	float:right;
	width:400px;
	position:relative;
}
.gnb_wrap .depth01 {
	position:relative;
	float:left;
	font-weight:bold;
	padding-right:20px;
	padding-left:10px;
	margin-right:10px;
}
.gnb_wrap .depth01:hover > a:after {
	content:'';
	width:100%;
	height:4px;
	background:#ef4230;
	position:absolute;
	bottom:0px;
	left:0;
}
.gnb_wrap .depth01 > a {
	display:block;
	height:50px;
	line-height:49px;
	font-size:15px;
	text-align:left;
	color:#333;
	transition:all 0.4s ease;
}
.gnb_wrap .depth01 > a.active {
	background:;
	color:;
}
.gnb_wrap .depth01 > a.active:after,.gnb_wrap .depth01 > a:hover:after {
	content:'';
	width:100%;
	height:4px;
	background:#ef4230;
	position:absolute;
	bottom:0px;
	left:0;
}
.gnb_wrap .depth01 > a.last {
	padding:10px 0 10px 22px;
}
.gnb_wrap .depth01 .depth02 {
	display:none;
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	text-align:left;
	z-index:100;
}
.gnb_wrap .depth01 .depth02 > ul > li {
	float:none;
	padding:0;
	position:relative;
	min-width:200px;
}
.gnb_wrap .depth01 .depth02 > ul > li .active {
	display:block;
}
.gnb_wrap .depth01 .depth02 > ul > li:first-child > a {
	border-top:0;
}
.gnb_wrap .depth01 .depth02 > ul > li:last-child > a {
	padding-bottom:10px;
}
.gnb_wrap .depth01 .depth02 > ul > li > a {
	display:block;
	padding:5px 0px 0px 20px;
	color:#666;
	background:#fff;
	font-size:12px;
	font-weight:200;
	text-align:left;
	border-top:0;
	font-weight:bold;
}
.gnb_wrap .depth01 .depth02 > ul > li > a:hover,.gnb_wrap .depth01 .depth02 > ul > li > a:focus {
	background:#fff;
	color:#ef4230;
	border-color:#ef4230;
}
.gnb_wrap .depth01 .depth02 > ul > li .depth03 {
	position:absolute;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
}
.gnb_wrap .depth01 .depth02 > ul > li .depth03 li:first-child a {
	border-top:0;
}
.gnb_wrap .depth01 .depth02 > ul > li .depth03 li:first-child a:hover,.gnb_wrap .depth01 .depth02 > ul > li .depth03 li:first-child a:focus {
	border-top:0;
}
.gnb_wrap .depth01 .depth02 > ul > li .depth03 li a {
	display:block;
	padding:15px 0;
	font-size:14px;
	font-weight:200;
	text-align:center;
	color:#fff;
	background:#8e94a0;
	border-top:1px solid #ddd;
}
.gnb_wrap .depth01 .depth02 > ul > li .depth03 li a:hover,.gnb_wrap .depth01 .depth02 > ul > li .depth03 li a:focus {
	text-decoration:none !important;
	background:#636b7c;
	color:#fff;
	border-top:1px solid #ddd;
}
.nav_btn_box {
	display:none;
}
.nav_bg {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:60;
	display:none;
}
.gnb_mobile {
	display:none;
	position:fixed;
	top:0;
	left:-100%;
	z-index:9999999;
	width:290px;
	height:100%;
	background:#fff;
}
.gnb_mobile .gnb_box {
	height:500px;
	overflow-y:auto;
}
.gnb_mobile .m_top {
	background:#fff;
	padding:12px 0;
}
.gnb_mobile .m_top .txt {
	margin-left:15px;
	color:#ddd;
	font-size:16px;
	font-weight:300;
	letter-spacing:2px;
}
.gnb_mobile .m_top .logo_inner {
	margin-left:10px;
	padding:8px 0 5px 0;
	display:inline-block;
}
.gnb_mobile .m_top .logo_inner img {
	width:120px;
}
.gnb_mobile .m_top .nav_btn_off {
	position:absolute;
	top:14px;
	right:15px;
}
.gnb_mobile .m_top .nav_btn_off img {
	width:20px;
	height:20px;
}
.gnb_mobile .log_menu_box {
	padding:20px 0;
	background:#fff;
}
.gnb_mobile .log_menu_box li {
	float:left;
	width:25%;
}
.gnb_mobile .log_menu_box li a {
	display:block;
	background:#fafafa url(../images/main/top_men_im.png) no-repeat;
	background-size:280px;
	color:#333;
	border:1px solid #ddd;
	text-align:center;
	font-size:12px;
	padding:30px 0 3px 0px;
	margin-left:-1px;
}
.gnb_mobile .log_menu_box li.li_01 a {
	background-position:13px 2px;
}
.gnb_mobile .log_menu_box li.li_02 a {
	background-position:-109px 2px;
}
.gnb_mobile .log_menu_box li.li_03 a {
	background-position:-49px 2px;
}
.gnb_mobile .log_menu_box li.li_04 a {
	background-position:-170px 2px;
}
.gnb_mobile .log_menu_box li.li_05 a {
	background-position:-230px 2px;
}
.gnb_mobile .depth .depth01 > a {
	background:#f8f8f8 url(../images/nav/nav_down.png) no-repeat 95% center;
	background-size:15px auto;
	color:#333;
	border-bottom:1px solid #dadada;
	display:block;
	padding:10px 10px 10px 10px;
}
.gnb_mobile .depth .depth01 > a.no {
	background-image:none;
}
.gnb_mobile .depth .depth01 a.selected1 {
	background:#666666 url(../images/nav/nav_up.png) no-repeat 95% center;
	background-size:15px auto;
	color:#fff;
}
.gnb_mobile .depth .depth01 .depth02 li {
	background:#ffffff url(../images/nav/nav_st1.png) no-repeat 15px center;
}
.gnb_mobile .depth .depth01 .depth02 li > a {
	color:#666;
	border-bottom:1px solid #dadada;
	display:block;
	padding:12px 0 12px 30px;
}
.gnb_mobile .depth .depth01 .depth02 li a.selected2 {
	background:#666666 url(../images/nav/nav_up.png) no-repeat 95% center;
	color:#fff;
}
.gnb_mobile .depth .depth01 .depth02 li .click {
	background:url(../images/nav/nav_down.png) no-repeat 95% center;
}
.gnb_mobile .depth .depth01 .depth02 li .depth03 li > a {
	background:#e9e9e9 url(../images/nav/nav_st1.png) no-repeat 25px center;
	color:#666;
	border-bottom:1px solid #ccc;
	display:block;
	padding:12px 0 12px 40px;
}
@keyframes s_i {
	0% {
	bottom:12%;
}
50% {
	bottom:10%;
}
100% {
	bottom:12%;
}
}.visual_wrap {
	position:relative;
}
.visual_wrap .scroll_i {
	background:url(../images/icon/scroll_i.png) no-repeat 0 0;
	position:absolute;
	bottom:12%;
	left:50%;
	margin-left:-42px;
	width:84px;
	height:93px;
	z-index:5;
	-webkit-filter:drop-shadow(1px 1px 0px #333333);
	filter:drop-shadow(1px 1px 0px #333333);
}
.visual_wrap li {
	height:480px;
	position:relative;
}
.visual_wrap li .txt_box {
	position:absolute;
	height:310px;
	top:30px;
	left:0;
}
.visual_wrap li .txt_box .dis_tbl {
	height:100%;
}
.visual_wrap li.visual_01 {
	background:url(../images/main/visual_01.jpg) no-repeat center 0;
}
.visual_wrap li.visual_02 {
	background:url(../images/main/visual_02.jpg) no-repeat center 0;
}
.visual_wrap li.visual_03 {
	background:url(../images/main/visual_03.jpg) no-repeat center 0;
}
.visual_wrap li.visual_04 {
	background:url(../images/main/visual_04.jpg) no-repeat center 0;
}
.visual_wrap .bx-wrapper .bx-controls-direction .bx-prev {
	left:20px;
	width:45px;
	height:89px;
	margin-top:-44.5px;
	background:url(../images/slider/btn_left.png) no-repeat 0 0;
	-webkit-filter:drop-shadow(1px 1.5px 1.5px #333333);
	filter:drop-shadow(1px 1.5px 1.5px #333333);
}
.visual_wrap .bx-wrapper .bx-controls-direction .bx-next {
	right:20px;
	width:45px;
	height:89px;
	margin-top:-44.5px;
	background:url(../images/slider/btn_right.png) no-repeat 0 0;
	-webkit-filter:drop-shadow(1px 1.5px 1.5px #333333);
	filter:drop-shadow(1px 1.5px 1.5px #333333);
}
#main_slider .p_01,#main_slider .p_02,#main_slider .p_03,#main_slider .p_04 {
	transform:translateX(-50px);
	opacity:0;
	transition-delay:0;
	font-weight:400;
}
#main_slider .active-slide .p_01,#main_slider .active-slide .p_02,#main_slider .active-slide .p_03,#main_slider .active-slide .p_04 {
	transform:translateX(0);
	opacity:1;
	transition:all 1.5s ease-out;
}
#main_slider .p_01 {
	margin-bottom:20px;
}
#main_slider .p_02 {
	font-size:18px;
	color:#fff;
}
#main_slider .p_03 {
	margin-top:20px;
}
#main_slider .p_03 .t_line {
	padding-bottom:5px;
	position:relative;
	font-size:18px;
	color:#333;
}
#main_slider .p_03 .t_line:before {
	position:absolute;
	content:'';
	bottom:0;
	left:-30px;
	width:100%;
	padding-left:30px;
	height:1px;
	background:#666;
}
#main_slider .p_04 {
	margin-top:30px;
	font-size:20px;
	color:#333;
	letter-spacing:-2px;
}
#main_slider .active-slide .p_01 {
	transition-delay:800ms;
}
#main_slider .active-slide .p_02 {
	transition-delay:1000ms;
}
#main_slider .active-slide .p_03 {
	transition-delay:1000ms;
}
#main_slider .active-slide .p_04 {
	transition-delay:1000ms;
}
.btn_orange {
	display:block;
	width:200px;
	height:40px;
	line-height:40px;
	background:#ffa000;
	color:#fff;
	border-radius:4px;
	text-align:center;
	margin-top:30px;
	font-size:20px;
}
.section_01_wrap .row {
	margin:0;
}
.section_01_wrap .about_li {
	padding:0;
}
.section_01_wrap .about_li a {
	display:block;
	position:relative;
	overflow:hidden;
}
.section_01_wrap .about_li a:hover .txt_box {
	background-color:rgba(0,0,0,0.2);
}
.section_01_wrap .about_li a:hover .img_box {
	transform:scale(1.1);
}
.section_01_wrap .about_li a .img_box {
	height:350px;
	background:url(../images/main/section_01.jpg) no-repeat 0 0;
	background-size:cover;
	transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-webkit-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-moz-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-ms-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-o-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	width:100%;
}
.section_01_wrap .about_li a .txt_box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.section_01_wrap .about_li a .txt_box.dis_tbl {
	height:100%;
	color:#716969;
	height:350px;
}
.section_01_wrap .about_li a .txt_box.dis_tbl .dis_cel {
	padding:0 50px;
}
.section_01_wrap .about_li a .txt_box.dis_tbl .tit {
	font-size:35px;
	font-weight:300;
	letter-spacing:-1.5px;
	margin-bottom:20px;
	line-height:1.2;
	color:#6d6969;
}
.section_01_wrap .about_li a .txt_box.dis_tbl .tit .small {
	font-size:0.7em;
}
.section_01_wrap .about_li a .txt_box.dis_tbl .des {
	font-size:14px;
}
.section_01_wrap .notice_li {
	padding:0;
	margin-top:-50px;
	height:350px;
	background:#99adb3;
	background:url(../images/main/section_02.jpg) no-repeat 0 0;
}
.section_01_wrap .notice_li .inner {
	padding:50px 50px;
}
.section_01_wrap .notice_li .inner .tit {
	font-size:30px;
	color:#ffffff;
	margin-bottom:20px;
	font-weight:300;
}
.section_01_wrap .notice_li .inner .gr-bollet-li {
	color:#ccc;
}
.section_01_wrap .notice_li .inner .gr-bollet-li li {
	position:relative;
	line-height:2;
	background:none;
}
.section_01_wrap .notice_li .inner .gr-bollet-li li:before {
	content:'';
	background:#ddd;
	width:2px;
	height:2px;
	border-radius:10px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-1px;
}
.section_01_wrap .notice_li .inner .gr-bollet-li a {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	color:#ffffff;
}
.section_02_wrap .it_li:after {
	text-align:right;
	content:'';
	position:absolute;
	top:-10%;
	right:0;
	width:1px;
	height:130%;
	background:#fff;
}
.section_02_wrap {
	margin-top:-50px;
	background:url(../images/main/section_0202.jpg) no-repeat center 0;
	height:900px;
}
.section_02_wrap .row {
	margin:0 -60px;
}
.section_02_wrap .it_li,.section_02_wrap .bt_li {
	position:relative;
	top:230px;
	padding:0 60px;
	height:380px;
	vertical-align:top;
	color:#333;
}
.section_02_wrap .it_li .arrow_i,.section_02_wrap .bt_li .arrow_i {
	position:absolute;
	bottom:-50px;
	transition:1s cubic-bezier(0.19,1,0.22,1);
	-webkit-transition:1s cubic-bezier(0.19,1,0.22,1);
	-moz-transition:1s cubic-bezier(0.19,1,0.22,1);
	-ms-transition:1s cubic-bezier(0.19,1,0.22,1);
	-o-transition:1s cubic-bezier(0.19,1,0.22,1);
}
.section_02_wrap .it_li .arrow_i img,.section_02_wrap .bt_li .arrow_i img {
	-webkit-filter:drop-shadow(2px 2px 2px #333333);
	filter:drop-shadow(2px 2px 2px #333333);
}
.section_02_wrap .it_li a:hover .tit img,.section_02_wrap .bt_li a:hover .tit img {
	-webkit-filter:drop-shadow(2px 2px 2px #333333);
	filter:drop-shadow(2px 2px 2px #333333);
}
.section_02_wrap .it_li .tit,.section_02_wrap .bt_li .tit {
	margin-bottom:40px;
}
.section_02_wrap .it_li .tit img,.section_02_wrap .bt_li .tit img {
	transition:all 0.3s ease;
}
.section_02_wrap .it_li p,.section_02_wrap .bt_li p {
	color:#333;
	letter-spacing:-0.5px;
	text-shadow:0.1px 0.1px 0.2px #333,0 0 25px #fff,0 0 5px #fff;
}
.section_02_wrap .it_li {
	text-align:right;
}
.section_02_wrap .it_li a:hover .arrow_i {
	transform:translateX(-30px);
}
.section_02_wrap .it_li .arrow_i {
	right:60px;
	transform:translateX(0);
}
.section_02_wrap .bt_li {
	vertical-align:top;
	text-align:left;
	color:#333;
}
.section_02_wrap .bt_li a:hover .arrow_i {
	transform:translateX(30px);
}
.section_02_wrap .bt_li .arrow_i {
	left:60px;
	transform:translateX(0);
}
.section_03_wrap {
	position:relative;
	margin-bottom:30px;
	margin-top:-150px;
}
.section_03_wrap .row {
	margin:0;
}
.section_03_wrap:after {
	position:absolute;
	bottom:0;
	left:0;
	margin-left:-50%;
	content:'';
	background:#9aa7b8;
	width:100%;
	height:1px;
}
.section_03_wrap .customers_li {
	padding:0;
}
.section_03_wrap .learn_li {
	padding:0;
}
.section_03_wrap .learn_li a {
	position:relative;
	display:block;
}
.section_03_wrap .learn_li a:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-webkit-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-moz-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-ms-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-o-transition:3.5s cubic-bezier(0.19,1,0.22,1);
}
.section_03_wrap .learn_li a:hover:after {
	background-color:rgba(0,0,0,0.5);
}
.section_03_wrap .learn_li a:hover .txt_box {
	left:8%;
}
.section_03_wrap .learn_li a:hover .img_box img {
	transform:scale(1.1);
}
.section_03_wrap .learn_li a .img_box {
	overflow:hidden;
}
.section_03_wrap .learn_li a .img_box img {
	transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-webkit-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-moz-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-ms-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-o-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	width:100%;
}
.section_03_wrap .learn_li .txt_box {
	position:absolute;
	bottom:5%;
	left:5%;
	color:#fff;
	text-align:center;
	z-index:1;
	transition:1s cubic-bezier(0.19,1,0.22,1);
	-webkit-transition:1s cubic-bezier(0.19,1,0.22,1);
	-moz-transition:1s cubic-bezier(0.19,1,0.22,1);
	-ms-transition:1s cubic-bezier(0.19,1,0.22,1);
	-o-transition:1s cubic-bezier(0.19,1,0.22,1);
}
.section_04_wrap {
	text-align:center;
	padding:200px 0 180px 0;
}
.section_04_wrap .main_quick_list li {
	background:url(../images/main/quick_01.png) no-repeat center 0;
}
.section_04_wrap .main_quick_list li a {
	display:block;
	padding-top:120px;
	font-size:16px;
}
.section_04_wrap .main_quick_list li a h3 {
	position:relative;
	padding-top:20px;
}
.section_04_wrap .main_quick_list li a h3:before {
	position:absolute;
	top:0;
	left:50%;
	width:20px;
	height:1px;
	background:#999;
	margin-left:-10px;
	content:'';
}
.section_04_wrap .main_quick_list li + li {
	background:url(../images/main/quick_02.png) no-repeat center 0;
}
.section_04_wrap .main_quick_list li + li + li {
	background:url(../images/main/quick_03.png) no-repeat center 0;
}
.footer_wrap {
	text-align:center;
}
.footer_wrap .top_box {
	padding:20px 0;
	background:#2f343e;
}
.footer_wrap .top_box .sns_box {
	position:absolute;
	top:0;
	right:0;
}
.footer_wrap .top_box .sns_box a {
	display:inline-block;
	width:45px;
	height:45px;
	background:url(../images/icon/socail_i.png) no-repeat 0 0;
}
.footer_wrap .top_box .sns_box a.sns_01 {
	background-position:0 0;
}
.footer_wrap .top_box .sns_box a.sns_01:hover {
	background-position:0 -45px;
}
.footer_wrap .top_box .sns_box a.sns_02 {
	background-position:-45px 0;
}
.footer_wrap .top_box .sns_box a.sns_02:hover {
	background-position:-45px -45px;
}
.footer_wrap .top_box .sns_box a.sns_03 {
	background-position:-90px 0;
}
.footer_wrap .top_box .sns_box a.sns_03:hover {
	background-position:-90px -45px;
}
.footer_wrap .mid_box {
	background:#f2f2f2;
	padding:20px 0;
	margin-top:30px;
}
.cursor_default {
	cursor:default;
}
#top_btn {
	text-align:center;
	position:fixed;
	opacity:0.8;
	bottom:10px;
	right:10px;
	z-index:99999;
}
@media all and (max-width:1024px) {
	.m_block {
	display:block;
	margin-top:5px;
}
.wrapper {
	width:100%;
	padding:0 15px;
	box-sizing:border-box;
}
#header {
	height:60px;
	top:-60px;
}
#header.on {
	height:60px;
	top:0;
}
#header.on .gnb_wrap .sns_box {
	display:none;
}
#header.on .gnb_wrap .logo_box {
	margin-top:0;
}
#header.on .gnb_wrap .logo_box img {
	width:140px;
}
#header.on .gnb_wrap .gnb_box {
	display:none;
}
#header.on .gnb_wrap .search_wrap {
	top:17px;
}
#header.on .nav_btn_box a {
	background-image:url(../images/nav/nav_btn_wh.png);
}
.gnb_wrap > .wrapper > .clearfix {
	padding-right:40px;
}
.gnb_wrap .sns_box {
	position:absolute;
	bottom:-30px;
	left:0;
	width:180px;
	height:30px;
	text-align:center;
	padding:0 20px;
	background:#fff;
	z-index:1;
}
.gnb_wrap .sns_box a {
	display:inline-block;
	vertical-align:middle;
	margin:2px 10px;
	width:18px;
	height:19px;
	font-size:0;
	background:url(../images/icon/socail_i2.png) no-repeat 0 0;
}
.gnb_wrap .sns_box a.sns_01 {
	background-position:0 0;
}
.gnb_wrap .sns_box a.sns_02 {
	background-position:-40px 0;
}
.gnb_wrap .sns_box a.sns_03 {
	background-position:-85px 0;
}
.gnb_wrap .logo_box {
	float:left;
	margin-top:30px;
	width:19%;
	margin-right:2%;
	transition:all 0.3s ease;
}
.gnb_wrap .logo_box img {
	transition:all 0.3s ease;
	width:235px;
}
.gnb_wrap .search_wrap {
	display:none;
	top:17px;
	right:15px;
}
.gnb_wrap .search_wrap .btn_search {
	margin-top:0;
	float:none;
}
.gnb_wrap .search_wrap .text_wrap {
	padding:30px 0 30px;
}
.gnb_wrap .search_wrap .text_wrap .text {
	margin-right:0;
	width:100%;
}
.gnb_wrap .gnb_box {
	float:left;
	width:79%;
	position:relative;
	margin-top:22px;
}
.gnb_wrap .sns_box {
	display:none;
}
.gnb_wrap .gnb_box {
	display:none;
}
.top_menu .top_list {
	letter-spacing:-0.5px;
}
.gnb_wrap .top_icon_box {
	display:none;
}
.m_search_box {
	display:block;
}
.pc_top_right_box {
	display:none;
}
.nav_btn_box {
	position:absolute;
	top:18px;
	left:12px;
	display:block;
}
.nav_btn_box a {
	display:block;
	background:url(../images/nav/nav_btn.png) no-repeat 0 0;
	width:26px;
	height:20px;
	background-size:26px 20px;
}
.gnb_wrap > .wrapper > .clearfix {
	padding-right:0;
}
.gnb_wrap {
	height:60px;
}
.gnb_wrap .logo_box {
	float:none;
	text-align:center;
	margin-top:0;
	padding:20px 0 0 0;
	width:100%;
}
.gnb_wrap .logo_box img {
	width:140px;
}
.gnb_wrap .phone_no_box {
	right:10px;
	border-left:0;
	width:30px;
	height:56px;
	line-height:56px;
}
.gnb_wrap .phone_no_box a {
	background:url(../images/main/m_phone_i.png) no-repeat center;
	text-indent:-1000000000000000000px;
	background-size:20px;
	font-size:0;
}
.gnb_wrap .right_box {
	display:none;
}
.gnb_wrap .gnb_box {
	display:none;
}
.gnb_mobile {
	display:block;
}
.btn_sitemap {
	display:none;
}
.quick_list {
	display:none;
}
.gnb_wrap .btn_tel {
	margin-right:60px;
	top:20px;
}
.gnb_wrap .btn_tel img {
	width:100px;
}
.visual_wrap {
	overflow:hidden;
}
.visual_wrap .scroll_i {
	display:none;
}
.visual_wrap li {
	height:600px;
	position:relative;
}
.visual_wrap li .txt_box {
	position:absolute;
	top:150px;
	left:10%;
	width:700px;
}
.visual_wrap li.visual_01 {
	background-size:cover;
}
.visual_wrap li.visual_02 {
	background-size:cover;
}
.visual_wrap li.visual_03 {
	background-size:cover;
}
.visual_wrap li.visual_04 {
	background-size:cover;
}
#main_slider .p_01 img {
	width:400px;
}
#main_slider .p_02 {
	margin-top:10px;
}
#main_slider .p_03 {
	margin-top:10px;
}
#main_slider .p_04 {
	margin-top:30px;
}
.section_01_wrap .wrapper {
	padding:0;
}
.section_01_wrap .about_li {
	padding:0;
}
.section_01_wrap .about_li a .txt_box.dis_tbl {
	height:100%;
	height:260px;
}
.section_01_wrap .about_li a .txt_box.dis_tbl .tit {
	font-size:30px;
}
.section_01_wrap .about_li a .img_box {
	height:260px;
}
.section_01_wrap .notice_li {
	margin-top:0;
	height:260px;
}
.section_01_wrap .notice_li .inner {
	padding:30px 50px;
}
.section_01_wrap .notice_li .inner .tit {
	font-size:30px;
}
.section_02_wrap {
	margin-top:0;
	background:url(../images/main/section_0202.jpg) no-repeat center 0;
	height:500px;
	background-size:cover;
	background-attachment:inherit;
}
.section_02_wrap .row {
	margin:0 -30px;
}
.section_02_wrap .it_li,.section_02_wrap .bt_li {
	position:relative;
	top:50px;
	padding:0 30px;
	height:345px;
}
.section_02_wrap .it_li .tit,.section_02_wrap .bt_li .tit {
	margin-bottom:40px;
}
.section_02_wrap .it_li .tit img,.section_02_wrap .bt_li .tit img {
	height:80px;
}
.section_03_wrap {
	position:relative;
	margin-bottom:30px;
	margin-top:0;
}
.section_03_wrap .wrapper {
	padding:0;
}
.section_03_wrap .row {
	margin:0;
}
.section_03_wrap:after {
	position:absolute;
	bottom:0;
	left:0;
	margin-left:-50%;
	content:'';
	background:#9aa7b8;
	width:100%;
	height:1px;
}
.section_03_wrap .customers_li {
	padding:0;
}
.section_03_wrap .learn_li {
	padding:0;
}
.section_03_wrap .learn_li a {
	position:relative;
	display:block;
}
.section_03_wrap .learn_li a:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-webkit-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-moz-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-ms-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-o-transition:3.5s cubic-bezier(0.19,1,0.22,1);
}
.section_03_wrap .learn_li a:hover:after {
	background-color:rgba(0,0,0,0.5);
}
.section_03_wrap .learn_li a:hover .txt_box {
	left:8%;
}
.section_03_wrap .learn_li a:hover .img_box img {
	transform:scale(1.1);
}
.section_03_wrap .learn_li a .img_box {
	overflow:hidden;
}
.section_03_wrap .learn_li a .img_box img {
	transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-webkit-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-moz-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-ms-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	-o-transition:3.5s cubic-bezier(0.19,1,0.22,1);
	width:100%;
}
.section_03_wrap .learn_li .txt_box {
	position:absolute;
	bottom:5%;
	left:5%;
	color:#fff;
	text-align:center;
	z-index:1;
	transition:1s cubic-bezier(0.19,1,0.22,1);
	-webkit-transition:1s cubic-bezier(0.19,1,0.22,1);
	-moz-transition:1s cubic-bezier(0.19,1,0.22,1);
	-ms-transition:1s cubic-bezier(0.19,1,0.22,1);
	-o-transition:1s cubic-bezier(0.19,1,0.22,1);
}
.section_04_wrap {
	padding:50px 0 50px 0;
}
.footer_wrap {
	padding:0 0;
	font-size:12px;
}
.footer_wrap .top_box {
	padding:10px 0;
}
.footer_wrap .top_box .sns_box {
	position:static;
	margin-bottom:10px;
}
.footer_wrap .top_box a img {
	width:130px;
}
.footer_wrap .mid_box {
	padding:30px 0;
}
}@media (max-width:767px) {
	.visual_wrap {
	overflow:hidden;
}
.visual_wrap li {
	height:350px;
	position:relative;
}
.visual_wrap li .txt_box {
	position:absolute;
	top:0;
	left:10%;
	width:82%;
	height:350px;
}
.visual_wrap li.visual_01 {
	background-size:cover;
}
.visual_wrap li.visual_02 {
	background-size:cover;
}
.visual_wrap li.visual_03 {
	background:url(../images/main/m-visual03.jpg) no-repeat center 0;
	background-size:cover;
}
.visual_wrap li.visual_04 {
	background-size:cover;
}
.visual_wrap .scroll_i {
	display:none;
}
#main_slider .p_01 {
	margin-bottom:20px;
}
#main_slider .p_01 img {
	width:200px;
}
#main_slider .p_02 {
	font-size:10px;
	letter-spacing:-0.5px;
}
.visual_wrap .bx-wrapper .bx-controls-direction .bx-prev {
	background-size:20px auto;
	left:10px;
	width:20px;
	height:50px;
	margin-top:-30px;
}
.visual_wrap .bx-wrapper .bx-controls-direction .bx-next {
	right:10px;
	background-size:20px auto;
	width:20px;
	height:50px;
	margin-top:-30px;
}
.section_02_wrap {
	background:url(../images/main/section_m0202.jpg) no-repeat center 0;
	height:650px;
	background-size:auto 650px;
}
.section_02_wrap .it_li {
	top:30px;
	display:inline-block;
	float:right;
	padding:20px 20px 20px 20px;
	height:auto;
	max-width:400px;
}
.section_02_wrap .it_li .arrow_i {
	bottom:0;
	position:static;
	margin-top:20px;
	background:none;
}
.section_02_wrap .it_li:after {
	display:none;
}
.section_02_wrap br {
	display:none;
}
.section_02_wrap .bt_li {
	top:50px;
	display:inline-block;
	float:left;
	padding:20px 20px 20px 20px;
	height:auto;
	max-width:400px;
}
.section_02_wrap .bt_li .arrow_i {
	bottom:0;
	background:none;
	position:static;
	margin-top:20px;
}
.section_02_wrap .bt_li,.section_02_wrap .it_li {
	background-color:rgba(255,255,255,0.3);
}
.section_02_wrap .bt_li .des p:first-child img,.section_02_wrap .it_li .des p:first-child img {
	max-width:340px;
	width:100%;
}
.section_02_wrap .it_li .tit,.section_02_wrap .bt_li .tit {
	margin-bottom:20px;
}
.section_02_wrap .it_li .tit img,.section_02_wrap .bt_li .tit img {
	height:40px;
}
.section_02_wrap li .des {
	font-size:13px;
}
.section_03_wrap .customers_li {
	height:200px;
	overflow:hidden;
	background:url(../images/main/section_03.png) no-repeat center bottom;
	background-size:cover;
}
.section_03_wrap .customers_li img {
	display:none;
}
.section_04_wrap {
	padding:30px 0 50px 0;
}
.section_04_wrap .main_quick_list li {
	background-size:60px auto;
}
.section_04_wrap .main_quick_list li + li {
	background-size:60px auto;
}
.section_04_wrap .main_quick_list li + li + li {
	background-size:60px auto;
}
.section_04_wrap .main_quick_list li a {
	display:block;
	padding-top:60px;
	font-size:15px;
}
.section_01_wrap .about_li a .txt_box.dis_tbl .des {
	font-size:13px;
}
}.wheel {
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-1.5px;
	height:8px;
	width:3px;
	display:block;
	background:#999;
	border-radius:10px;
}
.wheel {
	-webkit-animation:mouse-wheel 1.2s ease infinite;
	-moz-animation:mouse-wheel 1.2s ease infinite;
}
.scroll_down .unu {
	display:block;
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-9.5px;
	width:19px;
	height:11px;
	background:url(../images/icon/scroll_down.png) no-repeat 0 0;
}
@-webkit-keyframes mouse-wheel {
	0% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}
100% {
	opacity:0;
	-webkit-transform:translateY(6px);
	-ms-transform:translateY(6px);
	transform:translateY(6px);
}
}@-moz-keyframes mouse-wheel {
	0% {
	top:1px;
}
50% {
	top:2px;
}
100% {
	top:3px;
}
}.unu,.doi,.trei {
	-webkit-animation:mouse-scroll 1s infinite;
	-moz-animation:mouse-scroll 1s infinite;
}
.unu {
	-webkit-animation-delay:.3s;
	-moz-animation-delay:.3s;
	-webkit-animation-direction:alternate;
}
.doi {
	-webkit-animation-delay:.2s;
	-moz-animation-delay:.2s;
	-webkit-animation-direction:alternate;
}
@-webkit-keyframes mouse-scroll {
	0% {
	opacity:0;
}
50% {
	opacity:.5;
}
100% {
	opacity:1;
}
}@-moz-keyframes mouse-scroll {
	0% {
	opacity:0;
}
50% {
	opacity:.5;
}
100% {
	opacity:1;
}
}@-o-keyframes mouse-scroll {
	0% {
	opacity:0;
}
50% {
	opacity:.5;
}
100% {
	opacity:1;
}
}@keyframes mouse-scroll {
	0% {
	opacity:0;
}
50% {
	opacity:.5;
}
100% {
	opacity:1;
}
}