#warp {width: 1920px;height: 4500px;margin: 0 auto}
#header {width: 100%; height: 187px;}
#visual {width: 100%;min-width: 1200px;height: 482px;background: url('../images/vis.png')center}
#section1 {width: 100%; height: 406px; }
#section2 {width: 100%; height: 848px; background: #ddd;background: url('../images/section2.jpg')center;}
#section3 {width: 100%; height: 565px;background:  #006869;text-align: center;}
#section4 {width: 100%; height: 749px; }
#footer {width: 100%; height: 226px; background: #006869;}



#sub_section1 {width: 900px; margin:0 auto;;  }
#sub_section2 {width: 900px; margin:0 auto; ; }
#sub_section2:after {content: ""; display: block; clear: both;}
#sub_section3 {width: 940px; margin:0 auto; ; }
#sub_section3:after {content: ""; display: block; clear: both;}








/*header*/
#header .topset {width: 1200px; margin: 0 auto;position: relative}
#header .topset .membership {float: right; height: 42px; line-height: 42px; }
#header .topset .membership a {width: 94px; display: block; float: left; text-align: center; position: relative;font-size:18px}
#header .topset .language a span {position: absolute; width: 23px; height: 23px; left: 14px; top: 10px;}
#header .topset .language a:hover{color:  #ff8b00}



#header .topset h1 {width: 242px; height: 70px; position: absolute; top: 24px; left: 50%; margin-left: -170px; transition: .3s;text-align: center}
#header .topset .gnb {width: 100%; height: 50px; float: left; margin-top: 88px; text-align: center; font-size: 0; transition: .3s}
#header .topset .gnb > li {height: 50px; line-height: 50px; font-size: 20px; display: inline-block; position: relative;}
#header .topset .gnb > li > a {display: block; padding: 0 36px;background: #006869;color: #fff;}

#header .topset .gnb > li a:hover { background: #ff8b00;}

#header .topset .gnb > li .lnb {position: absolute; width: 100%; background: #006869; padding: 20px 0 30px 0; z-index: 77; display: none }
#header .topset .gnb > li .lnb li {height: 42px; line-height: 42px; font-size: 18px; text-align: center; }
#header .topset .gnb > li .lnb li a {color: #fff; display: block;}
#header .topset .gnb > li .lnb li:hover a {background: #ff8b00;}

#header .topset .membership a:hover {color: #f68b1e}




#header.action {height: 122px;}
#header.action h1 {top: 10px;}
#header.action .gnb {margin-top: 30px;}



/*section1*/

#section1 {text-align: center; font-size: 0;}
#section1 > div {width: 384px; height:283px; display: inline-block; vertical-align: top; margin-top: 53px;background: #cbcbcb}
#section1 > div:nth-child(2) {margin:53px 47px 0 47px}

#section1 > div h3 {width: 100%; height: 50px; font-size: 24px; color: #333; text-align: left; position: relative;text-align: center;margin-top: 5px}





#section1 > div li {width: 294px; height: 45px; font-size: 16px; color: #222; line-height: 52px; border-bottom: 1px solid #ddd; float: left; text-align: center;  overflow: hidden; text-overflow: ellipsis;font-weight:lighter}



#section1 > div li.day {width: 90px; text-align: center;}




#section2 > div {width: 1040px; margin: 0 auto; padding-top: 30px}
#section2 > div p {width: 390px;height: 70px;line-height: 70px;font-size: 30px;text-align: center;color: #fff;background: #ff8b00;margin-top: 40px;margin: 0 auto}



#section2 > div ul {text-align: center; font-size: 0; perspective:1000px; }
#section2 > div ul li {width: 280px;height:240px;display: inline-block;vertical-align: top;margin: 0 20px 22px 20px;background: #ccc;margin-top: 80px}
#section2 > div ul li:hover {background: #f8f2f2}

#section2 > div ul li a {display: block; height: 92px; padding-top: 38px; }
#section2 > div ul li a strong {font-size: 25px; color:#000; display: block; height: 30px; margin-top: 20px;}
#section2 > div ul li a strong {font-size: 25px; color:#000; display: block; height: 30px; margin-top: 20px;text-align: center;}
#section2 > div ul li a img {text-align: center;}





#section3 img {margin-top: 50px;}




#section4 > div p {width: 390px;line-height: 70px;font-size: 30px;text-align: center;color: #fff;background: #ff8b00;margin-top: 40px;margin: 0 auto;margin-top: 50px}
#section4 > div ul {text-align: center;}
#section4 > div ul li  {width: 384px; height:285px; display: inline-block; vertical-align: top; margin: 0 20px 22px 20px;margin-top:100px; text-align: left}
#section4 > div ul li strong {font-size: 25px;font-weight: bold;}
#section4 > div ul li span {font-size: 17px;font-weight:normal;word-break:keep-all; display: block; margin-top: 20px;}



#footer {padding-top: 30px;}
#footer h1 {width: 300px; margin: 0 auto; text-align: center;}
#footer > div {text-align: center;font-size: 20px;color: #fff;margin-top: 35px}
#footer > div span {color: #f68b1e}


















/*subpage*/

#sub_visual  {width: 100%; height: 96px; float: left; margin-top: 88px; text-align: center; font-size: 0;}
#sub_visual   li {height: 96px; line-height: 96px; font-size: 20px; display: inline-block; vertical-align: top; position: relative;background: #006869;}
#sub_visual   li:first-child {line-height: 30px; height: 96px; }
#sub_visual   li  > a {display: block; padding: 0 30px; color: #fff; height: 96px;}
#sub_visual   li:first-child a {padding-top: 20px; height: 76px;}
#sub_visual   li .lnb {position: absolute; width: 100%; background: #006869; padding: 20px 0 30px 0; display: none}

#sub_visual   li a:hover { background: #ff8b00;}
#sub_visual   li.on a { background: #ff8b00;}

#sub_visual   li .lnb {position: absolute; width: 100%; padding: 20px 0 30px 0; display: none}
#sub_visual   li .lnb li {height: 42px; line-height: 42px; font-size: 18px; text-align: center; }
#sub_visual   li .lnb li a {color: #fff; display: block;}
#sub_visual   li .lnb li:hover a {background: #ff8b00;}

#sub_visual .topset .membership a:hover {color: #f68b1e}



#sub_section1 {text-align: center; font-size:35px;}
#sub_section1 > ul {width: 500px; height:283px; display: inline-block; vertical-align: top; margin-top: 53px;}

#sub_section1 > ul li {width: 100%; height: 50px; font-size: 24px; color: #333; text-align: left; position: relative;text-align: center;margin-top: 50px;font-weight: bold}
#sub_section1 > ul h3 {width: 100%; height: 50px; font-size: 24px; color: #333; text-align: left; position: relative;text-align: center;margin-top:10px;font-weight: lighter; }



#sub_section2 {text-align: center;}
#sub_section2 h3{float: right;}




#sub_section3 h4 {float:left;font-weight:lighter;font-size: 18px;margin-top: 100px; margin-bottom: 40px;}
#sub_section3 .direction_box {;}
#sub_section3 .direction_box:after {content: ""; display: block; clear: both;}
#sub_section3 .direction_box ul {margin-bottom: 40px; float: left;}
#sub_section3 .direction_box ul:first-child li  {line-height: 70px;}
#sub_section3 .direction_box li.subject {float: left; width: 130px; height: 70px; line-height: 70px; font-size: 22px; font-weight: bold}
#sub_section3 .direction_box li.article {float: right; width:800px; line-height: 30px; font-size: 20px; }





#sub_section4 {text-align: center;}
#sub_section4 > div h3{margin-right: 50px;margin-top: 30px}