@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
@import url('https://fonts.googleapis.com/css?family=Francois+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');
body{font-family: 'Roboto', sans-serif; zoom: 1; font-size:15px; line-height:22px; color:#333333;}

@media (max-width: 1023px){
#wrap {
    width: 1400px;
	}
}

strong{font-weight:500 !important;}
button{font-family: 'Roboto' !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.mb120{margin-bottom:120px !important;}
.ml3{margin-left:3px !important;}
.mr11{margin-right:11px !important;}

.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb60{padding-bottom:60px !important;}
.pb90{padding-bottom:90px !important;}
.pb120{padding-bottom:120px !important;}

.txt-red{color:#e83421 !important;}
.txt-navy{color:#475cce !important;}
.txt-green{color:#269f83 !important}
.txt-yellow{color:#ffd800 !important;}
.txt-fff{color:#ffffff !important;}
.txt-black{color:#000 !important;}
a.txt-fff:hover{color:#ffe274 !important;}
.ta_justify {
    text-align: justify !important;
}
del{color: #b3b3b3;}

.btn-center { margin: 25px; text-align: center;}
.btn{ font-size:13.5px; font-weight:500; color:#444444; padding: 2px 10px; margin: 0 3px; border: 2px solid #e4522e; border-radius: 13px;}
.btn:hover{background:#e4522e; color:#ffffff; transition:0.4s; cursor:pointer !important;}
.btn-lg{font-size: 17px; padding: 5px 25px; border-radius: 20px; background:#e4522e; color:#ffffff;}
.btn-lg:hover{background:#ffffff; color:#444444;  border: 2px solid #e4522e; cursor:pointer !important;}
.section-title .btn{ font-size:13.5px; font-weight:500; color:#3c8dbc; padding: 2px 10px; margin: 0 3px; border: 2px solid #3c8dbc; border-radius: 13px;}
.section-title .btn:hover{background:#3c8dbc; color:#ffffff; transition:0.4s; cursor:pointer !important;}
.btn01{border:1px solid #e74736; padding: 12px 16px; text-align: center; box-sizing: border-box; background: linear-gradient(#e74736,#d41620); color: #fff; font-weight: 500; font-size: 17px;}
.btn02{border:1px solid #e97b4a; padding: 6px 10px; text-align: center; box-sizing: border-box; background: linear-gradient(#e97b4a,#e85e21); color: #fff; font-weight: 500; border-radius: 50px; font-size: 13px;}
.btn03{border:1px solid #07c1ea; padding: 9px 11px; text-align: center; box-sizing: border-box; background: linear-gradient(#07c1ea,#2e2cb3); color: #fff !important; font-weight: 500; font-size: 14px; margin-right: 5px;}
.btn03:hover{color:#fff;}
.center1 {display: inline; /*-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ margin-left: 10px;}
@-webkit-keyframes glow {
  0% {
    box-shadow: 0 0 0 0 #dc143c;
  }
  50% {
    box-shadow: 0 0 15px 0 #dc143c;
  }
}
@keyframes glow {
  0% {
    box-shadow: 0 0 0 0 #dc143c;
  }
  50% {
    box-shadow: 0 0 15px 0 #dc143c;
  }
}
.btn-v {background: none; color: inherit; font: inherit; border: none; outline: none;}
.btn-glow {background: #dc143c; color: #fff; font-size: 19px; font-weight: 600; padding: 2px 13px; box-shadow: 0 0 0 0 #dc143c; -webkit-animation: glow 1.4s linear infinite; animation: glow 1.4s linear infinite; border-radius: 10px;}



#myBtntop {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 999999; border: none;  outline: none;
  background-color:#d41620; color:#ffffff; cursor: pointer; padding: 15px;  border-radius: 10px;}
#myBtntop:hover {background-color: #a40009;}
a.link{color:#e83421;}
a.link:hover{text-decoration:underline;}
.underline{color: #e74635; border-bottom: 1px solid #e74635; height: 26px; font-weight: 500;}
.click{background-color: #e6f2fb; color: #025cc6; padding: 2px 5px; display: inline-block; font-weight: 500;}

.fl-left{float:left;}
.fl-right{float:right;}
.al-center{text-align:center;}
.al-left{text-align:left;}
.al-right{text-align:right;}
.al-justify{text-align:justify;}
.display-bc{display:block; margin:0 auto;}

.fs18_333{font-size: 18px; color: #333; font-weight: 500; margin-bottom: 10px;}
.dot_e74{background-color: #e74635; display: inline-block; width: 5px; height: 5px; vertical-align: middle; margin-right: 6px;}

button.accordion {background-color: #fff; cursor: pointer; width: 100%; text-align: left; height: 36px; padding: 0; margin: 10px 0; position: relative;}
button.accordion span.route_num{border-radius: 20px; padding: 7px 8px; border:2px solid #e74635; color: #e74635; text-align: center; width: 15%; display: inline-block; float: left; font-size: 16px;}
button.accordion span.route_con{width: 81%; display: inline-block; float: left; font-size: 14px; line-height: 36px; padding-left: 12px; border-bottom: 1px solid #ff8679;}
button.accordion:after {content: '\002B'; color: #777; font-weight: bold; line-height: 36px; position: absolute; right: 7px;}
button.accordion.active:after {content: "\2212";}
button.accordion:hover .route_num, button.accordion:active .route_num, button.accordion.active .route_num{background-color: #e74635; color: #fff;}
div.panel1 {background-color: white; max-height:0px; overflow: hidden; transition: max-height 0.2s ease-out;}
div.wpsm_panel{padding:10px 0 30px 24px;}
div.wpsm_panel img{display:block; margin:5px auto;}
div.wpsm_panel h3{font-size:16.5px; font-weight: 700; border-bottom: 1px dotted #ddd; height: 33px;}
.m_box {width: 480px; height: 70px; padding: 15px 20px; border: 2px dotted #475cce; margin: 10px auto; border-radius: 10px; text-align:center; background-color:#f3f4fb;}



/*=========================main=========================*/

/*-------------------------gnb-------------------------*/
.tnb-wrap{width:1200px; height:103px; margin:0 auto;}
.tnb-wrap img.tnb-logo{position:absolute; top:22px; left:34.5%; margin-left:-300px;}
.tnb{width:1200px; height:30px; margin:0 auto;}
.tnb ul{float:right; padding-top:37px;}
.tnb-wrap ul li{float:left;}
.tnb-wrap ul li a{display:block; font-size: 12px;  border: 1px dashed #868181; text-align: center; padding: 0px 13px;  color: #000; margin-left: 5px; border-radius: 15px;}
.tnb-wrap ul li a:hover{border: 1px dashed #d57214; color:#d57214; transition:ease-out 0.5s;}

.gnb-wrap{max-width:100%; background-color:#fce254;}
.navbar{width:1200px; height:52px; overflow: hidden; background-color:#fce254;/* min-width:1200px;*/margin:0 auto;}
.gnb{width:1200px; height:56px; margin:0 auto; line-height: 56px;}
.navbar .depth1, .home-btn{float: left; font-size:15.5px; font-weight:500; color:#000 !important; text-align: center; padding: 18px 17.8px; text-decoration: none;  text-transform:uppercase; 
							cursor:pointer !important; border:none;  background-color:#fce254; letter-spacing:-0.1px;}
.gnb li{width: 16.6666%; float: left; text-align: center; color: #000; font-size: 15.5px; text-transform: uppercase;}
.snb{width: 100%; border-bottom: 1px solid rgb(207, 207, 207); background: rgb(255,255,255); position: relative; z-index: 2147483647; overflow: hidden; padding:10px 0; margin: 0; display: none; border-top: 1px solid #f2f2f2; font-size: 14px; letter-spacing: -0.3px;}
.snb>div{height: 257px;}
.snb>div>ul{display: block; width: 1200px; height: 257px !important; margin: 0 auto; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea;}
.snb>div>ul>li{width: 16.45%; height: 257px; text-align: center; float: left; border-right: 1px solid #eaeaea;}
.snb>div>ul>li:last-child{border-right: none;}
.snb>div>ul>li>ul>li>a{display: block; padding: 5px 11px; color: #999;}
.snb>div>ul>li>ul>li>a.snb_bold {color: #333; font-weight: 500;}
.snb>div>ul>li>ul>li>a:hover{color:#b01e23;}

/*---------------------visual slider---------------------*/
.visual{position:relative;}
.visual .datebox{position: absolute; right: 0px; bottom: 0; z-index: 9999999; background: rgba(0,0,0,0.65); color: #fff; padding: 0 38px; height: 90px; line-height: 90px;}
.visual .datetxt{right: 199.73px; color: #ffe274; padding: 0 36px; font-style: italic; font-family: 'Roboto Slab', serif; font-size: 23px;}
.visual .datetxt:after{content: ''; display: inline-block; width: 1px; height: 30px; background-color: #fff; position: absolute; top: 30px; right: 0;}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flex-direction-nav{display:none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {position: relative;  zoom: 1; display: none; -webkit-backface-visibility: hidden;  background-color:#696969;/* background-image:url(../images/slide/slide_bg.png);*/ background-repeat:no-repeat; max-width:100%;}
.flexslider .slides img {/*width: 1280px;*/ display: block; margin:0 auto;/* height:476px;*/ max-width:100%;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider {position: relative;  zoom: 1; z-index: 10;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {background: #ffffff; zoom: 1; max-width:100%;}
.ie7 .flexslider {margin-bottom: -30px;}
.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; max-width:100%;}

/*---------------------quick menu bar---------------------*/
.quick-menu{padding: 30px 0;}
.quick-menu:after{clear: both; display: block; content: ''; height: 0; visibility: hidden;}
.quick-menu_wrap {width: 1200px; margin: 0 auto; z-index:9999;}
.quick-menu li {width: 20%; float: left; box-sizing: border-box; border-right: 1px solid #e8e8e8; position: relative;}
.quick-menu li:last-child{border: 0;}
.quick-menu li a{display: block; text-align:center;}
.quick-menu li a img{display:block; margin:0 auto;}
.quick-menu li .page-name { text-align: center; padding-top:8px; font-size: 15px; text-transform: uppercase; font-weight: 500; line-height: 15px; color:#1e1e1e;}
.quick-menu .stress{background-color:rgba(255,255,255,.8);}
.quick-menu .stress a p{color: /*#ff6c00;*/#000;}

.darkness {
  position:absolute;
  top:0;
  left:73px;
  width:93px;
  height:93px;
  background:#000000;
  opacity:0;
  transition:all .6s linear;
  border-radius: 50%;
}
.btn-plus {
  position:absolute;
  top:9px;
  left:82px;
  background:#b01e23;
  width:75px;
  height:75px;
  border-radius:50%;
  text-align:center;
  opacity:0;
  transform:scale(2);
  transition:all .3s linear;
}
.btn-plus span {
  font-size:2.3em;
  color:#ffffff;
  user-select:none; text-align: center; line-height: 72px;
}
.stress:hover .darkness{
  opacity:0.4;
}
.stress:hover .btn-plus {
  opacity:1;
  transform:scale(1);
}

/*---------------------main contents area---------------------*/
.contents{width:1200px; margin:0 auto; clear: both;}
.contents:last-child{background: #f4f4f4; min-width: 100%;}
.section_top{width:100%;}
.section_bottom{width:1200px; margin: 0 auto; padding:20px 0px; clear: both;}
.section_bottom:after{clear: both; display: block; content: ''; height: 0; visibility: hidden;}
.section-title{font-size: 25px; font-weight: 600; line-height: 35px; text-transform: uppercase; letter-spacing: -0.5px; padding: 0; color: #b01e23; margin-bottom: 10px;}
.border-none{border:none !important;}
.half{width:497.5px; height: 210px; float:left; padding:15px 20px;}
.third{width:318.5px; height: 210px; float:left; padding:15px 20px; height:233px; margin-left:10px;}

/* Style the tab */
div.tab {
    overflow: hidden;
    background-color: #f7f9fb;
	border-radius:17px;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 6px 10px 0px;
    transition: 0.3s;
    font-size: 18px;
	color:#a5adb5;
	border-right: 1px solid #dde2e8;
	width:50%;
}
div.tab button:last-child{border-right: none;}
.box-body{padding:0px 0px 10px 20px;}

.todo-list li{border-bottom:1px dotted #e8e8e8; padding:8px 0 !important;}

/* Change background color of buttons on hover */
div.tab button>img{filter: grayscale(100%);}
div.tab button:hover {
    background-color: #fce254;
	color:#000;
}
div.tab button:hover>img{filter:grayscale(0%);}
/* Create an active/current tablink class */
div.tab button.active {
    background-color: #fce254;
	color:#000;
}
div.tab button.active>img{filter:grayscale(0%);}
/* Style the tab content */
.tabcontent {
    display: none;
	padding:0px;
}
div#tabs, div#tabs1{width:100%;}
div#tabs ul, div#tabs1 ul{list-style:none; display: inline-block;}
div#tabs>ul>li, div#tabs1>ul>li{height:30px; float:left; border:1px solid #e8e8e8; line-height:30px; text-align:center; margin-right:8px; padding: 10px;}
div#tabs>ul>li:hover, div#tabs1>ul>li:hover {background:#fef5f4;}
div#tabs>ul>li:focus, a.active, div#tabs1>ul>li:focus {font-weight:600; background:#fef5f4; border: 1px solid #e83421 !important; color: #e83421;}
div#tabs>ul>li>a, div#tabs1>ul>li>a{display:block; font-weight: 500}
div#tabs>ul>li:focus, div#tabs1>ul>li:focus {background-color:#fef5f4; color:#e83421;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #e83421 !important;
    background: #fef5f4;
    font-weight: normal;
    color: #ffffff;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #e83421;
    text-decoration: none;
}


.scroll{overflow-y:scroll;}
.news_wrap{list-style:none; padding-left:0;}
.news_wrap li{border-bottom:1px dashed #d2d2d2; padding:15px 0; font-size:13.98px; font-weight:500;}
.news_wrap li .date{color:#999999; float:right; font-weight:400; font-style: italic;}

.date_wrap{list-style:none; padding-left:0;}
.date_wrap li{padding:0 0 10px; font-size: 17px; font-weight:500;}
.date_wrap li img{margin-right:18px; position: relative; left: 0; top: 9px;}
.date_wrap li .date{color:#444444; font-size:13.98px; display: block; padding-left: 31px;}
.dot555{background-color: #555; display: inline-block; width: 4px; height: 4px; vertical-align: middle; margin-right: 6px;}

.row1{width: 42%; margin-right: 4%;}
.section.row2{width: 29%}
.section.row2>div{width:100%;}

.row3{width: 21%; margin-left: 4%; list-style: none;}
.clearfix{zoom:1;}
.row3>li{position: relative;}
.row3>li:nth-child(2){height: 65px;}
.row3>li:nth-child(2) a{display: block; overflow: hidden; width: 100%; height: 100%;}
.row3>li:nth-child(2) a img{transition: 0.5s;}
.row3>li:nth-child(2) a:hover img{transform: scale(1.05, 1.05);}
.row3>li>a.new_viewbtn{font-size: 22px;color: #fff; display: block; text-align: left; padding: 17px 22px; box-sizing: border-box; background: url(../images/main/down_bg.png) no-repeat left top #b01e23;}
.row3>li>a.new_viewbtn>img{margin-left: 10px;}
.sub_news{position: absolute;background-color: #bf6a6d;left: 0;width: 100%; display: none; z-index: 99999999;}
.sub_news a{display: block;height: 40px;line-height: 40px;font-size: 14px;color: #FFF;font-weight: 300;box-sizing: border-box;padding: 0 20px;}

/*=========================sub tba=========================*/
.tba{margin-top: 150px;}
.lds-spinner {display: block; margin: 0 auto; position: relative; width: 80px; height: 80px;}
.lds-spinner div {transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #afafaf;}
.lds-spinner div:nth-child(1) {transform: rotate(0deg); animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg); animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg); animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg); animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg); animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg); animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg); animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg); animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg); animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg); animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg); animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg); animation-delay: 0s;}
@keyframes lds-spinner {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
.tba p {display: block; font-weight: 900; color: #d4d4d4; text-align: center; font-size:40px; margin-top: 35px;}

/*-------------------------lnb-------------------------*/
.content_area{width:1200px; margin:0 auto; min-height:500px;}
.lnb_area{display: block; width: 240px; height: 100%; /*border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; */float: left; margin-top: 40px;}
.lnb{display: block; width:100%; color:#3e3e3e;}
.lnb ul{border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.lnb ul li a{ display: block; width: 228px; padding: 13px 0px; padding-left: 12px; border-bottom: 1px solid #dddddd;}
.lnb ul li a:hover, .lnb ul li a.depth2r{width: 225px; font-weight:500; font-size:14.5px; background:#f9f9f9; color:#d41620; transition: 0.3s;}
.lnb ul li a:hover{width: 228px;}
.lnb ul li a.depth2r{ color:#d41620; border-left: 3px solid  #d41620;}
.lnb ul li a.depth2r a:before{text-decoration:none;}
.lnb .title_box{ height: 120px; background: url(../images/lnb_bg.png) no-repeat;}
.lnb .title_box p.menu-title{line-height: 39px; font-size: 23px; color: #fff; font-weight: 500; text-align: center; padding: 40px 0;}

/*-------------------------contents-------------------------*/
.content{display: block; width: 893px; height: 100%; min-height: 700px; padding: 40px 32px 75px 32px; border-top: 1px solid #dddddd; float: left;}

.tba_area{text-align: center; margin-top: 150px; font-size: 22px; color: #b5b5b5;}
.tba_area img{display:block; margin:12px auto;}

.content h1 {font-size: 23px; line-height:20px; font-weight: 500; margin: 5px 0; color:#e4522e; padding-left: 13px; position: relative;}
.content h1:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 5px; border-radius: 12px; background: #e4522e;}
.content h2{font-family:'Francois One', sans-serif; font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom:40px;}
.content h3 {font-size: 20px; line-height: 20px; font-weight: 500; margin: 15px 0; color: #e4522e;}
.content .tith3{margin-bottom: 10px; font-size: 19px; color: #e74635; font-weight: 500;}
.content .tith3::before{content: ''; display: inline-block; width: 5px; height: 5px; background-color: #e74635; vertical-align: middle; margin-top: -3px; margin-right: 6px;}
.content h4 {font-size: 15.5px;  font-weight: 500; margin: 5px 0 10px; padding-left: 10px; position: relative; line-height: 16px; color: #666}
.content h4:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 2px; background: #666;}
.content h4 span {font-weight: 300;}
.content h5{font-size: 17px;  font-weight: 500; margin: 6px 0; color:#07a9bd;}
.content h6{font-size: 15px;  font-weight: 500; color:#e97b4a; margin:5px 0;}
/*.content ul.list li:before{ content: ''; font-size: 15px; vertical-align: bottom; padding-right: 7px;}*/

.content .ul-basic{ padding-left: 17px;}
.content .ul-basic li{padding: 2px 0; list-style-type: circle;}
.content .ul-basic li.decimal, .content .ul-basic2 li.decimal{list-style-type: decimal !important;}
.content .ul-basic li.circle, .content .ul-basic2 li.circle{list-style-type: circle !important;}

.content .ul-basic2{ border-top: 2px solid #ff5656; border-bottom: 2px solid #d4d4d4;}
.content .ul-basic2 li{border-bottom: 1px dotted #989898; padding: 8px 5px;}
.content .ul-basic2 li:last-child{border-bottom:none;}

.content .ul-basic3 li{padding: 2px 0; list-style-type: none;}
.content .ul-basic3 li:before{vertical-align: middle; margin-bottom: 4px; border: 1px solid #333; width: 5px; height: 5px; box-sizing: border-box; display: inline-block; content: ''; margin-right: 8px;}
.basic_ul{margin: 0; padding: 0; list-style: none;}
.basic_ul li{padding-left: 16px; position: relative;}
.basic_ul li:after{content: "-"; position: absolute; left: 0; top: -1px;}

.content dl dt { float: left; min-width: 235px; background: #f1f1f1; color: #666; font-weight: 500;  margin-right: 13px; padding: 5px 20px; border-radius: 30px;}
.content dl dd { margin: 2px 0; padding: 5px 0; font-size: 14px;}
.content .table{width:100%; border-left:1px solid #e0e0e0; border-top: 2px solid #eb7b0d;}
.content .table td{padding:6px 8px; border-right:1px solid #e0e0e0; border-bottom: 1px dotted #d4d4d4; vertical-align:middle; line-height: 21px;}
.content .table.al-center td{text-align:center;}
.content .table a:hover{text-decoration:underline;}

.content .table2{width:100%; border-top: 2px solid #B5B5B5; border-bottom: 1px solid #B5B5B5;}
.content .table2 td{padding:4px 8px; border-bottom: 1px dashed #bdbdbd;}
.content .table2 tr:last-child td{border-bottom:none;}

.s_table{border-top: 2px solid #666; width: 100%;}
.s_table th{background: #f6f6f6; font-weight: 500; padding: 13px; border-bottom: 1px solid #e4e6e7; border-right: 1px solid #e4e6e7;}
.s_table td{border-bottom: 1px solid #e4e6e7; padding: 13px;}
.s_table td.bR1{border-right: 1px solid #e4e6e7 !important;}
.s_table td strong{text-align: center; display: block;}
.mon_table td{padding: 18px 0; text-align: center; border-right: 1px dashed #e5e5e5;}
.mon_table td p{color: #666; line-height: 1.5; margin-top: 15px;}
.mon_table .bR0{border-right: 0;}

.comm td{border-right:1px solid #e4e6e7;}
.comm tr td:last-child{border-right:0; }

.box01{width: 48%; height: 334px; padding: 30px 0; border-top: 1px dashed #e6dad7; border-bottom: 1px dashed #e6dad7; margin: 0 auto;}
.box01 .down_left{float: left; width: 43%; height: 100%; position: relative;}
.box01 .down_left h3{margin-top: 0;}
.box01 .down_left a{position: absolute; bottom: 0; left: 0;}
.box01 .down_right{float: right; width: 55%; text-align: right;}
.box01 .down_right img{max-width: none; width: 100%;}
.topic_box{padding:10px 0;}
.topic_box .title_1{position:relative; clear:both; margin:25px 0 15px; border-bottom:1px solid #ff8679; font-size:16px; line-height:35px; display:block; text-align:left; padding:0;}
.title_1:after{display:block; position:absolute; bottom:-2px; right:0; width:65px; height:4px; background-color:#e74635; content:'';}
.no_box{display:inline-block; width:55px; height:45px; text-align:center; line-height:45px; font-size:30px; font-weight:500; margin-right:11px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #ff8679; border-bottom: 0;}
.topic_box .session-title{font-weight: 500; margin-bottom: 0;}
.topic_box .session-sp{font-size: 14px; font-style: italic;}



.impor_tit{float:left; border: 5px #fceeef solid; border-bottom: 0; width: 18%; height: 42px; text-align: center; padding: 12px 0; box-sizing: border-box; color: #e74635; font-weight: 500; font-size: 16px; border-top-left-radius:15px; border-top-right-radius:15px;}
.impor_line{float:left; border-bottom: 5px #fceeef solid; width: 82%; height: 37px; color: #fff;}
.impor_text{clear:both; border: 5px #fceeef solid; border-top: 0; padding: 25px;}

.contact-box{padding: 20px; margin-top: 5px; border: 5px solid #f1f1f1; line-height: 1.9;}
.t_box{padding: 20px; margin-top: 5px; background-color: #f6f6f6; box-sizing: border-box; line-height: 1.9;}

ul.ex_list{ width: 100%; height: auto; margin-top:20px;}
ul.ex_list li{ float: left; width: 185px; height: 164px; margin-right: 13px; margin-bottom: 10px; border:1px solid #ddd;}
.content ul.list li:before{content:'-'; font-size:15px; vertical-align:bottom; padding-right:7px;}
ul.ex_list li:nth-child(5n+0){margin-right:0 !important;}
ul.ex_list li img{display:block; width:185px; height:130px; margin-bottom:2px;}
ul.ex_list li span.btn1{width:49%;	height:33px; float:left; margin-right:2px;}
ul.ex_list li span.btn2{width:49.9%;height:33px;float:left; text-align:center; line-height:33px;}
ul.ex_list li span.btn2.none a{background:#e9e9e9;}
ul.ex_list li span.btn2.none:hover a{color:#555;}
ul.ex_list li span a{display:block; height:33px; text-align:center; line-height:33px;font-size:12px; background: #e9e9e9; transition:0.3s;}
ul.ex_list li span.btn1 a{width:100%;}/*58px*/
ul.ex_list li span.btn2 a{width:100%;}/*126px*/
ul.ex_list li span a:hover, ul.ex_list li span a:active{ background: #84819f; color: #fff;}
ul.ex_list li span.grey a:hover, ul.ex_list li span.grey a:active{ background: #efefef !important; color: #555 !important;}
.m_box ul.list{list-style:square; padding-left:10px;}
.m_box ul.list li:before{content:''; padding-right:0;}

.wm{position: relative;}
.wm .wm_img{width: 210px;}
.wm .wm_descript{position: absolute; right: 0; top: 0; width: 74%;}
.wm .wm_descript p{display: block; line-height: 22px; text-align: justify;}


/* Popup container */
.popup {  position: relative; display: inline-block; cursor: pointer;}
/* The actual popup (appears on top) */
.popup .popuptext { visibility: hidden;  width: 160px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 125%;  left: 50%;  margin-left: -80px;}
/* Popup arrow */
.popup .popuptext::after {content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #555 transparent transparent transparent;}
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show { visibility: visible;  -webkit-animation: fadeIn 1s;  animation: fadeIn 1s}
.popup .hide{ visibility: hidden; -webkit-animation: fadeOut 1s;  animation: fadeOut 1s}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}  to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}  to {opacity:1 ;}
}
@-webkit-keyframes fadeOut {
    from {opacity: 1;}  to {opacity: 0;}
}
@keyframes fadeOut {
    from {opacity: 1;} to {opacity:0 ;}
}

.keydate_list{font-size:1.071em; line-height:1.4em;}
.info_list li{padding:8px 0;}
.keydate_list li .tit{background-color:#e74635; color:#fff; width:6%; display:block; float:left; padding:6px 20px; -webkit-border-radius:4px; line-height:24px; font-weight:500; text-align:center;}
.info_list li .info{width:87%; display:block; float:right; padding:6px; border-bottom:2px solid #ddd; line-height:22px; padding-left: 10px;}
.clear:after{display:block; clear:both; content:"";}

.ab_box{width: 100%; position: relative; border: 5px solid #0f6bb0; margin-top: 50px;}
.ab_box span{ background-color: #0f6bb0; position: absolute; top: -42px; left: -5px; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; text-align: center; padding: 10px; font-weight: 600;}
.ab_box p{padding: 10px; margin: 0;}
.ab_box ul{padding-left: 30px; margin: 0;}

.stepul{padding: 0}
.stepul li{display:inline-block; vertical-align:top; width:16%; margin-right:1.7%; position: relative;}
.stepul li:last-child{margin-right:0;}
.stepul li:after{content: ''; display: inline-block; background-image: url(../images/locationDot.gif); background-repeat: no-repeat; width: 11px; height: 14px; position: absolute; right: -17px; top: 55%; background-size:70%}
.stepul li.lastli:after{display: none;}
.step_top{margin-bottom:5px; height:44px; line-height:44px; font-size:15px; color:#fff; background-color:#e74635; font-weight:500; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;}
.step_bottom{position:relative; padding:20px 10px 0 10px; line-height:1.5; height:145px; font-size:14px; color:#444444; box-sizing:border-box; border:2px solid #dfdfdf; text-align:center;}

.sp-list{float: left; width: 215px; margin-bottom: 6px;}

/*=========================footer=========================*/
.footer_area{width:100%; float:left; min-width:1200px; border-top: 1px solid #dddddd;}
.footer-wrap{width:100%; min-width:1200px;}
.footer_info-wrap{width:100%; height:137px; background:#26272e; color:#dfdfe0; padding-top:30px; clear:both;}
.footer, .footer_info{width:1200px; margin:0 auto;}
.footer_info>div:first-child{display: inline-block; width: 83%;}
.footer_info>div:last-child{display: inline-block; width: 16%; vertical-align: top;}
.footer p.ft-div{font-size:15px; color:#666; padding:20px 20px 0 0; clear:both; float:left;}
.footer ul li{float:left; margin-right:18px;}
.footer_info{height:125px; background: url(../images/main/footer_logo.png) right no-repeat;}
.footer-logo{display:block;}
.org_area{width:100%; float:left; margin-right:30px; margin-top:14px;}
.sp_area{width:100%; float:left;}

div.footer-logo a{color:#fff; display: block; width: 100%; height: 100%; position: relative;}
.footer-logo ul{padding-left:0;list-style: none;}
.footer-logo ul li{float:left; margin-right:13px;}
.footer-logo p{margin-bottom:0; padding-top:3px; width: 50%;}

.footer_logo ul{width:1200px; margin:0 auto; padding-left:0; list-style:none;}
.footer_logo ul li{padding:10px 0; height:70px;}
.footer_logo ul li span{font-size:16px; font-weight:600; width:7%; display:inline-block; line-height:50px; float: left;}
.footer_logo ul li div{width:90%; height:100%; float:right; line-height:50px; float: left;}
.footer_logo ul li div img{vertical-align:middle; margin-right:15px;}
.footer-logo div a::after{content: ''; display: inline-block; width: 2px; height: 14px; background-color: #7e8193; vertical-align: top; left: 0; margin: 18px 0; position: absolute; top: 1px;}



.arrow-bounce {position: relative;
  -webkit-animation: arrow 1s infinite;
  -moz-animation: arrow 1s infinite;
  -o-animation: arrow 1s infinite;
  animation: arrow 1s infinite;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}

@-webkit-keyframes arrow {
  0% {
    right: -13px;
  }
  50% {
    right: -8px;
  }
  100% {
    right: -13px;
  }
}
@-moz-keyframes arrow {
  0% {
    right: -13px;
  }
  50% {
    right: -8px;
  }
  100% {
    right: -13px;
  }
}
@keyframes arrow {
  0% {
    right: -13px;
  }
  50% {
    right: -8px;
  }
  100% {
    right: -13px;
  }
}



div.accordion .inner {overflow: hidden; display: none; position: absolute; left: 0; top: 75px; width: 100% !important;      margin-bottom: 20px; position: relative; top: 10px; width: 100% !important;}
div.accordion .inner.show {/*display: block;*/ z-index: 9999999;}
div.accordion{clear: both; width: 100%; height: auto; position: relative;}
div.accordion>div {float: left; margin: 20px 5px 0;}
div.accordion div a.toggle {transition: background 0.3s ease;}
div.accordion>div:first-child{margin-left: 0;}
div.accordion>div:last-child{width: 100%; margin: 20px 0 20px;}

#openPopUp{display: inline-block; text-align:center; padding: 5px 10px; color: #777; border:2px solid #777; font-weight: 500; font-size: 15px; border-radius: 3.5px; text-decoration: none; transition:background-color 0.15s linear; -webkit-transition:background-color 0.15s linear; -moz-transition:background-color 0.25s linear; -o-transition:background-color 0.25s linear;}
a#openPopUp:hover{cursor: pointer; background-color: #777; color: #fff}
.popup{position: fixed; top: -100vh; left: 0; z-index: 9999999; background: rgba(0,0,0, 0.75); width: 100vw; height: 100vh; opacity: 0; -webkit-transition: opacity  0.35s ease; -moz-transition: opacity 0.35s ease; -o-transition: opacity 0.35s ease; transition: opacity 0.35s ease;}
.popup .popUpContainer{width: 100%; max-width: 615px; position: fixed; /* To avoid scroll to target */ left: 50%; top: -100vh; -webkit-transition: top  0.35s ease; -moz-transition: top 0.35s ease; -o-transition: top 0.35s ease; transition: top 0.35s ease; margin-left: -307.5px; background-color: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; z-index: 9999999; }
.popup h2{padding: 0.7em; text-align: center; color: #444444; margin: 0;}
.popup img{width: 100%; display: block;}
.popup article{height: 168px; background-color: #e67e22;}
/* The cancel button on popup dialog */
.popup a.closePopUp{color: #e74c3c; position: absolute; top: 0.2em; right: 0.375em; margin: 0; padding: 5px; font-weight: bold; font-size: 1.5em; text-decoration: none;}
/* The cancel button on popup dialog */
.popup a:hover{color: #c0392b;}
/* When popup is targeted, by clicking on link with #popup in HTML */
.popup:target{opacity: 1; top: 0;}
.popup .closePopUpOutSide{position: absolute; left:0; width: 100%; height: 100%; z-index: 9999991; }
.popup:target .popUpContainer{top: 250px; -webkit-transition: top  0.35s ease; -moz-transition: top 0.35s ease; -o-transition: top 0.35s ease; transition: top 0.35s ease;}