@charset "utf-8";

@import url('reset.css');
@import url('common.css');

#wrap{width:100%; min-width:980px; position:relative; overflow-x:hidden; }

.movie { position:absolute; top:269px; left:43%; margin-left:-440px; z-index:999;}


#visual {width:100%; height:770px;  position:relative; min-width:960px; background:#f1f1f1; }
#visual ul { width:100%; height:100%; list-style:none; }
#visual ul li { width:100%; height:530px; position:absolute; left:0; top:50px; text-align:center; z-index:1; }
#visual ul li img { margin:0 auto; }
#visual ul li.no0 { position:relative; height:720px; z-index:2; }
#visual ul li.no0 > img { position:absolute; top:59px; left:43%; margin-left:-440px; z-index:3; }
#visual ul li.no0 .indexImg1 { position:absolute; width:100%; height:720px; background:url(../images/visual0_1.jpg) no-repeat center top; background-size:cover; z-index:2; }
#visual ul li.no0 .indexImg2 { position:absolute; width:100%; height:720px; background:url(../images/visual0_1.jpg) no-repeat center top; background-size:cover; z-index:2; }

#contents{ width:100%; min-width:960px; min-height:155px; position:absolute; left:0; top:535px; background:url(../images/tab_line.png) repeat-x 0 70px; z-index:10; }
#contents .tab { max-width:1100px; min-height:155px; position:relative; list-style:none; margin:0 auto; background:url(../images/tab_bar.png) no-repeat 100% 70px;  /* overflow: hidden; */}
#contents .tab li { width:100%; max-width:1100px; padding-top:155px; display:block; position:absolute; left:0; top:0; }
#contents .tab li strong { position:absolute; width:25%; height:155px; display:block; left:0; top:0; background:url(../images/tab_bar.png) no-repeat left bottom; overflow:hidden; }
#contents .tab li.tab_no1 strong { left:0; z-index:14; }
#contents .tab li.tab_no2 strong { left:25%; z-index:13; }
#contents .tab li.tab_no3 strong { left:50%; z-index:12; }
#contents .tab li.tab_no4 strong { left:75%; z-index:11; }
#contents .tab .act span { background-position: 0 4px; }
#contents .tab .act a { background-position: center bottom; }
#contents .tab li .actImg { width:100%; height:70px; display:block; }
#contents .tab li.tab_no1 .actImg { background:url() no-repeat 0 4px; }
#contents .tab li.tab_no2 .actImg { background:url() no-repeat 0 4px; }
#contents .tab li.tab_no3 .actImg { background:url() no-repeat 0 4px; }
#contents .tab li.tab_no4 .actImg { background:url() no-repeat 0 4px; }
#contents .tab li strong a { width:100%; height:83px; display:block; margin:1px 0 1px 1px; text-indent:-9999px; }
#contents .tab li.tab_no1 a { background:url(../images/tab1.png) no-repeat center top; }
#contents .tab li.tab_no2 a { background:url(../images/tab2.png) no-repeat center top; }
#contents .tab li.tab_no3 a { background:url(../images/tab3.png) no-repeat center top; }
#contents .tab li.tab_no4 a { background:url(../images/tab4.png) no-repeat center top; }

#contents .tab li p { width:25%; height:144px; background:#fff; }
#contents .tab li p span { display:block; padding: 15px 20px; font-size:12px; color:#333; line-height:19px; }
#contents .tab li p span em { text-decoration:none; font-weight:bold; font-style:normal; }
#contents .tab li.tab_no2 p { margin-left:25%; }
#contents .tab li.tab_no3 p { margin-left:50%; }
#contents .tab li.tab_no4 p { margin-left:75%; }
#contents .tab li .conList { width:100%; min-width:960px; max-width:1240px; height:350px; margin:0 auto;  }
#contents .tab li .conList:after { content:""; display:block; clear:both; }
#contents .tab li .conList li { width:25%; height:350px; position:absolute; top:0; padding:0; margin:0;position:relative; float:left; }
#contents .tab li .conList li.half { width:12.5%; }
#contents .tab li .conList .left,
#contents .tab li .conList .right { width:50%; height:350px; display:inline-block; position:absolute; top:0; vertical-align:top; }
#contents .tab li .conList .left { left:0; }
#contents .tab li .conList .right { left:50%; }
#contents .tab li .conList li.half .left,
#contents .tab li .conList li.half a { width:100% !important; }
#contents .tab li .conList a { width:100%; height:350px; position:absolute; left:0; top:0; background:none; text-indent:-9999%; color:#f1f1f1;  }

.green{font-weight:bold;color:#43b344}
.purple{font-weight:bold; color:#7b55c4;}
.blue{font-weight:bold; color:#00c5b4;}
.yellow {font-weight:bold; color:#edba00;}
.black{ color:#333; font-weight:bold;}