@charset "utf-8";


/* visual */
#visual_wrap {position:relative; width:100%; height:463px; }
#visual_wrap .main_item {position:absolute; top:0; left:50%; width:198px; height:450px; margin-left:-550px; z-index:2;}
/*#visual_wrap .main_item .items .first a {border:0;}*/
#visual_wrap .main_item .items {display:flex; flex-direction: column;  justify-content: space-between;  height: 100%;}
#visual_wrap .main_item .items li {height: 100%;}
#visual_wrap .main_item .items li a {display: flex;  align-items: center;  padding:0 25px; height: 100%; font-size:15px; line-height:14px; color:#fff; background:url("../image/main/ico_arrow1.png") no-repeat 90% center #750308;/*#500205*/ border-top:1px solid #390103;/*#280201*/}
#visual_wrap .main_item .items li a:hover {background-color:#c9181f;}
@media screen and (max-width: 1100px) {
	#visual_wrap .main_item {position:fixed; left:0;}
}

#vis_popupzone {width:198px; height:236px;}
#vis_popupzone a {display:block; width:100%; height:100%; background:url("../image/main/vis_popupzone.jpg") no-repeat center;}

.main_visual {position:absolute; top:0; width:100%; height:450px; overflow:hidden;}
.main_visual .vis_img li {text-align:center; position:absolute; top:0; left:0; right:0; bottom:0;}
.main_visual .vis_img li a { display:block; height:450px; background-color:#d0e7d3!important;}
.main_visual .vis_img li .vis1 { background:url("../image/main/vis_main1.jpg") no-repeat center;}
.main_visual .vis_img li .vis2 { background:url("../image/main/vis_main2.jpg") no-repeat center;}
.main_visual .vis_img li .vis3 { background:url("../image/main/vis_main3.jpg") no-repeat center;}

.main_visual .controls {position:absolute; top:0; left:198px; right:0; width:902px; height:450px; margin:0 auto;}
.main_visual .controls > a {display:block; width:63px; height:63px; position:absolute; top:50%; margin-top:-32px; font-size:0;}
.main_visual .controls .btnPrev {left:30px; background:url("../image/main/bt_vis_prev.png") no-repeat center;}
.main_visual .controls .btnNext {right:30px; background:url("../image/main/bt_vis_next.png") no-repeat center;}
.main_visual .controls .vis_page {position:absolute; bottom:25px; width:100%; text-align:center;}
.main_visual .controls .vis_page ul li {display:inline-block;}
.main_visual .controls .vis_page a {display:block; margin:0 4px; width:70px; height:6px; background-color:#fff; font-size:0;}
.main_visual .controls .vis_page .active {background-color:#ff000a;}


/* #container section {width:1100px; margin:0 auto; overflow:hidden; } */
.banner_wrap {width:1100px; margin:0 auto; overflow:hidden; margin-top:70px!important;}
.banner_wrap .bnr {float:left; width:361px; height:327px; overflow:hidden;}
.banner_wrap .bnr .bnr_page {position:absolute; left:50%; margin-left:-16px; bottom:20px; overflow:hidden;}
.banner_wrap .bnr .bnr_page li {float:left;}
.banner_wrap .bnr .bnr_page a {display:block; margin:0 3px; width:10px; height:10px; background-color:#000; opacity:0.5; font-size:0; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius: 10px;}
.banner_wrap .bnr .bnr_page .active {display:block; width:10px; height:10px; background-color:#ec1c24; opacity:1; }

.banner_wrap .cheongsong {position:relative; background:url("../image/main/main_bnr_cheongsong.jpg") no-repeat center;}
.banner_wrap .cheongsong a {display:block; width:100%; height:100%;}
.banner_wrap .cheongsong a span {position:absolute; left:78%; bottom:6%; display:block; width:58px; height:58px; background:url("../image/main/bt_bnr_more.png") no-repeat center; font-size:0;}
.banner_wrap .cheongsong a:hover span {background-image:url("../image/main/bt_bnr_more_ov.png");}

.banner_wrap .story {position:relative; margin:0 9px 0 8px;}
.banner_wrap .event {position:relative;}

.max_prd_wrap {width:1100px; margin:0 auto; overflow:hidden;}
.bnr_customer {width:1100px; margin:0 auto; overflow:hidden;}