@charset "utf-8";
@import url("reset.css");
@import url("normalize.css");
@import url("font_style.css");
@import url("common.css");

header { position:absolute; top:0; left:0; }

section { width:100%; height:100%; min-height:700px; position:relative; }

.open { width:169px; height:193px; position:absolute; left:50%; top:125px; margin-left:-600px; z-index:4; display:none; }
.btn_sch { width:170px; height:50px; margin-left:-600px; position:absolute; z-index:4; top:325px; left:50%; display:none; }
.ind { position:absolute; z-index:100; top:50%; right:30px; }
.ind li { width:12px; height:12px; margin:5px 0; border:3px #f26722 solid; border-radius:12px; cursor:pointer; }
.ind li.active { background:#f26722; }

.main_visual { width:100%; height:100%; position:relative; z-index:1; }

.main_visual [ class^="visual_0" ] { width:100%; height:100%; position:absolute; z-index:1; left:0; top:50px; }
.main_visual .visual_01 { background:url('../img/visual_01.jpg') center bottom no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }
.main_visual .visual_02 { background:url('../img/visual_05.jpg') center top no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }
.main_visual .visual_03 { background:url('../img/visual_03.jpg') center bottom no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }
.main_visual .visual_04 { background:url('../img/visual_02.jpg') center bottom no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }
.main_visual .visual_05 { background:url('../img/visual_04.jpg') center bottom no-repeat; background-size: cover; -ms-behavior: url(hack/backgroundsize.min.html); behavior: url(hack/backgroundsize.min.html); }

.main_visual [ class^="visual_0" ] img { position:absolute; left:50%; bottom:160px; margin-left:200px; }

.main_visual .visual_01 img { margin-left:-750px; top:160px; }

.mobile_visual { display:none; }
.mobile_ind { display:none; }

.con_wrap { width:1200px; height:180px; margin-left:-600px; position:absolute; z-index:2; left:50%; bottom:0; }
.con_wrap .usp_wrap { width:100%; height:190px; position:absolute; top:-130px; left:0; overflow:hidden; }
.con_wrap .usp_wrap:after { content:""; display:block; clear:both; }
.con_wrap .usp_wrap ul { width:210px; padding:0 15px; height:190px; float:left; background:url('../img/usp_bg.gif') center top no-repeat #fa861f; background-position-y:65px; text-align:left; letter-spacing:-1px; position:relative; bottom:-130px; cursor:pointer; }
.con_wrap .usp_wrap ul li { font-size:14px; padding:0 15px; color:#fff; line-height:20px; }
.con_wrap .usp_wrap ul li span {  font-size:16px; font-family: 'notokr-medium'; }
.con_wrap .usp_wrap li:first-child { width:170px; padding-left:40px; height:60px; font-size:18px; line-height:60px; color:#fff; font-family: 'notokr-medium'; text-align:center; }
.con_wrap .usp_wrap ul:first-child li:first-child { background:url('../img/icon_01.png') left no-repeat;  background-position-x:10px; }
.con_wrap .usp_wrap ul:first-child + ul li:first-child { background:url('../img/icon_03.png') left no-repeat;  background-position-x:10px; }
.con_wrap .usp_wrap ul:first-child + ul + ul li:first-child { background:url('../img/icon_02.png') left no-repeat;  background-position-x:10px; }
.con_wrap .usp_wrap ul:first-child + ul + ul + ul li:first-child { background:url('../img/icon_04.png') left no-repeat;  background-position-x:10px; }
.con_wrap .usp_wrap ul:first-child + ul + ul + ul + ul li:first-child { background:url('../img/icon_05.png') left no-repeat;  background-position-x:10px; }

.con_wrap .usp_wrap ul li:first-child + li { padding-top:20px; margin-bottom:10px; }

.con_wrap .con_list_wrap { width:100%; height:120px; margin-top:60px; position:relative; z-index:1; }
.con_wrap .con_list_wrap > .bg { width:100%; height:120px; position:absolute; left:0; bottom:0; background:#fff; z-index:1; }
.con_wrap .con_list_wrap .brand { width:399px; height:100px; padding:10px 0; border-right:1px #ddd solid; position:relative; z-index:2; text-align:left; float:left; }
.con_wrap .con_list_wrap .brand img { float:left; margin: 0 10px; display:block; }
.con_wrap .con_list_wrap .brand p.title { font-size:18px; color:#333; font-family: 'notokr-medium'; margin-bottom:10px; }
.con_wrap .con_list_wrap .brand p { font-size:14px; color:#666; line-height:16px; }
.con_wrap .con_list_wrap .brand span { width:390px;display:block; margin-top:20px; font-size:15px; color:#f36910; text-align:right; }
.con_wrap .con_list_wrap .brand span a { color:#f36910; }

.con_wrap .con_list_wrap .news_latest { width:399px; height:100px; padding:10px 0; border-right:1px #ddd solid; position:relative; z-index:2; text-align:left; float:left; }
.con_wrap .con_list_wrap .news_latest .img { width:150px; height:100px; float:left; margin: 0 10px; position:relative; }
.con_wrap .con_list_wrap .news_latest .img img { width:100%; }
.con_wrap .con_list_wrap .news_latest .img li { width:100%; height:100%; position:absolute; left:0; top:0; display:none; }
.con_wrap .con_list_wrap .news_latest .img li:first-child { display:block; }
.con_wrap .con_list_wrap .news_latest .list { width:219px; height:75px; float:left; font-size:14px; line-height:18px; }
.con_wrap .con_list_wrap .news_latest .list a { color:#666; }
.con_wrap .con_list_wrap .news_latest .list a:hover { color:#000; }
.con_wrap .con_list_wrap .news_latest .list li span { color:#f36910; }
.con_wrap .con_list_wrap .news_latest .list li { width:219px; height:18px; overflow-y:hidden; }
.con_wrap .con_list_wrap .news_latest p.title { font-size:18px; color:#333; font-family: 'notokr-medium'; margin-bottom:10px; }
.con_wrap .con_list_wrap .news_latest p { font-size:14px; color:#666; line-height:16px; }

.con_wrap .con_list_wrap .icon { width:400px; height:100px; padding:10px 0; position:relative; z-index:2; float:left; }
.con_wrap .con_list_wrap .icon img { margin:15px 10px; }

footer { position:relative; z-index:3; }

@media only screen and (max-width:960px) { 

	section { height:auto; min-height:0; }

	.mobile_nav { position:relative; }

	.main_visual, .con_wrap { display:none; }
	.main_visual { display:none; }
	.ind { display:none; }
	.mobile_visual { height:auto; display:block; position:relative; }
	.mobile_visual img { width:100%; }
	.mobile_visual li { display:none; }
	.mobile_visual li:first-child { display:block; }
	.mobile_ind { width:100%; height:80px; position:absolute; bottom:0; left:0; z-index:100; display:block; }
	.mobile_ind ul { width:80%; height:40px; padding:20px 0; position:absolute; z-index:2; left:10%; }
	.mobile_ind ul li { width:20%; height:40px; float:left; opacity:0.5; }
	.mobile_ind ul li.active { opacity:1; }
	.mobile_ind ul li img { height:100%; }
	.mobile_ind > .bg { width:100%; height:100%; background:#fff; opacity:0.6; position:relative; z-index:1; }

	}